
vue项目
小天使娜娜
90后前端妹纸,全栈开发
展开
-
字体图标制作以及在vue项目中的使用
字体图标的优势: 字体图标任意缩放不会失真,也大大减少请求数量,优化性能。在线生成工具: https://icomoon.io/app/#/select步骤:1. 进入网址:主页面2. 新建一个图集3. 添加.svg图片(可以使用现成的,也可以使用自定义的)使用现成的点击页面的Add Icons使用自定义的直接拖拽进图集即可添加4、生成字体文件(1)...原创 2018-11-02 17:34:53 · 589 阅读 · 0 评论 -
js防止双击事件触发单击事件
1.定义timerProvinceClick变量2.将单击事件执行的方法延时500毫秒,并赋值给timerProvinceClick3.在双击事件执行时先清除单击事件4.双击不再触发单击原创 2018-12-26 14:30:16 · 5818 阅读 · 0 评论 -
完美解决Webpack多页面热加载缓慢问题
Webpack多页面热加载缓慢问题分析与解决一、问题引入使用webpack + vue多入口模式后,随着项目模块越来越多,整个项目的入口多达30多个,热更新变得缓慢,保存一次等待热加载的时间多达2-3分钟,这也意味着,改一下代码保存后要等2分多钟才能看到效果,非常影响开发效率。二、问题分析我们的代码无问题,而是html-webpack-plugin插件存在性能问题...原创 2018-12-22 14:20:32 · 9432 阅读 · 4 评论 -
Vue项目前端性能优化
一、vue-router路由懒加载懒加载是当路由被访问的时候才加载对应组件,而不是在首页就全部加载,以此来提高首页反应速度。方法和原理 require-ensure 说明: require.ensure在需要的时候才下载依赖的模块,当参数指定的模块都下载下来了(下载下来的模块还没执行),便执行参数指定的回调函数。require.ensure会创建一个chunk,且可以指定该chunk...原创 2019-03-27 16:50:39 · 18723 阅读 · 6 评论