无名之苝

想要学好 webpack，我们首先要了解 webpack 的机制，我们先从js加载css开始学习。 bundle 是一个立即执行函数，可以认为它是把所有模块捆绑在一起的一个巨型模块。 学习一个工具我们不仅要看懂它的配置，还要对它的原理一起了解，只有学到框架的精髓，我们才能应对如…

上一个星期一直忙于救火，周末又赶去参加了 Tweb Conf(首次参加这类活动)，所以没什么输出。但是这个星期的紧张、忙碌以及焦虑，让我想明白了一些事情，写了本文，没什么干货，只是一些絮絮叨叨。 上周对我来说还有一个重要的里程碑是掘金等级到达 LV5。目标已经达成了，这是一种释…

通过es6新增class的属性创建的组件此组件创建简单. React 16.3版本后，使用此方法来创建ref。将其赋值给一个变量，通过ref挂载在dom节点或组件上，该ref的current属性,将能拿到dom节点或组件的实例 子组件通过React.forwardRef来创建，…

如今的互联网市场对高阶技术岗位的需求越来越多，成为独当一面的工程师已经成为很多一二线互联网公司招聘的标准门槛了。那么如何成长为独当一面的工程师呢，我会从技术能力和业务能力 2 个方面去阐述。 技术能力无疑是衡量一个工程师水平最重要的依据，那么对于独当一面的工程师技术能力的要求是…

团队中每个开发人员的水平不同，技术关注点不同，如果没有一份代码规范的参照和约束，那么项目中的代码将会风格迥异，难以维护，为保证代码质量和风格统一，特此拟定一份《团队React 代码规范》，这样整个团队的开发人员可以参照这份代码规范进行编码，从而让团队的代码风格统一，利于维护。如…

Alita(https://github.com/areslabs/alita/)在处理React语法的时候，采用了一种运行时处理JSX的技术，相对于社区流行的编译时方案，在JSX语法的支持上更加完备，关于运行时处理JSX的原理，详情请看。 简单来讲运行时方案，把小程序看成是底…

Web 页面性能优化，解决了图片相关，问题就解决了大半。本文从 Web 常见的图片格式入手，引出与图片优化相关的有效方案，期望对大家能有一点帮助。 有损压缩：借由将次要的信息数据舍弃，牺牲一些质量来减少数据量、提高压缩比。这个过程是不可逆的。图片常见的有损压缩手段是合并相近的像…

Promise 大伙太熟悉了，简单的你都会，但是“刁钻”的大厂面试官可能会问的不那么一样，比如抛出几道题，让你来看看 Promise 的执行过程。 那么我们就来一起来深入剖析 Promise 的注册微任务和执行的完整过程。能正确的使用 Promise 且能做到知其然知其所以然~…

为了保证的可读性，本文采用意译而非直译。 数组拷贝经常被误解，但这并不是因为拷贝过程本身，而是因为缺乏对 JS 如何处理数组及其元素的理解。JS 中的数组是可变的，这说明在创建数组之后还可以修改数组的内容。 这意味着要拷贝一个数组，咱们不能简单地将旧数组分配给一个新变量，它也是…