由于正常上班的缘故，所以只能抽出空闲时间来做，适逢几次加班，导致比预估的工时推迟了一些时间，2020 年 11 月 3 日把项目开发的差不多了，之后一直处于自测和修改小问题的阶段。 我发现大家对这个项目的热情也挺高，所以在上周末也把项目部署到线上，让大家帮忙测试了一波。不过时间…

webpack ensure 有人称它为异步加载，也有人称为代码切割，他其实就是将 js 模块给独立导出一个.js 文件，然后使用这个模块的时候，再创建一个 script 对象，加入到 document.head 对象中，浏览器会自动帮我们发起请求，去请求这个 js 文件，然后…

Promise作为现代化JavaScript开发的一把利器，已经渗透到我们日常开发工作的很多角落。 “Promises/A+，一个健全的、可互操作的JavaScript承诺的开放标准——来自于实现者，为了实现者”。 Promises/A+文档目前还只有英文文档，有兴趣的同学可以…

vue3.0 使用了 Proxy 对象做响应式系统,让很多人都认识了 Proxy 对象,vue3.0 中的响应式数据甚至是组件实例,其实都是 Proxy 对象。但是这篇文章不是说 Proxy 对象在 vue3.0 是怎样发挥作用的,而是说说其影子兄弟 Reflect。既然是影子…

年底了，开源一套我们的大前端架构aotoo-hub，小伙伴们都用得很爽的。 aotoo-hub是一套正式上线的大前端解决方案。迭代的这2年多的时间，从webpack-1熬到了webpack-4，从纯前端脚手架到融合node端的整体方案，从繁复到精简，重构的次数不要太多。简单、易…

ES6新增 symbol 类型，不可以使用 new Symbol()，因为 symbol 是基本数据类型，每个从Symbol()返回的 symbol 值都是唯一的。 一个继承自 Foo.prototype 的新对象被创建。 使用指定的参数调用构造函数 Foo ，并将 this …

简单理解，Object.created是一个继承方法，**返回一个新对象，带着指定的原型对象和属性。**例如： 我们平时常用的就是使用一个参数的情况，可以实现简单的继承，例如上面的例子，包含一个参数，直接将某一个对象当作原型对象，使新的对象去继承。 包含第二个参数的用法可能在大…

值类型数据是值的复制，开辟新的存储空间来存储值，复制前后的数据之间无联系。 引用类型数据仅仅是地址的复制，开辟新的存储空间来存储地址指针，复制前后的地址指针指向堆中同一个值。 在JavaScript中，最常用的是通过标记清除的算法来找到哪些对象是不再继续使用的，a=null是一…

天下武功，唯 (wei) 快(fu) 不(bu) 破(po)。 随着近几年的前端技术的高速发展，越来越多的团队使用 React、Vue 等 MVVM 框架作为其主要的技术栈。以 React 应用为例，从性能角度，其最重要的指标可能就是首屏渲染所花费的时间了。那么今天，我们要给大…