![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 66
加油吧,风一样的少年
这个作者很懒,什么都没留下…
展开
-
vue中自定义指令和自定义过滤器
vue中自定义指令和自定义过滤器自定义指令自定义指令有两种定义形式:1 . 全局自定义指令2 . 局部自定义指令举个聚焦输入框的例子,如下:全局自定义指令//在main.js中用 vue.directive()// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 el.focus() }})局部自定原创 2021-01-13 14:19:27 · 159 阅读 · 0 评论 -
Vue项目使用CDN优化加载
在Vue项目中,引入到工程中的所有js、css文件,编译时都会被打包进vendor.js,浏览器在加载该文件之后才能开始显示首屏。若是引入的库众多,那么vendor.js文件体积将会相当的大,影响首开的体验。解决方法是,将引用的外部js、css文件剥离开来,不编译到vendor.js中,而是用资源的形式引用,这样浏览器可以使用多个线程异步将vendor.js、外部的js等加载下来,达到加速首开的目的。外部的库文件,可以使用CDN资源,或者别的服务器资源等。下面,以引入vue、vuex、vue-rout原创 2021-01-09 16:31:24 · 252 阅读 · 0 评论 -
vue项目做过哪些优化?有没有对首屏做过优化
vue项目做过哪些优化?有没有对首屏做过优化*1)代码层面的优化 v-if 和 v-show 区分使用场景computed 和 watch 区分使用场景v-for 遍历必须为 item 添加 key,且避免同时使用 v-if长列表性能优化事件的销毁 addEventlisenter 事件监听图片资源懒加载路由懒加载第三方插件的按需引入优化无限列表性能服务端渲染 SSR or 预渲染(2)Webpack 层面的优化Webpack 对图片进行压缩减少 ES6 转为 ES5 的冗余原创 2021-01-09 15:25:16 · 332 阅读 · 0 评论 -
vue双向绑定原理
vue双向绑定原理这是前端面试vue时候必问的一道题目可以这么回答:vue.js是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。具体步骤:第一步: 需要observer的数据对象进行递归遍历,包括子属性对象的属性,都加上 setter和getter这样的话,给这个对象的某个值赋值,就会触发setter,那么就能监听到了数据变化第二步: compile解原创 2021-01-09 10:13:24 · 101 阅读 · 0 评论