大Y

下游也无需关心上层实现及依赖，只依赖于抽象接口，遵循依赖反转原则。当环境限制无法达到最优解时，可以自动降级到兜底方案。

封装路由容器层，通过数据管控路由，达到页面级状态和数据持久化缓存的目的，并且支持具备匹配相同路由多个副本。

前段时间紧急上线了一个门户项目，两端静态页面，首页考虑到需要极致体验必须使用硬编码搭建，部分子页面采用可视化搭建，要求Lighthouse必须接近满分，尽管通过一些手段优化了首屏但上线之后，离目标还有一大段偏差。 于是去挖lh源码关注各类指标对分值的影响程度，有了针对性的方向，…

表单域能力逻辑需要一层安全层过滤能力，预防传入的表单协议含有敏感数据或者调用原生能力造成 XSS 攻击。 轻量体积，符合 eval 同步运算结果，可定制规则、过滤关键词、运算符，剔除冗余能力(原型链、Symbol、继承)，屏蔽原生能力，自成体系，定位是计算表达式且具备执行一定长…

技术和架构方案不同，技术可以凭空出现突然爆火没有征兆。但方案或架构一定是为了解决某个问题而出现的，实践之前，请务必先要去搞清楚它是否可以解决当前问题，再者调研是否适合团队，考虑工程价值与产品价值，请不要盲目追求。 熟悉它的人更喜欢称它为前端微服务。 在传统模式开发中，例如阿里云…

本节是Hook专题，将从 preact 借鉴 Hook 的底层原理实现，虽然实际上 preact 与 react 的 实现有所差异，但是胜在简单，了解了解思路逻辑也是可以的嘛。 最后3个 Hook 尚处于 unstable ，需要等到支持conCurrentMode，这里就不去…

在src/React.js里，有几个组件长得比较奇怪。 它们都是一个symbol常量，作为一种标识，现在暂时占个位。 传入一个Thenable函数，Thenable代表promise，最终返回一个LazyComponent类型的组件。 context 提供了一种在 组件之间共享…

计划用半年的时间去深入 React 源码并记录下来，本文是系列文章第一章，前面大多数会以功能为主，不会涉及太多事务机制与流程，后半部分以架构、流程为主。这个是一个水到渠成的事情。看的越多，对其理解的广度就越大，深度也随之沉淀，在深入的同时站在作者的角度去思考，能够脱离源码照葫芦…

算是炒冷饭吧，最近看React源码发现有一些原型与继承方面的东西没看太明白，便计划花两天重温这方面的东西，以便之后有更好的脑回路。 prototype 显式原型对象，每一个函数(除了bind)在创建之后都会拥有一个名为 prototype 的内部属性，它指向函数的原型对象。用来…