1. webpack3和webpack4的区别1.1. mode/–mode参数新增了mode/--mode参数来表示是开发还是生产（development/production）production 侧重于打包后的文件大小，development侧重于goujiansud1.2. 移除loaders，必须使用rules（在3版本的时候loaders和rules 是共存的但是到4的时候只...
转载
2022-03-29 14:32:17
190阅读
1. webpack 打包原理把所有依赖打包成一个 bundle.js 文件，通过代码分割成单元片段并按需加载。
2. webpack 的优势（1） webpack 是以 commonJS 的形式来书写脚本滴，但对 AMD/CMD 的支持也很全面，方便旧项目进行代码迁移；（2）能被模块化的不仅仅是 JS 了；（3）开发便捷，能替代部分 grunt/gulp 的工作，比如打包、压缩混淆、图片转ba
转载
2021-07-13 15:52:15
347阅读
1. webpack3和webpack4的区别1.1. mode/–mode参数新增了mode/--mode参数来表示是开发还是生产（development/production）production 侧重于打包后的文件大小，development侧重于goujiansud1.2. 移除loaders，必须使用rules（在3版本的时候loaders和rules 是共存的但是到4的时候只...
转载
2021-06-30 16:33:20
106阅读
1、与webpack类似的工具还有哪些？谈谈你为什么选择webpack？grunt优点：出现的比较早，第一代打包工具缺点：配置项太多，只有一个配置文件，而且不同的插件可能有自己的配置字段，学习成本较高gulp 基于nodejs的steam流打包工具优点：流式写法，简单直观，api少，代码量少，适合多页面应用开发缺点：异常处理麻烦，都是异步操作，很难精细的控制执行顺序webpack：webpack是
原创
2022-09-03 07:32:43
842阅读
webpack面试题总结 本文主要是对webpack面试会常被问到的问题做一些总结，且文章会不断持续更新1.webpack打包原理把所有依赖打包成一个 bundle.js 文件，通过代码分割成单元片段并按需加载。2.webpack的优势（1） webpack 是以 commonJS 的形式来书写脚本滴，但对 AMD/CMD 的支持也很全面，方便旧项目进行代码迁移。（2）能被模块
转载
2023-10-07 22:37:42
132阅读
文章目录1.vue双向绑定的原理2.解释单向数据流和双向数据绑定3.如何去除url中的“#”(history模式和hash模式的区别)4.对MVC、MVVM的理解5.介绍虚拟DOM树6.vue生命周期（4个阶段，8个钩子函数）7.组件间通信8.vue-router路由实现9.v-if 和 v-show 的区别10.$route 和 $router 的区别11.vue组件data为什么必须是函数1
转载
2024-06-29 07:44:52
65阅读
v-if 和 v-for哪个优先级更高？如果两个同时出现，应该怎么优化得到更好的性能v-for优先于v-if被解析（把你怎么知道的告诉面试官）// 源码中找答案：compiler/codegen/index.js > genElement()
if(el.staticRoot && !e.staticProcessed){
return ...
}else if(el
转载
2024-01-15 12:08:16
53阅读
1、多个组件之间如何拆分各自的state，每块小的组件有自己的状态，它们之间还有一些公共的状态需要维护，如何思考这块（1）公共的数据部分可以提升至和他们最近的父组件，由父组件派发
（2）公共数据可以放到vuex中统一管理，各组件分别获取2、key主要是解决哪一类的问题，为什么不建议用索引index（重绘）（1）key的作用主要是为了高效的更新虚拟DOM
（2）当以index为key值时，如果数组长
转载
2024-06-08 15:49:31
73阅读
从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，我的目光被16寸的MacBook Pro所吸引，这次的自我介绍我做足...
转载
2021-07-26 10:02:39
159阅读
1、Vue 的双向数据绑定原理是什么？ 2、详细说一下你对 vue 生命周期的理解？ 3、请说下封装 vue 组件的过程？ 4、你怎么理解 vue 是一个渐进式的框架？ 答：1.开发的时候需要什么就加什么。我们可以通过添加组件系统、客户端路由、大规模状态管理来构建一个完整的框架。更重要的是，这些功能
原创
2022-01-21 10:55:13
208阅读
1、Vue的生命周期？ beforeCreate 、created、beforeMount、mounted、beforeUpdate、updat...
原创
2022-03-01 15:04:11
239阅读
1、在vue中watch和created哪个先执行？为什么？ 答：watch 中的 immediate 会让
原创
2023-07-14 16:25:33
332阅读
谈谈你对Vue的理解1.它是一个渐进式JavaScript框架
2.核心库加插件
3.动态创建用户界面
4.使用MVVM模式
5.代码简洁 体积小 能够提高运行效率
6.适合PC端和移动端的开发
7.可以轻松引入vue插件以及其他第三方库进行开发Vue的优缺点vue两大特点：响应式编程、组件化。vue的优势：轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快。vu
原创
精选
2022-09-28 20:28:00
222阅读
1、v-show 和 v-if的区别，v-show 和 keep-alive 的区别 答案：v-show是 CSS display 控制显示和隐藏 v-if 是组件真正的渲染和销毁，而不是显示和隐藏 频繁切换显示状态用 v-show，否则用 v-if keep-alive 是在vue 框架层级进行的
原创
2021-07-08 09:10:15
626阅读
1.虚拟DOM 虚拟DOM就是为了解决浏览器性能问题而被设计出来的。 若一次操作中有10次更新DOM的动作，虚拟DOM不会立即操作DOM，而是将这10次更新的diff内容保存到本地一个JS对象中，最终将这个JS对象一次性attch到DOM树上，再进行后续操作，避免大量无谓的计算量。所以，用JS对象模 ...
转载
2021-07-19 17:56:00
165阅读
2评论
1、在vue中watch和created哪个先执行？为什么？ 答：watch 中的 immediate 会让在初始值声明的时候去执行计算，否则就是 created 先执行 2、vue中mixins和extends有什么区别？ 答：https://blog..net/qq_2435
原创
2022-09-19 16:39:35
3115阅读
1.<keep-alive></keep-alive>的作用是什么?用户在某个列表页面选择筛选条件过滤出一份数据列表，由列表页面进入数据详情页面
转载
2022-05-26 12:29:46
276阅读
VUE面试题v-show 与 v-if 区别动态绑定class的方法计算属性和 watch 的区别怎样理解单向数据流keep-alive前端面试题 -- Vue自定义组件的语法糖 v-model 是怎样实现的生命周期组件通信路由跳转vue-router 有哪几种导航钩子Vue.js 2.x 双向绑定原理什么是 MVVM，与 MVC 有什么区别vuexthis.$nextTick()vue的原理理解
1.先介绍下Vue的 ‘响应式系统’Vue为MVVM框架，当数据模型data变化时，页面视图会得到响应更新，其原理对data的getter / setter方法进行拦截（Object.defineProperty-Vue2.0 Proxy-Vue3.0 ），利用发布订阅的设计模式，在getter方法中进行订阅，在setter方法中发布通知，让所有订阅者完成响应。在
转载
2024-08-09 11:20:59
120阅读
1、说说你对 SPA 单页面的理解，它的优缺点分别是什么？SPA（ single-page application ）仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页面加载完成，SPA 不会因为用户的操作而进行页面的重新加载或跳转；取而代之的是利用路由机制实现 HTML 内容的变换，UI 与用户的交互，避免页面的重新加载。优点：用户体验好、快，内
原创
2023-05-28 00:59:33
1078阅读
