前端开发Vue 中计算属性和侦听器 在 Vue 中通常我们会在模板绑定表达式,模板是用来描述视图结构的。如果模板中的表达式存在过多的逻辑性语句,那么整个模板就会变得特别的臃肿,可读性和维护性将会降低,因此为了简化逻辑,我们可以使用计算属... 10月22日 10,130 评论 阅读全文
前端开发浅谈 JS 中的防抖和节流操作 一般在进行窗口的 resize、scroll 等输入框内容校验等操作时,如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常糟糕。此时我们可以采用 debounce(防抖)和 thr... 10月14日 9,252 评论 阅读全文
前端开发JS中的「import」和「require 」的区别 import 和 require 是 JS 模块化编程使用的,模块化是一种将系统分离成独立功能部分的方法,一个模块是为完成一个功能的一段程序或子程序,"模块"是系统中功能单一且可替换的部分。模块化思想... 10月12日 20,017 评论 阅读全文
前端开发在 Nuxt中 使用 vue-seamless-scroll 遇到的问题 之前在其他项目中用过一个无缝滚动的组件 vue-seamless-scroll 感觉还可以,然后打算在 Nuxt 项目中继续使用,但是该组件的作者表示暂不支持 Nuxt ,但实际上我们可以通过添加 &... 05月15日 17,005 评论 阅读全文
前端开发Vue-Router + Webpack 路由懒加载实现 当打包构建应用时,Javascript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。结合 Vue 的异步组件... 04月23日 10,871 评论 阅读全文
前端开发如何使用 Sentry 监控 Vue 项目的错误日志 Sentry 是一个开源的错误追踪工具,可以帮助开发人员实时监控和修复系统中的错误。其专注于错误监控以及提取一切事后处理所需的信息;支持几乎所有主流开发语言( JS/Java/Python/php )... 06月24日 22,504 评论 阅读全文
前端开发JS 中对 URL 进行转码与解码的处理方法 在 JS 中对文字进行编码涉及3个函数:escape、encodeURI、encodeURIComponent,相应3个解码函数:unescape、decodeURI、decodeURICompone... 05月04日 18,038 评论 阅读全文
前端开发Vue 项目如何分环境打包不同配置 在项目开发中,我们的项目一般分为开发版、测试版、预发布版、生产版,Vue-cli 的默认环境一只有 dev 和 prod 两个,之前每次要发布测试版或预发布版都是需要手动修改代码中配置文件后打包,这样... 05月04日 20,640 评论 阅读全文
前端开发JavaScript 实现 GPS 坐标点距离计算 在LBS(基于位置服务)的一些应用中,有时我们会需要计算两个用户或两个坐标点之间的距离。要解决这类问题,就要了解空间几何的概念并结合数学中在三角函数公式计算两点之间的值。本文介绍基于经度/纬度的,两个... 01月03日 16,787 评论 阅读全文
前端开发JS 判断客户端是否是 iOS 或者 Android 最近做的一个项目中,很多页面会通过微信等渠道分享出去,在分享页面上提供公司 APP 的下载,但是在很多应用的浏览器中,点击下载链接无法下载应用,那么针对这些浏览器我们需要给用户提示从 Safari 或... 01月03日 13,525 评论 阅读全文