摘要：
Vue3 改进与特性详解 1. 性能提升 1.1 全新的响应式系统 Vue3使用Proxy替代了Vue2中的Object.defineProperty，解决了以下问题： 无法检测对象属性的添加/删除 无法检测数组索引和长度的变更 更好的性能表现 // Vue2 使用 Object.definePro 阅读全文
posted @ 2025-04-27 15:00
Math点PI
阅读(86)
评论(0)
推荐(0)
摘要：
Webpack 和 ESM 的关系 大家都知道VITE是ESM，我们在实际写代码时，webpack也是import和export啊？那有啥区别呢？ 1. Webpack的模块处理 // 1. 开发时我们写的代码 // 使用ESM语法 import { createApp } from 'vue' e 阅读全文
posted @ 2025-04-27 10:24
Math点PI
阅读(49)
评论(0)
推荐(0)
摘要：
Vite vs Webpack 对比 1. 基本概念 // Vite // 基于ESM的构建工具，开发服务器基于浏览器原生ESM // 生产环境使用Rollup打包 // Webpack // 基于CommonJS的模块打包工具 // 开发和生产环境都使用webpack打包 2. 主要区别 2.1 阅读全文
posted @ 2025-04-27 09:37
Math点PI
阅读(126)
评论(0)
推荐(0)
摘要：
Vue2 默认 Webpack 配置 1. 默认Loader配置 // 1. vue-loader // 处理.vue单文件组件 { test: /\.vue$/, loader: 'vue-loader' } // 2. babel-loader // 处理JavaScript { test: / 阅读全文
posted @ 2025-04-27 09:32
Math点PI
阅读(92)
评论(0)
推荐(0)
摘要：
iframe的src和iframe下的document不同源; 为什么会出现该类问题： iframe的src是不随着src加载的内容修改location而改变，src请求直接304重定向，location是另外一个地址，就会导致这个问题 阅读全文
posted @ 2025-04-27 09:22
Math点PI
阅读(92)
评论(0)
推荐(0)
摘要：
Webpack 常用 Loader 指南 1. 样式处理Loader // 1. style-loader // 将CSS注入到DOM中 { test: /\.css$/, use: ['style-loader', 'css-loader'] } // 2. css-loader // 解析CSS 阅读全文
posted @ 2025-04-27 09:20
Math点PI
阅读(42)
评论(0)
推荐(0)
摘要：
Webpack 常用 Plugin 1. 基础插件 // 1. HtmlWebpackPlugin // 自动生成HTML文件，并注入打包后的资源 new HtmlWebpackPlugin({ template: './src/index.html' }); // 2. CleanWebpackP 阅读全文
posted @ 2025-04-27 09:19
Math点PI
阅读(53)
评论(0)
推荐(0)
摘要：
HtmlWebpackPlugin 说明 1. 基本概念 HtmlWebpackPlugin是一个webpack插件，用于简化HTML文件的创建，以便为webpack打包后的文件提供服务。它会自动生成一个HTML文件，并自动注入所有打包后的资源（JS、CSS等）。 2. 核心功能 // 1. 生成H 阅读全文
posted @ 2025-04-27 09:17
Math点PI
阅读(320)
评论(0)
推荐(0)
摘要：
1. Hooks的基本概念 // Hooks是webpack提供的事件机制 // 允许在webpack编译过程中的特定时机执行自定义代码 // 基于Tapable库实现，支持同步和异步操作 2. Hooks的类型 // 同步Hook compiler.hooks.someHook.tap('Plug 阅读全文
posted @ 2025-04-27 09:13
Math点PI
阅读(53)
评论(0)
推荐(0)
摘要：
1. Loader的基本结构 // 同步loader module.exports = function(source) { // source是源文件的内容 // 返回处理后的内容 return source; }; // 异步loader module.exports = function(so 阅读全文
posted @ 2025-04-27 09:12
Math点PI
阅读(35)
评论(0)
推荐(0)
摘要：
1. Plugin的基本结构 class MyPlugin { // 构造函数，接收配置参数 constructor(options = {}) { this.options = options; } // 必须的apply方法，webpack会调用这个方法 apply(compiler) { // 阅读全文
posted @ 2025-04-27 09:11
Math点PI
阅读(22)
评论(0)
推荐(0)
浙公网安备 33010602011771号