TUTUDEDOU

为什么 React 不精确监听数据变化呢？这是因为 Vue 和 React 设计理念上的区别，Vue 使用的是可变数据，而React更强调数据的不可变。所以应该说没有好坏之分，Vue更加简单，而React构建大型应用的时候更加鲁棒。 因为一般都会用一个数据层的框架比如 Vuex…

页面性能对用户体验而言十分关键。每次重构对页面性能的提升，仅靠工程师开发设备的测试数据是没有说服力的，需要有大量的真实数据用于验证； 资源挂了、加载出现异常，不能总靠用户投诉才后知后觉，需要主动报警。 关于前端性能指标，W3C 定义了强大的 Performance API，其中…

这个需要大家对diff算法有所了解，如果从 render 返回的组件等同于之前render函数返回的组件，React将会迭代地通过diff算法更新子树到新的子树。如果不相等，则先前的子树将会完全卸载。 高阶组件可以把所有属性传递给被包裹组件，但是ref除外，因为ref不是一个真…

在学习了一些 React 后开始学习 Redux，Redux 的工作过程让人感到很困惑。 这些术语看起来非常陌生。 所以在这篇文章中我将用一种有利于大家理解的反向剖析的方法去揭开 Redux 怎样工作的神秘面纱。在 上一篇 中，在提出专业术语之前我将尝试用简单易懂的语言去解释 …

设置一个cancelFlag作为标志符，默认为true，在请求拦截器时，判断如果cancelFlag为true，就可以发送请求，且将cancelFlag设为false。当cancelFlag为false,就取消请求。在响应拦截器中再将cancelFlag设为true。说明只用当…

主要整理日常工作中常用的一些通用Js代码，以方便能够记录与使用。

这两天自己简单的看了下 setState 的部分实现代码，在这边给到大家一个自己个人的见解，可能文字或图片较多，没耐心的同学可以直接跳过看总结(源码版本是16.4.1)。 、performWorkOnRoot、performSyncWork、performAsyncWork这四…

SVG是矢量图形表示，它的一个强大之处在于path标签可以表示任意的矢量形状，利用好这个path可以做出很多传统html/css做不出来的效果。下面举几个例子。 这个我在《SVG导航下划线光标跟随效果》文后补充介绍了这个实现，最后的效果是这样的： 实现代码如下： 利用anima…

webpack4出了以后，一些插件变化很大，和之前的版本使用方式不一样，新手入坑，本篇将介绍如何从一开始配置webpack4的开发版本，对css，js进行编译打包合并生成md5，CSS中的图片处理，js自动注入html页，删除指定文件，提取公共文件，热更新等等。 执行webpa…