在本文中，你会了解到如何在 Vue 组件中 使用 防抖 和 节流 控制 观察者（watchers） 和 事件处理程序。

1. 首先安装webpack的可视化资源分析工具，命令行执行： 2. 然后在webpack的dev开发模式配置中，引入插件，代码如下： 3. 最后命令行执行npm run build --report , 浏览器会自动打开分析结果，如下所示： 可以看到vue全家桶相关依赖占用了…

背景：为使团队代码风格尽量统一和规范，方便cr和查找问题，结合过去一段时间的经验，针对react + typescript提出代码规范，后续在实践过程中可持续优化此规范。 二元和三元运算符两侧必须有一个空格，一元运算符与操作对象之间不允许有空格。 用作代码块起始的左花括号 { …

是什么使得一个编程语言的新特性很棒？那就是当这个特性可以结合多个其它特性的时候。 ES2015 版本中引入的 for...of 语句就是这种情况。 for...of 可以迭代数组、类数组以及任何可以迭代的对象(maps、sets、DOM集合)，并且，for...of 的语句还很…

北京的冬天还是来了，没有一丝丝防备，满腿的腿毛终究还是抵挡不住这沁人心脾的冷风，早上起来偷偷地把秋裤套上了。天气虽冷，但我的心还是热的，抽空整理了一下平时用到的优化ifelse的方法，与君分享，欢迎指正。 根据ifelse封装策略类，每次去取策略。策略可以是object键值对，…

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 最近在重构代码时，我发现早期的代码使用太多的 if 语句，其程度是我从未见过的。这就是为什么我认为分享这些简单的技巧是非常重要的，这些技巧可以帮助我们避免过多的使用 if 语句。 接下来会介绍6种方式来代替 i…

Vue 中的 key 是用来做什么的？为什么不推荐使用 index 作为 key？常常听说这样的问题，本篇文章带你从原理来一探究竟。 本文的结论对于性能的毁灭是针对列表子元素顺序被改变、或者子元素被删除的特殊情况，提前说明清楚。 那么它的 vnode 也就是虚拟 dom 节点大…

如果你一直在阅读有关"props"内容，你会发现我们可能也一直在使用它们（即使没有意识到），但也许你并不完全确定它们是什么。或者如何正确使用它们，并充分利用它们。 当你读完这篇指南时，你就会知道成为一名高效的Vue开发者所需要知道的关于props的一切。 props 是我们在不…