自我介绍:
介绍一个项目：
CSS：
1.标准模型和ie怪模型
- ie盒模型和w3c标准和盒模型
- ie怪异盒模型：width和height包含padding和border
- w3c标准盒模型：width和height不包含padding和border
2.响应式
3.flex布局
4.雪碧图
5.从url到页面展示的过程
6.定位
7.缓存
8.优化
9.浏览器兼容
JavaScript
1.什么是防抖
防抖：触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。代码如下：
var isTime=null;
document.getElementById('fd').onblur=function (event) {
function setMass() {
console.log(event.target.value);
}
clearTimeout(isTime);
isTime=setTimeout(setMass,1000)
};
用闭包实现：
//用闭包实现
document.getElementById('fd').onblur=myBlur("da");
function myBlur(dd) {
var timeout=null;
return function () {
clearTimeout(timeout);
timeout=setTimeout(function () {
console.log(dd);
},3000)
}
}
在n秒内只执行一次函数；如果在n秒内再次触发，则清除原来settimeout,重新执行setTimeout即从新计算时间后再执行相应的函数
2.什么是节流
高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率。在n秒内只执行一次函数；
每次触发事件时都判断当前是否有等待执行的延时函数
//节流：
document.getElementById('jl').onclick=myjl();
function myjl() {
var timeout=true;
return function(){
if(!timeout){
return
}
timeout=false;
setTimeout(function () {
console.log("大家好");
timeout=true
},3000)
}
}
3.常用的异步有哪些
setTimeout 、setIntralve、事件、ajax、promise等
4.var let const的区别
var:1.作用域分为全局作用域和函数作用域
2.变量提升
3.可以重复定义
let：1.作用域分为全局作用域和块级作用域
2.变量没有提升，必须先声明后访问
3.let变量的表示符不能重名
const:1.声明常量
2.声明的同时必须初始化
3.常量一旦被声明，不能再给该标识符赋新值；
4.作用域分为全局作用域和块级作用域
5.变量没有提升，先声明后访问
6.标识符不能重名