前端进阶
这个标签下的全部笔记，按发布时间倒序。
How React Developer Learn Vue？
本文写于 25 年 1 月，杭州云谷，这两天气候干冷转暖，宜学习，我已断更大半年，恰逢手头无事，就借这个机会写点学习笔记吧。我将尝试以 React 开发者视角，去学习 Vue，找出二者的共性，形成框架…
Webpack 常识
1. Loader vs Plugin Loader 用于加载并解析各类文件，如 css / sass / ts / markdown / png 等； Plugin 用于扩展 Webpack 的能力…
网络安全
漏洞：当用户输入的内容发送到服务器，服务器动态生成的页面中会将输入内容拼接进去，而不加任何非法字符验证或过滤； 攻击原理：可以在输入中编写攻击代码（ <script 攻击代码<script/ ），服务…
Git基本知识
1. git add . ：将工作区修改添加到暂存区； 2. git commit m '...' ：将暂存区修改提交到本地仓库，并添加描述； 3. git remote add origin htt…
网络协议
TCP/IP 四层模型：应用、传输、网络、网络接口； TCP/IP 五层模型（主流）：应用、传输、网络、数据链路、物理； OSI 七层模型： 应用：http、ftp 表示：telnet 会话：dns …
Typescript进阶
讲的最好的协变、逆变 T extends U ? T : never ，T如果可以分配给U，则返回类型T，否则返回never； 注意，当T是联合类型时，相当于对T的每种子类型单独应用条件类型，然后再把…
React v17.0.2源码
React 17.0.2 源码走读：Mount / Update 主流程、Work Loop、类组件与函数组件、Hooks 链表与 Scheduler 时间切片。
react-router详解
传统浏览器导航行为就是URL改变时直接向服务器发送请求，服务器响应对应资源，而客户端路由就是URL改变时不再发送请求，而是由客户端部署的App自行匹配URL并展示对应内容。 remix/history…
Mobx
非单一数据源 单向数据流 State Action Derivation Computed value：是一个无参纯函数，输入相同时将直接返回上次缓存的值 Reaction：当State改变时，需要执…
Redux详解
Redux是一个集中存储和管理全局状态的库，通过reducer纯函数来定义怎样更新state，然后通过dispatch action更新state，state每次更新都要返回一个新对象，也就是说sta…
React基础知识
基础API或特性： ClassComponent生命周期（含unsafe） Hooks如何模拟ClassComponent生命周期 useEffect VS useLayoutEffect useRe…
浏览器内核
1. JS解释编译简要过程 源代码通过解析器生成AST（Abstract syntax tree），然后生成字节码（介于高级语言与机器语言之间的中间代码），再通过解释器逐行解释并执行，借助JIT（Ju…
JS手撕代码
注：改变 this 指向是借助 “形如 obj.foo() 的函数调用，foo 函数在运行时的 this 会指向 obj 的特点”，而为了不覆盖原函数的已有属性，通过 Symbol 定义一个不重复的属…
面向对象编程
OOP（Object Orient Programming）面向对象编程； 三大特征： 1. 封装，将功能封装进相对独立的模块； 2. 多态，同一接口、类型，却可以做不同的事，代表不同的涵义； 3. …
Javascript进阶
定义的函数、类或对象会自动创建原型对象，并通过 prototype 和 constructor 互相指向对方，原型之间通过 proto 构成原型链，实例调用某个方法时，会沿原型链寻找该方法，直到找到指…
Execution Context
JS 引擎只确保 Execution Context 描述的机制，但不确保采用什么手段去实现。 首先，Execution Context 是 ECMAScript 语言规范中的抽象概念，它旨在建立一种…
CSS基础
盒模型分为四部分： margin box border box padding box content box 标准盒模型（content box）： block 盒子可设置宽高（默认占满父容器宽度）…
HTML基础
三点：无需编写CSS就可以保持良好的文档结构、有助于SEO、有助于Web Accessibility； 三层：结构层（HTML）、表示层（CSS）、行为层（JS）； <! more 三点：不利于SEO…