糖唐

Vue 中实现响应式更新主要分为2步：1、将普通对象变为可追踪的数据；2、组件实例记录使用到的数据，数据变更时再通知组件进行更新

想要做好性能优化，我们就需要先了解下 `React` 的更新渲染机制，了解哪些场景会触发更新，更新内容如何判定，这样才能做到有的放矢，针对性的进行优化。

在 React 中，只要组件的state数据有变更，当前组件就会重新渲染。state数据有3个组成部分：props、state、context，这些数据产生变更，我们就称使用这些数据的内容为可变部分。

当父组件数据变更时，会导致所有子孙组件全部重新渲染，造成大量的性能损耗。此时我们可以通过使用 `React.memo` 包裹组件，来达到性能优化。

提高页面渲染效率，可以通过以下几个方式来实现：DOM层级不要变；相同内容节点类型不要变；循环元素添加 key 值；保持结构的稳定性，避免兄弟节点错位而严重影响性能。

新手写小程序并不简单，这是我的第一次尝试学习到了很多。最近双十一过后，每天不是拿快递就是去拿快递的路上，翻开手机应用里的菜鸟裹裹查看快递是很方便的，当我在微信端搜索菜鸟裹裹小程序时，却没有发现，于是便想自己动手仿app版写一个菜鸟裹裹的小程序，对其中的快递查询物流跟踪很有兴趣。…

现在已经到 8102 年的尾声了，前端各方面的技术发展也层出不穷，VueConf TO 2018 大会 也发布了 Vue 3.0的计划。而在我们（我）的日常中也经常用 Vue 来编写一些项目。那么，就少不了 ES6 的登场了。那么话说回来，你真的会用 ES6 的 async 异…

许多前端JavaScript框架（例如Angular，React和Vue）都有自己的Reactivity引擎。通过了解响应式及其工作原理，您可以提高开发技能并更有效地使用JavaScript框架。在视频和下面的文章中，我们构建了您在Vue源代码中看到的相同类型的Reactivi…

本文主要介绍一些JS中用到的小技巧，可以在日常Coding中提升幸福度，将不定期更新~ 感兴趣的同学可以加文末的微信群，一起讨论吧～