作为一个开发了多个 H5 项目的前端工程师，在开发过程中难免会遇到一些兼容性等爬过坑的问题。现在我将这些问题一一汇总一下，并在后面给出坑产生的原理，和现阶段常规的填坑方案。由此来做一个阶段性的总结。 之前两篇文章已经详细的论述了1px 问题与 响应式布局问题，并给出了原理和解决…

name: 'fade' 将自动拓展为.fade-enter，.fade-enter-active等。默认类名为 "v" 将相同样式或功能的区块单独提出来，作为一个组件。 另外组件中用到的图片等资源就近维护，即可以考虑在组件文件夹中新建images文件夹。 eslint 是一个…

2019年11月11号在Vue Toronto 2019会议上，@尤雨溪做了关于《Design Principles of Vue 3.0》的分享。 本PPT作者@尤雨溪，翻译作者：黑叔666。 译文：尽管Vue可以确保组件树级别的更新最少，但它仍然是每个组件实例中的完全dif…

1. 渲染项目列表时，“key” 属性的作用和重要性是什么？ 渲染项目列表时，key 属性允许 Vue 跟踪每个 Vnode。key 值必须是唯一的。 如果没有使用 key 属性，并且列表的内容发生了改变（例如对列表进行排序），则虚拟 DOM 宁愿使用更新的数据来修补节点，来反…

1. Vue 响应式原理 Dep : 用于收集当前响应式对象的依赖关系,每个响应式对象包括子对象都拥有一个 Dep 实例（里面 subs 是 Watcher 实例数组）,当数据有变更时,会通过 dep.notify()通知各个 watcher。 watcher 中实例化了 de…