Better-HTQ

摘要： 目标效果 实现 <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 阅读全文

摘要： 配置代理访问 非代理访问 阅读全文

摘要： 1. NodeJS 环境安装 2. 新建项目 3. 配置项目 通用配置 源码管理 构建环境 Build Steps 阅读全文

摘要： 1. 提升编码能力和架构设计水平 通过框架源码学习，了解框架一些核心功能的代码设计与实现。这些知识可以帮助你在自己的项目中设计更高效、更优雅的代码结构。 例子1： 在一个大型项目中，你可能需要实现一个类似于Vue的数据绑定系统。通过学习Vue源码，你可以了解其实现原理，如Object.defineP 阅读全文

摘要： pnpm 是一个相对较新的包管理工具，与传统的 npm 相比，pnpm 在依赖管理方面有多个显著的优点，这些优点帮助开发者更高效地管理项目依赖，避免常见的问题。以下是详细说明： 1. 硬链接机制 pnpm 通过硬链接将全局缓存中的包链接到项目的 node_modules 文件夹，而不是像 npm 那 阅读全文

摘要： 8.1 挂载子节点和元素的属性 1. 挂载子节点 // 子节点为数组 const vnode = { type: "div", children: [ { type: "p", children: "hello", }, ], }; // 支持多个子节点的挂载方法 function mountEle 阅读全文

摘要： 7.1 渲染器与响应系统的结合 最简单的渲染器及其使用 // 渲染器 function renderer(domString, container) { container.innerHTML = domString } // 使用 let count = 1 renderer(`<h1>${cou 阅读全文

摘要： 一、默认打包结果 二、配置 node_modules 打到一个文件 结果 配置 // vite.config.js export default defineConfig(({ mode }: ConfigEnv): UserConfig => { const root = process.cwd( 阅读全文