深蓝一人

很久以前写过一篇了解虚拟DOM 的文章，主要讲解了vue为什么会使用虚拟 DOM 以及 VUE 的 diff 算法。最近技术栈迁移到了 React，就好好研究了一下 React diff 算法的实现。 在了解 React diff 算法之前，先了解 React Fiber 相关…

setTimeout和原生事件中，可以立即拿到更新结果。也就是同步 在合成事件和生命周期中，不能立即拿到更新结果。也就是所谓的“异步” 究竟是同步更新还是异步更新，取决于代码的执行环境。React定义了一个内部变量executionContext(默认为NoContext)，在…

了解源码最好的方式是单步调试，找一个最简单的例子，在源码中打断点进行调试。本文采用create-react-app创建了最简单的demo，只含有click事件。页面内容如下 注意此处使用的registrationNameModules存放了所有React事件。 ensureLi…

Vue在2.0版本引入了虚拟DOM。其了虚拟DOM算法是基于snabbdom算法所做的修改。参看https://github.com/vuejs/vue/blob/dev/src/core/vdom/patch.js注释部分。要想了解Vue，必须了解虚拟DOM，本篇文章主要介绍…

在实际开发过程中，会遇到上传文件的一些需求。但是使用原生的<input type="file" />在使用中存在一些问题 在阅读了一些源码之后，总结了如下的解决方案。有点偷梁换柱的意思: 遇到问题的时候多去看看别人是怎么写的，借鉴一下，解决问题的同时能够学习很多东西。

当循环次数是确定的，消除循环并使用多次函数调用往往更快运行几次loop1()及loop2()，发现loop1()运行时间为100ms左右，而优化之后loop2()运行时间位40ms左右，时间减少了将近

默认情况下，所有对象都是可扩展的。在调用preventExtensions之后，将不能再往对象中添加属性(严格模式报错，非严格模式静默失败)，对已有属性没有影响 writable:表示能否修改属性的值。true时，可以重写该属性的值；属性为false时，修改属性的值在非严格模式…

这个时候所有chrome浏览器都会按照10px的一半，也就是5px来显示。

文章2017 前端大事件和趋势回顾，2018 何去何从？中提到了2017年前端值得关注的十大事件，其中就提到了PWA。 大家都知道Native app体验确实很好，下载到手机上之后入口也方便。它也有一些缺点: 而web网页开发成本低，网站更新时上传最新的资源到服务器即可，用手机…