长行聿

App往往有一个入口文件，相当于一棵树的主干，入口文件有很多依赖的模块，相当于树枝。实际情况中，虽然依赖了某个模块，但其实只使用其中的某些功能。通过Tree shaking，将没有使用的模块摇掉，这样来达到删除无用代码的目的。 关于Tree shaking的原理，在Tree S…

微前端由ThoughtWorks 2016年提出，将后端微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。 美团已经是一家拥有几万人规模的大型互联网公司，提升整体效率至关重要，这需要很多内部和外部的管理系统来支撑。由于这些系统之…

setState(updater, callback)这个方法是用来告诉react组件数据有更新，有可能需要重新渲染。它是异步的，react通常会集齐一批需要更新的组件，然后一次性更新来保证渲染的性能，所以这就给我们埋了一个坑： 那就是在使用setState改变状态之后，立刻通…

故事：2007 年初。苹果公司在发布首款 iPhone 前夕，遇到一个问题：当时的网站都是为大屏幕设备所设计的。于是苹果的工程师们做了一些约定，应对 iPhone 这种小屏幕浏览桌面端站点的问题。 这当中最出名的，当属双击缩放(double tap to zoom)，这也是会有…

这几天前端圈最火的事件莫过于 ry(Ryan Dahl) 的新项目 deno 了，很多 IT 新闻和媒体都用了标题：“下一代 Node.js”。这周末读了一遍 deno 的源码，特意写了这篇文章。长文预警（5000字，11图）。 0. 为什么开发 Deno？ 这是我上周做的一张…

它能用来在一个代码文件中统一管理你的环境变量, 这些环境变量会在不同的环境下被赋予不同的值. 并且能够做到只选取和当前环境匹配的值, 然后将其他的值在 babel 转换代码的过程中中移除. 从而维持了编写时的直观性以及确保不会将与指定环境不相干的代码发布到对应的环境上.

本文将假设读者已经对单元测试有基本了解（大致知道单元测试是什么），文中提及的话题比较多，不能一一详述，具体内容请参照提供的链接进一步了解。 但凡谈到工程质量及相关实践都免不了提到 单元测试，这是一个老生常谈却长久不衰的话题。对前端来说也早就不是新鲜事物，我们在平时开发过程中使用…

上周写了篇关于setTimeout的文章，其实也就牵扯到了js的运行机制。所以，这周就来谈谈javascript的运行机制吧。 那就先问个问题吧😁。 单线程意思就是说同一个时间只能做一件事。那这样的话效率不是很低？也没有啦，其实javascript的单线程特点是跟他的用途有关…