1.盒模型:
标准盒模型:width=content
IE盒模型:width=content+padding+border
使用box-sizing来确定使用哪个盒模型。 box-sizing:content-box/border-box

“1 2 3 4 5 6”.replace(’/\d/g,parseInt) 结果: 1 NaN 3 4 5

3.typeof返回类型
undefined、object、number、string、function、boolean
js基本数据类型
String、Number、Null、Undefined、Boolean

4.URL从浏览器到页面
浏览器首先会根据URL找到服务器的IP地址。未找到IP,浏览器首先查找缓存,找不到则去查找系统的hosts文件,找不到则去找DNS服务器。找到IP后,浏览器根据IP和对应的端口号构建http请求,将http请求封装在TCP包中,TCP包通过传输层、网络层、数据链路层、物理层到达服务器,服务器解析请求并作出响应,返回对应的html,浏览器根据返回的html构建dom树,在构建dom树的过程中,如果遇到js代码则先暂停构建,等执行结束继续构建(所以把js放在尾部),之后根据外部样式、内部样式、内联样式构建css对象模型树(CSSOM树),构建好后和dom树合并为渲染树,然后根据渲染树进行布局。

5.浅拷贝
(1)
function clone(obj){
//ES6
let obj1={…obj}
return obj1;
}
(2)
functon clone(obj){
let obj1={};
for(let key in obj){
if(!obj.hasOwnProperty(key){
break;
}
obj1[key]=obj[key];
}
return obj1;
}

6.深拷贝
(1)
function deepClone(obj){
let obj1=JSON.parse(JSON.stringify(obj));
return obj1;
}
(2)
function deepClone(obj){
let obj1=Array.isArray(obj)? []:{};
for(let key in obj){
if(typeof obj[key]==‘object’){
obj1[key]=deepClone(obj[key]);
}
else{
obj1[key]=obj[key];
}
}
return obj1;
}

7.多行文字垂直居中
div{
display:flex;
flex-direction:column;
justify-content:space-around/center;
word-break:break-all;
}

笔记1117

笔记1117

相关文章: