Vue2框架源码分析-模板编译原理

Read More

Vue2框架源码分析-响应式原理

1. 使数据“可观测” （Observer） 2. 依赖管理器 (Dep) 3. 依赖到底是谁？（Watcher） 验证 总结1. 使数据“可观测” （Observer）class Observer { value: any constructor(value: any) { this.va...

Read More

ts实现精确的返回类型

step1. ts简单实现前半部分要求 step2. 修改默认返回类型使其为精准类型 step3. 解决Zip<Target, Source>类型不匹配的问题 step4. 实现去除 readonly 的高级类型 step5. 最终 使用 ts 实现一个 zip 函数，对两个数组的元素按...

Read More

「你不知道的js」-- LHS和RHS

编译过程 LHS和RHS 为什么需要区分LHS和RHS 小结 编译过程整个编译过程，️有3个重要角色，分别是：引擎从头到尾负责整个 javascript 程序的编译和执行过程。编译器负责语法分析及代码生成等作用域负责收集并维护由所有声明的标识符（变量）组成的一系...

Read More

任务中断和复原

任务中断和复原任务中断和复原linux中，Control + z 和 Control + c 都是中断 命令。不同点： Control+z是任务中断，但任务并没有结束，它还在进程中，但状态是维持 挂起 状态，可以使用fg或者bg来继续前台或者后台的任务。（fg是重新启动前台被中断的任务，bg是后台重新执行）。

Read More

拓展一个构造函数

如何使用proxy扩展一个构造函数如何使用proxy扩展一个构造函数效果如下：var Person = function (name) { this.name = name};Person.prototype.height = 180var Boy = extend(Person, function (na...

Read More

单调栈的应用

给你两个 没有重复元素 的数组 nums1 和 nums2 ，下标从 0 开始计数，其中nums1 是 nums2 的子集。 输入：nums1 = [4, 1, 2], nums2 = [ 1, 3, 4, 2]输出：[-1, 3, -1]解释：找出nums1中的每项值在nums2中的下一个...

Read More

npm、yarn、pnpm

npm2 yarn pnpm Store Links(hard link & symbolic link) hard link symbolic link pnpm中是如何结合hard link和symbolic link的 ...

Read More

前端微服务

微服务？ 微前端？微服务？ wiki：微服务（英语：Microservices）是一种软件架构风格，它是以专注于单一责任与功能的小型功能区块 (Small Building Blocks) 为基础，利用模块化的方式组合出复杂的大型应用程序，各功能区块使用与语言无关 (Language-Independen...

Read More

层叠和格式化上下文

层叠和bfc

Read More