
vue
嚭
这个作者很懒,什么都没留下…
展开
-
whistle本地代理线上(vue项目)
whistle代理原创 2023-01-10 16:12:21 · 1731 阅读 · 0 评论 -
【vue】vue将一批图片打包下载
【vue】vue将一批图片打包下载。原创 2022-12-09 15:23:23 · 843 阅读 · 0 评论 -
vue使用elementUI后scoped踩坑
vue、elementUI、scoped原创 2022-09-26 15:10:42 · 842 阅读 · 0 评论 -
【vue】解决{‘查看‘, __ob__: Observer}取值问题
对于产生__ob__:Observer这种数据类型,其实是Vue监控变量产生的,在向数组中添加数据使用 push添加的对象信息就会出现__ob__: Observer。原创 2022-08-05 16:37:05 · 721 阅读 · 0 评论 -
vue之性能优化
一、源码优化模块化封装成组件,减少代码冗余,每个组件有明确含义,复用性越高越好,可配置性越高越好,包括css。for循环设置key循环时添加key,便于呢行代码更好找到该条数据,新旧值相比时可以更快的定位到diff。路由懒加载首屏渲染时能够加快渲染速度避免内存泄漏使用过后的全局变量在组件销毁后重新置为null。keep-alive对组件进行缓存,节省性能。v-if 和 v-show看场景,自行选择减少watch的数据数据变化量大的时候会有卡顿现象,可以原创 2020-09-14 14:35:18 · 211 阅读 · 0 评论 -
vue小技巧
v-for中的key为每个节点添加唯一标识,提高虚拟DOM的更新效率soped的实现原理主要通过PostCSS转译实现<style scoped>.example { color: red;}</style>转译后<style>.example[data-v-5558831a] { color: red;}</styl...原创 2019-11-05 19:43:31 · 176 阅读 · 0 评论 -
弹窗滑动穿透
弹窗滑动穿透页面内容较多时(y方向可以滑动),弹出弹窗,弹窗不可动,h5页面滑动######1. watch 视弹窗的弹出状态动态设置h5页面的style属性:overflow-y 为auto或者hidden。######2. 防止滑动穿透 @touchmove.prevent=""<div class="right-description" v-show="showPop...原创 2019-11-05 09:30:50 · 314 阅读 · 0 评论 -
vue生命周期浅理解
简单来说,生命周期包含八个:beforeCreate created //出生前后beforeMount mounted //挂载前后beforeUpdate updated //更新前后beforeDestory destoryed //销毁前后其中最常用到的是 created 和 mounted ,而 beforeCreate 和 destory...原创 2019-08-16 15:26:37 · 106 阅读 · 0 评论 -
虚拟DOM浅理解
虚拟DOM往简单了说就是用一种简便的方法去实现对DOM元素的操作。为什么要用: 就是为了要解决浏览器的性能问题好处:页面的更新可以先全部反映在JS对象(虚拟DOM)上,操作内存中的JS对象的速度显然要更 快,等更新完成后,再将最终的JS对象映射成真实的DOM,交由浏览器去绘制。实现过程:可以通过Element方法可以用来创建虚拟DOM Element实现...原创 2019-08-15 09:34:53 · 155 阅读 · 0 评论