vps网站建站助手,天津快速关键词排名,成都十大广告公司排名,百度地图关键词优化#xff08;1#xff09;打包和构建工具 vite 和 webpack 功能
1. 构建原理#xff1a;
Webpack 是一个静态模块打包器#xff0c;通过对项目中的JavaScript、css、Image 等文件进行分析#xff0c;生成对应的静态资源#xff0c;并且通过一些插件和加载器来实现各种功…1打包和构建工具 vite 和 webpack 功能
1. 构建原理
Webpack 是一个静态模块打包器通过对项目中的JavaScript、css、Image 等文件进行分析生成对应的静态资源并且通过一些插件和加载器来实现各种功能。
Vite 是一种基于浏览器元素 ES 模块解析构建工具它通过在服务器端搭建开发环境在浏览器中使用原生ES模块的方式实现快速开发体验。
Webpack 支持各种复杂的构建场景例如 代码分隔、按需加载等但也因此导致配置复杂打包速度较慢。Vite 支持快速的开发反应和打包速度快但是在复杂的构建场景下可能会收到限制。
2. 打包速度
Webpack 的打包速度相对较慢在大型项目中需要对整个项目进行扫描和分析还需要通过插件和加载器来实现各种功能隐藏构建时间往往比较长。
Vite 的打包速度非常快不需要对整个项目进行扫描和分析而是通过服务器端搭建的开发环境在浏览器中使用原生ES模块的方式加载文件因此构建时间比webpack快数倍。
3. 配置难度
Webpack 有大量的插件和加载器可以使用可以实现各种复杂的构建场景比如代码分隔、按需加载、CSS预处理器等。
Vite 的插件和加载器相对较少但提供了一些基本插件例如Vue.js、React 等框架支持。
2ES6 怎么转成 ES5
babel
3资源优化
项 目
1登录流程 2token放在什么地方access是不是nodejs执行的
nodejs
1导入导出的方式导出是exports和module.exports导出是require。其中默认是module.exports导出exports只是对module.exports的引用
2ES6的导入导出方式导出是export和export default导入是import。其中export default一个文件只能有一个export导出的需要通过{}导入
3nodejs怎么执行es6配置文件加上“typemodule”
webpack
1webpack打包流程
2webapck优化方案
3 图片怎么实现打包优化
4配置文件中的版本控制介绍
5怎么实现固定版本控制
js
1 js事件流捕获阶段、目标阶段和冒泡阶段
2为什么冒泡冒泡有什么好处 3事件代理 允许将事件处理器绑定到一个元素的共同的父元素上而不是直接在每个子元素上绑定事件处理器。当子元素触发事件时事件会冒泡到父元素然后在父元素上被捕获并处理。这样可以减少事件处理器的数量提高性能特别是当有大量子元素需要绑定事件时。 - 步骤 - 找到一个共同的父元素通常是包含了所有需要处理事件的元素的容器。 - 在共同的父元素上绑定一个事件处理器处理你关心的事件。 - 在事件处理器中使用事件对象的属性来确定是哪个子元素触发了事件然后执行相应的操作。 - 事件委托是事件代理的实际机制。它利用了事件冒泡的特性即事件会从触发元素向上冒泡到根元素
4哪个属性查看触发事件的元素event.target
5原型链隐式原型和显式原型
6回流和重绘
7怎么减少回流重绘 8 数据静态 9防抖和节流 10事件轮询和事件循环同步任务和任务队列 11async和await的错误怎么获取try catch
git
11git的基本使用 12git出现冲突
浏览器
13http状态码 14304一般用在什么地方缓存
手撕
15js链表
var valid function(s) {const stack [];for (let i 0; i s.length; i) {let c s[i];switch (c) {case (:stack.push());break;case [:stack.push(]);break;case {:stack.push(});break;default:if(c ! stack.pop()) {return false;}}}return stack.length 0;
}; 16括号匹配
