矢心

vue 封装图片懒加载vue组件 图片懒加载原理 图片懒加载（Lazy Loading）是一种优化网页性能的技术，它可以延迟网页中的图像加载时间，直到用户需要查看它们时才加载。这样可以减少页面加载时间

vue 封装图片预览组件 图片放大、缩小、旋转功能 1、插入body，制作全局遮罩层、禁止背景滚动 2、定义组件过渡动画 3、结合 transform 实现图片控制

业务场景 需要在原生输入框，或者自定义的样式密码框，屏蔽输入法弹出，弹出自定的数字键盘输入，并实现数据的双向绑定 实现思路 首先构思组件的要实现的功能以及问题，从小到大，再逐一实现，得出一下步骤结论

这里说的数据双向绑定，指的是 vue 父子组件的数据双向绑定，而不是 vue 的数据双向绑定原理（数据与视图的双向绑定更新） 关于子组件不能修改父组件穿入的props数据，官方这样解释： 但是很

业务场景 数组生成的标签，使用右键打开菜单，快捷删除目标选中的标签、或者关闭除选中之外的剩余标签，或者全部关闭 实现思路 右键时屏蔽原生事件，把自定义右键菜单浮框封装为组件，传入事件中$event中鼠

在理解vue底层响应式原理时，了解到，原来对象中的属性，不单单从表面看起来那么简单是key:value形式，而是还有隐藏的内部特性 其中对象内的属性 分为两种类型的属性：数据属性 和 访问器属性

在vuex，当一个组件需要获取多个状态的时候，将这些状态都声明为计算属性会有些重复和冗余，例如 为了解决这个问题，我们可以使用 mapState和mapGetters 辅助函数帮助我们生成计算属

使用electron-builder打包时配置好了license许可协议，打包后安装出现乱码 解决办法 找到许可协议txt文件，并非是GBK，或者UTF-8，txt写好之后，需要进行转化，转化为

在开发中对数组数据的常规操作我们会经常遇到一些必要的操作 例如：要检测数组中的元素是否满足指定条件，然后直接返回布尔值方便进行判定操作 这里javascript里的数组方法 some和every