前端 面经 关键词

前端 面经 关键词 7）合理利用MTU策略：（2）使用较小的图片，合理使用base64内嵌图片：合理使用http缓存，js、css文件资源合并，使用精灵图，图片使用base64编码，懒加载等，减少http请求数。js、css文件压缩，gzip压缩，去除空格回车等多余字符。延迟脚本，defer和async，async下载完成立即执行，defer，页面加载完成再执行。3、减少全局变量的使用，访问全局变量比访问局部变量要慢。怎样减少页面的回流和重绘，减少对 dom 的操作。使用浮动( float )、绝对定位( position: absolute )可以使元素脱离文档流。offsetTop、需要立即执行队列里的所有操作。// 可以使用 cssText 将多次合为一次 div.style.cssText += “; width: 20px;”; will-change 避免将 will-change 直接写在 css 中，尽量在元素发生变化前去设置它；requestAnimationFrame 会把每一帧中的所有DOM操作集中起来，在一次重绘或回流中就完成，并且重绘或回流的时间间隔紧紧跟随浏览器的刷新频率，一般来说，这个频率为每秒60帧。强制使用硬件加速 （通过 GPU 来提高动画性能）。loader即文件加载器：用来预处理文件。plugin即插件：用来增强功能。es6如何转为es5–babel。CommonsChunkPlugin。__webpack_require__webpack 代码切割？tree shaking?scope hoisting?作用域提升」subf.prototype = new superf();//subf继承了superf,通过原型，形成链条。 BFC(Block formatting context)直译为"块级格式化上下文"。float的值不是none。2、position的值不是static或者relative。3、display的值是inline-block、table-cell、flex、table-caption或者inline-flex4、overflow的值不是visible。盒子display、position、float、width、height、margin、padding、border等。console.log(add.call(sub, 2, 1));//3。 document.domain = ‘test.com’;window.postMessage()。 JSONP。 devServer: websocket。display inline、 block、inlin-block、none。css选择器优先级最高到最低顺序为：1.id选择器（#myid）2.类选择器（.myclassname）3.标签选择器（div,h1,p）4.子选择器（ul < li）5.后代选择器（li a）6.伪类选择（a:hover,li:nth-child）!important的优先级是最高的，但出现冲突时则需比较”四位数“; position: relative;相对定位absolute;绝对定位fixed;固定定位:static：默认值sticky 粘性定位.cm mm pt em vw. History pushState(), replaceState(). 关键是每个item都是绝对定位通过 top改变他的位置 top就是index*itemSize.监听scroll .timer = setTimeout(() => reject(timeoutMessage), timeout); ViewModel做数据绑定。Cascader 。commit vuex。post能发送更多的数据类型（get只能发送ASCII字符）。.post比get慢。post请求包含更多的请求头。CDN。this.$router.go(-1)。 this.$router.back()。let objType = Object.prototype.toString.call(val) if (specialObj[objType]) { result[key] = specialObj[objType](val)