weixin_59519449的博客

1.多入口情况下，使用CommonsChunkPlugin来提取公共代2.通过externals配置来提取常用库3.利用DllPlugin和DllReferencePlugin预编译资源模块 通过DllPlugin来对那些我们引用但是绝对不会修改的npm包来进行预编译，再通过DllReferencePlugin将预编译的模块加载进来。4.使用Happypack 实现多线程加速编译5.使用webpack-uglify-parallel来提升uglifyPlugin的压缩速度。 原理上webpack-u

Axios 拦截分为请求拦截和响应拦截。请求拦截就是在你请求的时候会进行触发！只要是你发送一个 axios 请求就会触发！所以我们主要用它做我们的loading 加载和数据的权限验证,包括我们所有的数据预加载也可以实现。 响应拦截主要是我们在 loading 加载，和做所有数据加载需要整体的结束，这个时候的结束就需要在数据马上发给前端的时候进行隐藏和结束，包括我们的请求头的设置，后端数据已经发送过来的时候，我们为了确保请求头的传递就必须在看看header 里面是否有你需要的请求，如果有的话，..

vue是基于MVVM的设计模式，是由数据驱动的双向绑定。1.实现数据双向绑定的基本理论阐述实现mvvm主要需要两个过程：（1）视图变化更新数据(2) 数据变化更新视图（1）视图变化更新数据 ：通过各种事件来监听数据的变化，比如改变表单input里面的数据通过对input的事件监听就能获取input更新后的数据。（2）数据变化更新视图：要比前者复杂的多，通过过ES6的Object.defineProperty()的方法来监听vue中data对象属性值变化，通过set函数方法来改...

前言：调试技巧，在任何一项技术研发中都可谓是必不可少的技能。掌握各种调试技巧，必定能在工作中起到事半功倍的效果。譬如，快速定位问题、降低故障概率、帮助分析逻辑错误等等。而在互联网前端开发越来越重要的今天，如何在前端开发中降低开发成本，提升工作效率，掌握前端开发调试技巧尤为重要。目录1、骨灰级调试大师Alert2、新一代调试王者Console3、JS断点调试4、DOM断点调试5、XHR Breakpoints6、Event Listener Breakpoints本文将一一

目录第一题：谈谈你对webpack的理解？第二题：说说webpack与grunt、gulp的不同？第三题：什么是bundle,什么是chunk，什么是module?bundle：第四题：什么是Loader?什么是Plugin?第五题：有哪些常见的Loader？他们是解决什么问题的？第一题：谈谈你对webpack的理解？webpack是一个打包模块化js的工具，在webpack里一切文件皆模块，通过loader转换文件，通过plugin注入钩子，最后输出由多个模块组合成的文

vue的两个核心点分别是数据驱动和组件系统。1.数据驱动，即是ViewModel，是指视图是由数据驱动生成的，我们对视图的修改，不会直接操作DOM，而是通过修改数据，保证了数据和视图的一致性。2.组件系统，组件的出现就是为了解决页面布局等等一系列问题，而vue中的组件分为两种，全局组件和局部组件，它提供了强大的页面布局功能。...

1、 为什么要使用模块化？　　模块化的作用有以下这些：可以解决命名冲突 管理依赖 提高代码的可读性 代码解耦，提高代码的复用性AMD（异步执行） 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD （同步执行）是 SeaJS 在推广过程中对模块定义的规范化产出。这些规范的目的都是为了 JavaScript 的模块化开发，特别是在浏览器端的。目前这些规范的实现都能达成浏览器端模块化开发的目的。浏览器不兼容CommonJS（http://wiki.commonjs.

new 操作符具体都做了什么？（高频） 1.创建了一个空的对象2.将空对象的原型，指向构造函数的原型；3将空对象作为构造函数的上下文（改变this 指向）4.对构造函数有返回值的处理判断...

目录面试题：vue 路由模式路由模式有两种：区别： 1.表现形态不同2.跳转请求3.打包后前端自测要使用hash，如果使用history会出现空白页面试题：vue 路由模式路由模式有两种：history 、 hash区别： 1.表现形态不同 hash 模式带井号： http://123.57.109.30:4005/dist/#/layout/homehistory模式：http://123.57.109.30:4005/dist/...

v-if 和v-show 的区别1.展示的形式不同 v-if是创建一个dom 节点, v-show 是display:none 、block 2.使用场景不同初次加载v-if 要比 v-show 好,页面不会做加载盒子 频繁切换 v-show要比v-if 好，创建和删除的开销太大了，显示和隐藏开销较小...

1.cookie 保存在客户端， session保存到服务器端，通过两个提供的信息，服务器端进行相关操作来判断登录是否会超时；2.cookie (目的可以跟踪会话), 也是保存一些用户想要保存的东西（例如 登录时，是否勾选保存账户密码）。session 是用来跟踪会话;打开浏览器第一次请求的时候，服务器会自动为其创建一个session ，并赋予一个sessionID, 发送客户端的浏览器。之后客户端接着请求应用中其他资源的时候，会自动在请求头上添加：Cookie：JSESSIONID sess

1.html5有哪些新特性、移除了哪些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？HTML5是构建web内容的一种语言描述方式，在08年正式发布，12年已形成了稳定的版本。H5新特性有：语义标签、增强型表单、Canvas绘图、地理定位、SVG绘图、拖放API、WebWorker、WebStorage、WebSocket移除了：1、显现层元素：basefont 、big、center、font、s、strike、tt、u2、性能较差元素：fr...

1.自我介绍2分钟，200-300个字，主旨自己基本情况，工作经历，优点，兴趣爱好，职业规划，邀约2.vue面试题1.v-show和v-if区别的区别：v-show通过css display控制显示和隐藏，v-if组件真正的渲染和销毁，而不是显示和隐藏，频繁切换状态使用v-show 否则v-if2.为何v-for要用key快速查找到节点，减少渲染次数，提升渲染性能3.描述vue组件声明周期mm单组件声明周期图挂载： beforeCreate => created =

模拟：1.面试题:哪些是浅拷贝 哪些是深拷贝？得到的是深拷贝还是浅拷贝？Object.assign() 得到的是深拷贝还是浅拷贝？说一下如何得到深拷贝的对象 如何进行深拷贝？2. 浅拷贝的实现方式有哪几种？（3种） 第一种 赋值变量，仅仅拷贝了栈内存地址第二种 ES6 语法 ...拓展运算符第三种 ES6 利用object.assign()的方式对对象进行合并3.实现深拷贝的方式有哪几种？（2种）1.用 JSON.stringify()

1.宏任务和微任务的概念是什么 ？宏任务：是指消息队列中的等待被主线程执行的事件，宏任务执行时都会重新创建栈，然后调用宏任务中的函数，栈也会随着变化，但宏任务执行结束时，栈也会随之销毁。包括整体代码script，setTimeout，setInterval new Promise*微任务：可以把微任务看成是一个需要异步执行的函数，执行时机是在主函数执行结束之后、当前宏任务结束之前Promise.then，process.nextTick(node中)*。微任务是基于消息队列、事件循环、UI

1. 单页面应用是什么？2.单页面应用的不足3.单页面 应用首页加载应该如何优化？4.独立开发vue 项目的流程是什么？5.重绘和回流之间的区别是什么？6.优雅降级和渐进增强分别是什么？

1.通信之间的传值方式有哪些？1. 父子组件之间的传值 props 和 $emit (常用的方式) 2. 多层嵌套的时候，使用 provide 和 inject 的方法 3. 中央事件总线 eventbus4. 跨级传输通信方式 chilrden 和parents 5. vuex 传输更方便或者更加便捷，6 , v-model 双向数据绑定2.为什么使用vuex ( 或者是和某种方式对比为什么选择用vuex)?1产生的原因（或者解决了...

目录Vuevue初始化页面闪动问题router-link上事件无效解决方法！！！vue项目中的性能优化！！！前端如何优化网站性能！！！vue与react区别vue常见兼容问题组件传值vue如何获取domv-on可以监听多个方法assets和static的区别封装 vue 组件的过程vue.js的templete模版问题-----数据不响应（对象）(数组)过滤器filter，nexttickMVVM生命周期钩子函数?第一

前端如何进行性能优化！！！

1.你知道vue的模板语法用的是哪个web模板引擎的吗？说说你对这模板引擎的理解.mustache，主要是使用{{}}进行数据渲染。2.你知道v-model的原理吗？说说看v-model是一个语法糖，真正实现双向绑定还是依靠v-bind：绑定响应式数据。以及触发input事件并传递数据（核心和重点）3.怎么给VUE定义全局方法？第一种：将方法挂载到Vue的proptotype上，第二种使用全局混入mixin。4.怎么解决vue打包后静态资源图片失效的问题？找到conf..

001.query传参与params 有什么区别；query：带?，在地址栏中会显示；类似于get ;params : 不显示 ； ？？？ 声明式路由中使用params是否显示 ； post 安全性更高002.路由传参数//路由传参有两种形式：query传参数 params传参；//在两种路由（声明式，编程）中都可以使用query params传参；003.如何在另一个组件中去取这个参数；// params传参： this.$route.params.acco...

1.你对vue有什么看法？特点？组件化，双向数据绑定，虚拟Dom, 数据驱动试图2.提高开发效率，方面重复使用，简化调试步骤，3.堆与栈的问题？在js 引擎中对变量的存储主要两种位置浅拷贝中，拷贝的是拷贝的地址，所有的前后两个对象共用一个地址，当一个对象拷贝之后的数据修改之后，另个对象也受影响；深拷贝中，4，为什么组件中的data，必须是函数形式？而不是对象？（1） 避免全局污染，组件是要复用；如果data 是一个对象，当在一个组件中修改数据，其他组件中的数据也.

简单来说，浏览器内核是浏览器的核心，也称“渲染引擎”，用来解释网页语法并渲染到网页上，浏览器内核决定了浏览器该如何显示网页内容以及页面的格式信息浏览器内核又可以分成两部分：渲染引擎和JS引擎渲染引擎：负责获取网页的内容并显示，不同的浏览器内核对网页的解析渲染也不同 JS引擎：负责解析 Javascript 语言，执行 javascript 语言来实现网页的动态效果起初渲染引擎和 JS 引擎并没有区分的很明确，后来 JS 引擎越来越独立，内核就倾向于只指渲染引擎。常用内核内核的种类很

1.forEach和map的区别到底有什么区别呢？forEach()方法不会返回执行结果，而是undefined。也就是说，forEach()会修改原来的数组。而map()方法会得到一个新的数组并返回。2.前端常用解析模板引擎artTemplate 模板 underscore 模板Handlebars 模板3.singlepage是什么？单页面应用4.vue生态?vue：用于构建用户界面的前端开发框架 vue-cli：vue的项目构建、开发工具 vue..

行内元素与块级元素的区别

大学全栈面 试 题 库V120191220目录1. 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? 2. 你简述盒模型 3. CSS3的新特性 4. CSS选择器及其优先级 5. 说说BFC 6. 说说定位相关的属性 7. 谈谈flex布局 8. 你怎么清楚浮动 9. 两边宽度固定中间自适应的三栏布局(默写题,手写笔试题) 10. 浏览器渲染机制 11. 重绘和回流的区别 12. JS数据类型 13. JS...

1、token和jwt存在什么区别？jwt最大的特点是密码的自我解译，自己分成三段，前后端使用通用的秘钥确认是否正确，按自己的理解jwt是token的一种，现在网上很多人认为token和jwt是不同的，最大的区别点是token可以存在后台的redis中，设置过期时间，作为中心化控制的工具，而jwt由于自身的特点，更灵活。2、...

transition和animation的区别：  Animation和transition大部分属性是相同的，他们都是随时间改变元素的属性值，他们的主要区别是transition需要触发一个事件才能改变属性，而animation不需要触发任何事件的情况下才会随时间改变属性值，并且transition为2帧，从from .... to，而animation可以一帧一帧的。 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? IE: trident内核Firefox...