摘要:
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( 阅读全文
摘要:
《人月神话》(The Mythical Man-Month)是计算机科学家弗雷德里克·布鲁克斯(Frederick P. Brooks Jr.)于1975年出版的一本经典著作,主要探讨软件工程和项目管理中的各种问题。书中的内容虽然已有数十年历史,但其中的许多观点和原则依然适用于现代软件开发。以下是对 阅读全文