qq_25503949的博客

面经练习（十六）1.promise的方法：2.微任务里面嵌套微任务如何执行3.props,data,computed的加载顺序4.立即执行函数的作用5.websocket原理以及和长连接的区别1.promise的方法：常见的 resolve reject all race还有finally不管promise最后的状态，在执行完then或catch指定的回调函数以后，都会执行finally方法指定的回调函数。var promise = new Promise(function(resolve, re

面经练习（十五）1.前端如何处理10w条数据2.set weakset map weakmap的区别3.标准Http协议支持六种请求方法4.html5语义化标签，哪些是行内哪些是块5.垃圾回收之标记清除法具体内容6.前端缓存详解7.JS延迟加载的方法8.vue钩子函数怎么用9.vue computed和watch全面解析10.重复的子字符串11.简化路径1.前端如何处理10w条数据①首先想到用requestAnimationFrame这个API // 插入十万条数据 co

面经练习（十四）1.async/await执行原理2.mouseover和mouseenter的区别3.快速判断二叉树前序或后序遍历4.找出字符串中连续出现次数最多的字符和次数1.async/await执行原理async/await执行原理2.mouseover和mouseenter的区别3.快速判断二叉树前序或后序遍历快速判断二叉树前序或后序遍历4.找出字符串中连续出现次数最多的字符和次数...

面经练习（十三）1.with的用法2.cors跨域原理3.jsonp为什么只能get请求4.toString()方法和Object.prototype.toString.call()方法对比5.https为什么采取对称非对称加密结合的方法6.圣杯布局双飞翼布局7.多路复用技术8.requestAnimationFrame是什么9.从输入URL到浏览器显示页面发生了什么(详细版)10.回文链表11.模拟LRU缓存机制12 UDP如何实现可靠传输13.堆和栈区别14.数组和链表的区别及优缺点1.with的用法

面经练习（十二）1.异步加载js的方法2.Object.assign()方法3.Object.is()方法4.css animation动画暂停5.JSON.stringify输出题6.什么是单页面应用，优缺点是什么7.function prototype输出8. meta标签都有什么属性1.异步加载js的方法1.defer2.async3.手动生成script标签 function loadScript(url, callback) { var script

面经练习（十一）1.常考的算法题：旋转矩阵2.vue中 methods和computed的区别3.new Object 和{}的区别4.一道输入输出题：5.flex布局解决了什么问题6.flex里面的basis7.this指向理解8. input:[1,2,3,3,2,4,5] output:[1,4,5]9.http为什么设置成无状态的1.常考的算法题：旋转矩阵leetcode48旋转矩阵var rotate = function(matrix) { let martrixLength =

面经练习（十）1.vuex和localstorage的区别以及cookie两个storage的区别1.vuex和localstorage的区别以及cookie两个storage的区别

面经练习（九）1.这个函数名字是a，使得a被执行之后有如下效果，输出1、2、31.这个函数名字是a，使得a被执行之后有如下效果，输出1、2、3a(); // 函数返回值为1a(); // 函数返回值为2a(); // 函数返回值为3var a = function(){ var count = 0 return{ getCount:function(){ return ++count; } } }().g

面经练习（八）1.有关雪碧图及其性能2.javascript严格模式1.有关雪碧图及其性能雪碧图对性能影响CSS Sprite最大的好处就是节省请求数了，那么为什么节省请求数能快呢？每一次发出一个图片的http请求，除了单纯的下载该图片外，还要算进发送请求的时间，服务器端处理请求的时间和来回的网络延时（这个一般是大头），我们把这些额外耗时叫做request overhead。所以实际情况下，尤其是对于图标这样的小图片，这些overhead很可能远远超过超过文件本身下载的时间，比如下载1kb的图片只要

Webpack常见面试题1.前端为何进行打包构建2.loader和plugin区别3.常见的loader和plugin4.babel和webpack的区别5.babel-polyfill和babel-runtime的区别6.webpack如何实现懒加载7.为何proxy不能被polyfill8.webpack构建流程1.前端为何进行打包构建（一）代码层面（二）研发流程2.loader和plugin区别不同的作用Loader直译为"加载器"。Webpack将一切文件视为模块，但是webpack

Webpack-babel1.babel环境搭建和基本配置2.babel-polyfill是什么3.babel-polyfill如何按需引入4.babel-polyfill的问题5.解决babel-polyfill的问题，采用babel-runtime1.babel环境搭建和基本配置首先安装有关插件然后配置.babelrcpresets预设的意思把常用的plugin打一个包，这个包就是preset-env这样不用在plugin中设置过多的内容2.babel-polyfill是什么po

Webpack性能优化-产出代码1.小图片base64编码2.bundle加hash3.懒加载（高级配置有讲）4.抽离公共代码（高级配置有讲）5.IngorePlugin（优化构建速度也有讲，它有两个优点）6.使用cdn加速7.生产环境采用production8.接第7点为什么ES6 Module可以tree-shaking生效，commonjs却不行，两者有什么区别1.小图片base64编码2.bundle加hash3.懒加载（高级配置有讲）4.抽离公共代码（高级配置有讲）5.Ingore

Webpack性能优化---构建速度一.优化babel-loader二.Noparse三.IgnorePlugin四.happyPack多进程打包五.ParallelUglifyPlugin多进程压缩js六.如何配置自动刷新七.如何配置热更新八.Dllplugin动态链接库九.总结一.优化babel-loader二.NoparseNoparse这是module中的一个属性，作用：不去解析属性值代表的库的依赖三.IgnorePluginIgnorePlugin是webpack内置插件这个

Webpack高级配置（二）一.懒加载二.解析vue三.module chunk bundle的区别一.懒加载在index.js中：module.exports和exports.default的区别和关系同步加载通过import直接引用异步则放入定时器中 定时器的import返回promise二.解析vue下载vue-loader插件然后三.module chunk bundle的区别import（）就是上面的懒加载一个chunk对应一个bundle...

Webpack高级配置（一）一.如何配置多入口二.如何抽离压缩css文件三.如何抽离公共代码和第三方代码一.如何配置多入口①首先webpack.common.js配置entry入口②然后webpack.prod.js配置出口的filenamename值对应entry中的key值 index和other③上面处理的是js文件下面处理html文件 首先webpack.common.jsplugin生成多个如果不写chunks，index和other的html文件会把entry入口的 inde

Webpack基本配置一.拆分配置和mergewebpack.common.js 公共环境webpack.dev.js 开发环境webpack.prod.js 线上环境用smart 进行merge合并二.启动本地服务webpack.dev.js 开发环境里面配置三.处理ES6在webpack.common.jsbabel-loader.babelrc:四.处理样式也是在webpack.common.js中注意loader 的执行顺序从后往前先css-loader 解析一

link标签中的rel我们在html文件中引入css文件： <link href="style.css" rel="stylesheet">如果没有rel属性 就不会成功引入css文件 这是为什么呢？html的link标签是用于当前文档引用外部文知档用的，rel属性用于设置对象和链接目的间的关系。rel是relationship的英文缩写；道stylesheet中style是...