概述 相比代码的 Lint 或者 Prettier，或许我们更应该关注代码是否具有弹性。 Dan 总结了弹性组件具有的四个特征： 不要阻塞数据流。 时刻准备好渲染。 不要有单例组件。 隔离本地状态。 以上规则不仅适用于 React，它适用于所有 UI 组件。 不要阻塞渲染的数据流 不阻塞数据流的意思，就是 不要将接收到的参数本地化， 或者 使组件完全受控 。 在 Class Component… »

编码只是开发过程中的一小部分，为了使我们工作更加高效，我们必须学会调试，并擅长调试。 内容概要 文中列举了常用调试技巧，如下： Debugger 在代码中插入 可以在其位置触发断点调试。 Console.dir 使用 命令，可以打印出对象的结构，而 仅能打印返回值，在打印 属性时尤为有用。 ps: 大部分时候，对象返回值就是其结构 使用辅助工具，语法高亮、linting 它可以帮助我们快速定位问题，其实 flow 与 typescript… »

React16 新特性 引言 于 2017.09.26 Facebook 发布 React v16.0 版本，时至今日已更新到 React v16.6，且引入了大量的令人振奋的新特性，本文章将带领大家根据 React 更新的时间脉络了解 React16 的新特性。 概述 按照 React16 的更新时间，从 React v16.0 ~ React v16.6 进行概述。 React v16.0 render 支持返回数组和字符串、Error Boundaries、createPortal… »

引言 如今，Javascript 模块化规范非常方便、自然，但这个新规范仅执行了 2 年，就在 4 年前，js 的模块化还停留在运行时支持，10 年前，通过后端模版定义、注释定义模块依赖。对经历过来的人来说，历史的模块化方式还停留在脑海中，反而新上手的同学会更快接受现代的模块化规范。 但为什么要了解 Javascript 模块化发展的历史呢？因为凡事都有两面性，了解 Javascript 模块化规范，有利于我们思考出更好的模块化方案，纵观历史，从 199… »

需求背景 最近要做一个将第三方聊天库打包为链接，以便于顾客端使用，类似于这个样子 , 以实现将代码嵌入到顾客端网站的 标签之前即可完成部署，开发过程中遇到诸多难点 需求难点 打包工具选型 最容易想到的办法就是沿用公司之前的 webpack 框架，这里升级到了 webpack4（见之前的文章 Webpack 配置笔记 ），考虑到打包后可能会包含一些 webpack 的多余代码，因此不是最优方案。但迫于技术的不成熟以及开发时间的压力，还是把 webpack… »