摘要: 在现代前端开发中,模块化开发是不可或缺的一部分。Webpack 作为一个强大的打包工具,提供了很多高级特性来简化和优化我们的开发流程。其中一个非常有用的功能是 require.context。本文将介绍 require.context 的使用方法及其在实际项目中的应用。 什么是 require.co 阅读全文
posted @ 2024-07-02 16:07 Better-HTQ 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 配置代理访问 非代理访问 阅读全文
posted @ 2024-06-27 16:42 Better-HTQ 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 1. NodeJS 环境安装 2. 新建项目 3. 配置项目 通用配置 源码管理 构建环境 Build Steps 阅读全文
posted @ 2024-06-25 17:29 Better-HTQ 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 1. 提升编码能力和架构设计水平 通过框架源码学习,了解框架一些核心功能的代码设计与实现。这些知识可以帮助你在自己的项目中设计更高效、更优雅的代码结构。 例子1: 在一个大型项目中,你可能需要实现一个类似于Vue的数据绑定系统。通过学习Vue源码,你可以了解其实现原理,如Object.defineP 阅读全文
posted @ 2024-06-20 11:12 Better-HTQ 阅读(6) 评论(0) 推荐(0) 编辑
摘要: pnpm 是一个相对较新的包管理工具,与传统的 npm 相比,pnpm 在依赖管理方面有多个显著的优点,这些优点帮助开发者更高效地管理项目依赖,避免常见的问题。以下是详细说明: 1. 硬链接机制 pnpm 通过硬链接将全局缓存中的包链接到项目的 node_modules 文件夹,而不是像 npm 那 阅读全文
posted @ 2024-05-23 10:18 Better-HTQ 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 8.1 挂载子节点和元素的属性 1. 挂载子节点 // 子节点为数组 const vnode = { type: "div", children: [ { type: "p", children: "hello", }, ], }; // 支持多个子节点的挂载方法 function mountEle 阅读全文
posted @ 2024-04-26 13:40 Better-HTQ 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 7.1 渲染器与响应系统的结合 最简单的渲染器及其使用 // 渲染器 function renderer(domString, container) { container.innerHTML = domString } // 使用 let count = 1 renderer(`<h1>${cou 阅读全文
posted @ 2024-04-15 20:40 Better-HTQ 阅读(5) 评论(0) 推荐(0) 编辑
摘要: 一、默认打包结果 二、配置 node_modules 打到一个文件 结果 配置 // vite.config.js export default defineConfig(({ mode }: ConfigEnv): UserConfig => { const root = process.cwd( 阅读全文
posted @ 2024-01-13 13:13 Better-HTQ 阅读(287) 评论(0) 推荐(0) 编辑
摘要: 《人月神话》(The Mythical Man-Month)是计算机科学家弗雷德里克·布鲁克斯(Frederick P. Brooks Jr.)于1975年出版的一本经典著作,主要探讨软件工程和项目管理中的各种问题。书中的内容虽然已有数十年历史,但其中的许多观点和原则依然适用于现代软件开发。以下是对 阅读全文
posted @ 2023-10-28 11:10 Better-HTQ 阅读(13) 评论(0) 推荐(0) 编辑
摘要: 修改目录折叠方式(紧凑形式 => 非紧凑形式) ↓ 去掉勾选 阅读全文
posted @ 2023-10-27 14:06 Better-HTQ 阅读(1) 评论(0) 推荐(0) 编辑