在早期还没有形成 Web 前端工程师这个岗位的时候，组件化的需求就一直存在。由于在Node.js、ES6出现之前，前端并没有很好的解决代码模块化的问题，所以出现了很多组件化方案，当然这些方案和构建工具都有密不可分的关系。 一般用于早期前后端未分离的项目，依赖于构建工具（比如百度…

最近团队内有同学，由于写react hooks引发了一些bug，甚至有1例是线上问题。团队内也因此发起了一些争执，到底要不要写hooks？到底要不要加lint？到底要不要加autofix？争论下来结论如下： 团队再出一篇必读文档，必须要求每位同学，先读再写。 因此便有了此文。 …

三篇长文带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每…

本文主要介绍 24 中 es6 方法，这些方法都挺实用的，本本请记好，时不时翻出来看看。 页面DOM里的每个节点上都有一个classList对象，程序员可以使用里面的方法新增、删除、修改节点上的CSS类。使用classList，程序员还可以用它来判断某个节点是否被赋予了某个CS…

首先我们来看看下面的代码环境配置安装react和babel配置babel@babel/plugin-transform-react-jsx做了什么？写个函数来模拟它的执行过程@babel/plugin

第三次阅读阮一峰老师的《ES6标准入门》了，以前阅读时不细心，很多地方都是一目十行。最近这次阅读都是逐个逐个字来读，发现很多以前都没有注意到的知识点，为了方便记忆和预览全部ES6特性，所以写下本文。 本文的知识点完全是参考或摘录《ES6》里的语句，有部分语句为了方便理解和记忆，…

就目前而言，纯粹的Web Components在兼容性方面还有着较为长远的路，这里做个记录总结，以纪念自己最近关于Web Components的学习道路。 Web Components由HTML Import、Template、Custom Element、Shadow DOM…

面向对象编程(OOP)：具有灵活性，代码可复用性，高度模块化等特点。 1.对象是单个实物的抽象。 2.对象是一个容器，封装了对应属性和方法。 属性是对象的状态，方法是对象的行为。 需要一个模版（表示一类实物的共同特征），让对象生成。 类（class）就是对象的模版。 js不是基…

作为一个合格的前端工程师，浏览器相关的工作原理是我们进行性能优化的基石，我之前也强调过知识体系的重要性，这部分原理性的内容就是知识体系中的重要部分，必须牢牢掌握才能面对瞬息万变的实际场景，针对性地给出实际方案，而不是背诵各种开发军规和性能优化的条例，这样很难发现真正的问题所在,…