现在，Vue.js已成为前端开发的热门框架。有很多工程师利用Vue.js的便利性和强大功能。但是，我们完成的某些解决方案可能未遵循最佳做法。好吧，让我们看一下那些必备的Vue技术。 1. 函数组件 创建一个函数组件非常容易，你需要做的就是在SFC中添加一个 functional…

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

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

在4月21日晚，Vue作者尤雨溪在哔哩哔哩直播分享了Vue.js 3.0 Beta最新进展。 1. 全新文档RFCs 所有的进度和文档都将在全新RFCs文档可以看到。 2. 六大亮点 Performance：性能更比Vue 2.0强。 Tree shaking support：…

作为一个对UI和动画敏感的切图仔，在日常开发之余，也会关注一些贼好看的图表库和插件。 接下来，我将给大家介绍几款web/python/vue/react里漂亮得不行的开源库/实现。 1. 手绘风图表库：roughViz.js 基于D3(v5), roughjs, 和handy。…

之前使用过 Vue 开发后台、中台项目，也做过移动端 H5，弄过一点小的前端架构。每做一个项目都会收获了不一样的经验和理解。下面我把这些点点滴滴的经验总结下来，做一个系列的文章分享和阶段性的总结。 自己手动规范 git 的提交原则或者团队统一制定。这个靠自觉，好习惯养成之后就没…

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

不知道有没有跟我一样，对于设计模式存在困惑的，以我为例，不瞒大家，我对设计模式真的是“看山就是山”、“看水就是水”、“看理论就是看理论”。毕业之前，我自己捣鼓的东西/项目，几乎没有设计的思想。老夫才不管那么多，直接梭哈，But，正是因为这样，才导致因设计缺陷、代码实现缺陷，为后…

最近项目组重构一个大型项目，为了引领时尚潮流，做公司最靓的仔。项目前端组采用Vue3.0进行重构。 ​ 当然，他们没有强制要求使用Vue3.0，不习惯的依然采用Vue2.x的写法慢慢过渡。我个人喜欢追求新知识，所以我就一步到位了。Vue3.0的升级必然有许多亮点，之前也有大…