原理探索

表单域能力逻辑需要一层安全层过滤能力，预防传入的表单协议含有敏感数据或者调用原生能力造成 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 的内部属性，它指向函数的原型对象。用来…

Hooks 是 16.7.0-alpha 新加入的新特性，目的解决状态逻辑复用，使无状态组件拥有了许多状态组件的能力，如自更新能力(useState)、访问ref(useRef)、上下文context(useContext)、更高级的setState(useReducer)及周…

虽然说现在的你不会写出这样的代码，但以前肯定写过类似的。别说是同事，就算是自己过半个月回来也要熟悉一会亲手写的逻辑代码。 也称“业务型”编程，指的是用一步步下达命令最终去实现某个功能。行为过程不直观，只关心下一步应该怎么、然后再怎么、最后干什么，却对性能、易读性、复用性漠不关心…

在上一篇文章，我们在文档中创建了 HTML 模板，希望它们在需要时才呈现，这让我们开始接触 Web 组件。 接下来，我们将继续创建对话框组件的自定义元素版本，该自定义元素版本目前仅使用 HTMLTemplateElement。 请在 CodePen 上查看由 Caleb Wil…

如有错误，希望各位留言指点，乐意之极。 在Vue源码里，尤大采用了Flow作为静态类型检查，Flow是facebook出品的静态类型检查工具。 众所周知，JavaScript是弱类型的语言。 所谓弱类型指的是定义变量时，不需要什么类型，在程序运行过程中会自动判断类型，如果一个语…

看了很多js执行机制的文章似乎都是似懂非懂，到技术面问的时候，理不清思绪。总结了众多文章的例子和精华，希望能帮到你们 通常所说的 JavaScript Engine （JS引擎）负责执行一个个 chunk （可以理解为事件块）的程序，每个 chunk 通常是以 function…

async 函数是 Generator 函数的语法糖。使用 关键字 async 来表示，在函数内部使用 await 来表示异步。相较于 Generator，async 函数的改进在于下面四点： 内置执行器。Generator 函数的执行必须依靠执行器，而 async 函数自带执…

在日常开发中，cookie、Session/Local，对后两种运用的较少。 cookie是客户端的解决方案，最早是网景公司的前雇员Lou Montulli在1993年3月发明的。众所周知，HTTP是一个无状态的协议，客户端发起一次请求，服务器处理来自客户端的请求，然后给客户端…