争霸爱好者

这篇文章来看一下react应用的入口：ReactDOM.render的流程。ReactDOM.render主要做了三件事：创建整个应用的根fiber节点：fiberRoot，合成事件的处理以及挂载应用

看react源码有一段时间了，写篇文章总结一下，也希望能帮到大家。这是react原理系列的第一篇，主要讲解一下react的基本架构，让大家有一个整体的认识。 什么是fiber，为什么要使用fiber

之前看到了几位大佬写的前端大文件上传的文章，感觉这个功能还挺有意思的，我也试了试，在大佬的代码上加了一些自己的想法。这篇文章算是一个自己的总结，也希望能给想做这个功能的同学一些帮助。 如果将每个分片设为1M，那么一个200M的文件就会有200个分片，也就是会有200个请求。这2…

《JavaScript高级程序设计》中提到过多种继承方法：原型链继承，借用构造函数，组合式继承，原型式继承等等，方式很多，让人傻傻 分不清楚。那么，这篇文章将从宏观角度对这些继承方式做一个梳理。 在我的这篇文章中提到过类似的概念，通过将父类的属性和方法拷贝到子类实例上来实现继承…

这个方法会让对象不可扩展，也就是不能添加新的属性，并且一旦对象变为不可扩展之后，就不能再让其恢复扩展性，改方法只会对自身属性有效，不会对原型上的属性起作用，并且该方法会让__proto__不可变，这一点需要注意。下面的代码会报错 这个方法会封闭原对象，就是在Object.pre…

在JavaScript中，this的指向是一个很复杂的问题，这篇文章将对this指向问题进行一个总结。 要想彻底明白this的行为，就要明白作用域和this的关系。 JavaScript中采用词法作用域，即在函数声明时，就已经确定了其作用域，而与函数在何处进行调用没有关系；而t…

在上一篇文章，我们根据用户角色获取了路由，这一篇文章，我们就根据路由来生成菜单栏，这也是后台管理系统的一个必备功能。 这篇文章将会从路由设计以及递归组件两个方面进行讲解，希望能够对大家有所帮助。 1. 项目基础架构 2. 登录与权限控制 个人感觉这种写法的优点在于，每个路由对象…

终于到了本系列的最后一篇文章了，这篇文章将会做一个简单的模板编译器，并结合上一篇文章的渲染watcher来实现一个小demo。 将数据设置为响应式后，开始模板编译。模板编译思路如下：先将el从页面上取出来放到fragment中，编译完成后再放回页面中。 这个系列文章的到此就告一…

终于到了渲染watcher，看完这篇文章的内容后，大家就可以实现一个响应式系统了，并且能够在页面上有所体现。 1. 基本原理 2. 数组的处理 4. 最终章 持续更新中。。。 vue中有多种watcher，我们之前实现的watcher类似于Vue.$watch，当依赖变化时执行…