runtimeChunk,直观翻译是运行时的chunk文件,其作用是啥呢,通过调研了解了一波,在此记录下。 何为运行时代码? 形如import('abc').then(res...
runtimeChunk,直观翻译是运行时的chunk文件,其作用是啥呢,通过调研了解了一波,在此记录下。 何为运行时代码? 形如import('abc').then(res...
概念 DOM diff 就是对比两棵虚拟 DOM 树的算法。当组件变化时,会得到一个新的虚拟 DOM,diff 算法对比新旧虚拟 DOM 之后,得到一个 patch,然后 R...
概念 React 用 JS 对象来模拟 DOM 节点,然后将其渲染成真实的 DOM 节点。 用 JSX 语法写出来的 div 其实就是一个虚拟节点: 上述代码会得到这样一个对...
三、其它 Composition API 1.shallowReactive 与 shallowRef shallowReactive:只处理对象最外层属性的响应式(浅响应式...
参考 理解 JavaScript 中的 macrotask 和 microtask[https://juejin.cn/post/6844903471280291854] 事...
渲染机制: 解析 HTML 标签, 构建 DOM 树解析 CSS, 构建 CSSOM 树把 DOM 和 CSSOM 组合成渲染树 (render tree)在渲染树的基础上进...
分析工程结构 二、常用 Composition API setup 理解:Vue3.0中一个新的配置项,值为一个函数。 setup是所有 Composition API(组合...
剑指 Offer 48. 最长不含重复字符的子字符串 - 力扣(LeetCode)[https://leetcode-cn.com/problems/zui-chang-bu...
for in 在 ECMA-262 中没有明确规定此行为,只说取决于实现。现在的普遍实现是先把当中的非负整数键提出来,排序好输出,然后将剩下的按定义时的顺序输出。 参考for...
第一个例子 虚拟DOM的两种创建方式 使用jsx创建虚拟DOM 使用js创建虚拟DOM 关于虚拟DOM 本质是Object类型的对象(一般对象) 虚拟DOM比较“轻”,真实D...
async 是什么 async 用于声明一个异步函数,这个函数 return 的内容如果是 promise,则返回值是这个promise,否则是 Promise.resolv...
Vuex 作用:管理多个组件或者全局共享的状态。将复杂的、需要共享的逻辑处理放入actions中共享。 ( 为什么在store中执行Vue.use(Vuex),而不是在mai...
组件 定义组件:使用Vue.extend(options)创建,其中options和new Vue(options)时传入的那个options几乎一样。注意 data 必须写...
data、methods 中的内容会出现在 vue 实例上; 事件的基本使用methods中配置的函数,不要用箭头函数!否则this就不是vm了;@click="demo" ...
参考来源 实现一个promisify()方法 - 掘金[https://juejin.cn/post/6844903912474935303]
this 的指向 fn(1, 2) 等价于 fn.call(undefined, 1, 2)obj.fn(1, 2) 等价于 obj.fn.call(obj, 1, 2)ob...
MVVM M:模型(Model) :data中的数据V:视图(View) :模板代码VM:视图模型(ViewModel):Vue实例 data中所有的属性,最后都出现在了vm...
比较完善的版本: 不完善的版本: 利用 JSON,不支持函数,undefined,正则等
for...in 拿到的是key,可用于对象,不推荐用于数组for...of 拿到的是value,不能循环普通对象,可用于Array, String, Map, Set, D...
原型和原型链是JS实现继承的方式。除了箭头函数,其它函数身上都有prototype属性。当该函数作为构造函数生成对象时,新生成的对象会继承其prototype中的方法(即 o...