摘要：
当新旧 vnode 的子节点都是一组节点时，为了以最小的性能开销完成更新操作，需要比较两组子节点，用于比较的算法就叫作 Diff 算法。 9.1 减少 DOM 操作的性能开销 场景： 标签相同，子节点是文本节点，文本内容不同时 虚拟节点： 01 // 旧 vnode 02 const oldVNod 阅读全文
摘要：
最简单的原理——物质利己主义（即人们总希望得到的最多而付出的最少） 让人顺从的6个基本原则：互惠、承诺和一致、社会认同、喜好、权威、短缺 一、影响力的武器 刺激——触发特征（固定行为模式） 动物有机械的固定行为模式，例如火鸡根据吱吱声保护孩子。更知鸟根据胸口的羽毛判断领地是否被侵犯而不是领地真的被侵 阅读全文
摘要：
在 <script> 标签中，defer 和 async 是两个用于控制 JavaScript 脚本加载和执行行为的属性。它们的主要区别在于加载顺序和执行时机。具体如下： 1. defer 属性 加载方式: 使用 defer 的脚本在 HTML 解析的同时异步加载。 执行顺序: 所有带有 defer 阅读全文
摘要：
1.实现代码 components/InputInteger.vue <!-- 正整数输入框 --> <template> <el-input v-model="_value" @input="onInput" maxlength="9" clearable /> </template> <scri 阅读全文
摘要：
/** * 支持非常长的类`setTimeout`延迟定时器。 * * @param {Function} callback - 延迟执行的回调函数。 * @param {number} delay - 延迟的时间，单位为毫秒。支持超过 `setTimeout` 最大限制（2^31 - 1 毫秒，约 阅读全文
摘要：
directives | index.js | throttle.js 挂载 // main.js import directives from "./directives"; Vue.use(directives); 代码实现 // index.js import Vue from "vue"; 阅读全文
摘要：
.tab-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-y: auto; .custom-scroll(); } .wrap { min-height: 100%; .a { /* ... * 阅读全文
摘要：
目标效果 实现 <div class="pop triangle-border">Hello</div> /* 气泡框类*/ .pop { ... } /* 气泡尖角伪元素*/ .triangle-border:before { content: ''; position: absolute; to 阅读全文
摘要：
1. 基本原理 1.1 表单元素 v-model 指令在表单元素（<input>、<textarea> 及 <select>）上创建的双向数据绑定。会根据控件的类型自动选取正确的方法来更新元素值。 1.2 自定义组件 在自定义组件上，v-model 本质是语法糖，会将值绑定到默认的 prop（vue 阅读全文
摘要：
在现代前端开发中，模块化开发是不可或缺的一部分。Webpack 作为一个强大的打包工具，提供了很多高级特性来简化和优化我们的开发流程。其中一个非常有用的功能是 require.context。本文将介绍 require.context 的使用方法及其在实际项目中的应用。 什么是 require.co 阅读全文