qq_45633813的博客

前端性能优化方法。

响应式是指根据不同设备浏览器分辨率或尺寸来展示不同页面结构、行为、表现的设计方式。完整的响应式网站的实现其实需要考虑到以下这些问题：响应式布局、响应式html和css、响应式媒体、响应式javascript。

promise执行顺序1、微任务是在宏任务的执行中产生的，所以一开始程序执行时是没有微任务的。2、系统将微任务执行完以后，才会去执行下一个宏任务。3、宏任务里如果有宏任务，不会执行里面的那个宏任务，而是被丢进任务队列后面，所以会最后执行。4、宿主环境提供的属于宏任务：例如setTimeout。由语言标准提供的属于微任务：例如promise.then。可以以此来区分宏任务和微任务。

对于箭头函数，this是没有上下文指向的，它指向的都是整个最外层的对象。这里指向window，由于被let声明的变量age不会作为全局对象window的属性，所以this.age输出为undefined。普通的函数，它的this永远都是跟着它上下文走的。this指向的是当前的obj对象，this.age=18。//你会发现，虽然是普通的函数，在这个定时器中是拿不到这对象中的 name 和 age。注意是要延迟执行的函数中的this哦！//毫无疑问，this指向的是当前的obj对象。

使用圣杯布局首先需要在center元素外部包含一个div，包含div需要设float属性使其形成一个BFC (Block formatting context)直译为**“块级格式化上下文”**，它是一个独立的渲染区域。并设置宽度，并且这个宽度要和left块的margin负值margin-left: -100% 进行配合。，后面的center会自然流动到他们上面，然后center使用margin属性left和right，留出左右元素的宽度，既可以使中间元素自适应屏幕宽度。中间栏放到文档流前面，先行渲染。