沐童Hankle

这是 MPM 分享系列的第三篇。在上一篇 MPM 卖场可视化搭建系统 — 架构流程设计 中聊到数据请求的时候，我们其实没怎么细讲，那是因为在 MPM 的卖场搭建场景下，页面的数据请求经过了我们精心设计之后，足以用单独的一章来了解。面对 MPM 搭建场景下的请求繁杂、组件组合、三…

这是 MPM 分享系列的第二篇，在上一篇 MPM 卖场可视化搭建系统 — 要素设计 中，我们介绍了 MPM 作为一个面向卖场场景的页面可视化搭建系统，最基础的系统要素都有哪些，并给出了系统要素的推导和设计过程。系统要素是一个庞大系统链接各个模块的纽带，也是系统设计的基石，而要素…

当组织团队达到一定的开发规模时，页面可视化搭建是一个减少冗复开发、释放生产力的最有效方案。由于专人专责，在平时的实际工作中，我们接触的大多都是一些比较固定的业务，慢慢地，你很容易发现，我们一直在不停地做很多重复的东西。在这种情况下，我们会去思考组件化开发，试着把通用的东西抽离复…

在 Javascript 中，可遍历结构，比如 Array、NodeList、 Set、Map，都是默认具备遍历器（Iterator）接口的，这让它们都可以被 for...of 语法所接受。但 Object 并没有原生部署遍历器接口，所以如果你想用 for...of 来遍历一个…

Nginx 对于大多数开发者来说不算陌生，企业团队用它来搭建请求网关，我们私下用它 “科学上网”（价值观警告）。但对于前端 er 来说，平日里开发大多时候都只是专注于业务，根本不需要也没机会涉及到 Nginx 这一块的内容，也就导致我们也对它的了解少之甚少。随着 serverl…

Web 页面性能是前端开发特别需要关注的重点，评判前端 Web 页面性能的指标有很多，页面的流畅度是其中的一种，如何让页面变得 “柔顺丝滑”，要讨论起来可就是个相当有料的话题了。之前开发移动端 H5 页面的时候，就遇到过一个有趣的性能问题 —— 某个卖场页面在 IOS 手机上出…

最近项目中准备推广接入 Typescript，抽空复习了一波相关的技术知识。说复习是因为之前看过了然而现在已经忘得一干二净了，除了不常用的原因外，也是因为 Typescript 知识相对比较零散，学习时难成体系，所以趁这个机会整理整理，就当学习笔记吧。 Typescript （…

loader 和 plugins 是 webpack 系统的两大重要组成元素。依靠对 loader、plugins 的不同组合搭配，我们可以灵活定制出高度适配自身业务的打包构建流程。 loader 是 webpack 容纳各类资源的一个重要手段，它用于对模块的源代码进行转换，允…

Mocha 是目前最流行的 JavaScript 测试框架，理解 Mocha 的内部实现原理有助于我们更深入地了解和学习自动化测试。然而阅读源码一直是个让人望而生畏的过程，大量的高级写法经常是晦涩难懂，大量的边缘情况的处理也十分影响对核心代码的理解，以至于写一篇源码解析过后往往…