- 博客(5)
- 收藏
- 关注
RSS订阅原创 浏览器问题
输入网址到浏览器渲染页面的过程 详解浏览器渲染页面过程 1.解析HTML文件，创建DOM树 自上而下，遇到任何样式（link、style）与脚本（script）都会阻塞（外部样式不阻塞后续外部脚本的加载）。 2.解析CSS 优先级：浏览器默认设置<用户设置<外部样式<内联样式<HTML中的style样式； 特定级：id数100+类或伪类数10+tag名称*1 3.将CSS与DOM合并，构建渲染树（renderingtree） DOM树与HTML一一对应，渲染树会忽略诸如hea.
2021-11-11 13:59:13
566
1
原创 前端兼容行问题总结
rem在部分Android手机上样式写的圆点不圆，是小数点后面的不精确。这种可以使用PX或者行内样式或者就是放大倍数然后用缩小倍数 iOS手机12安全区域 @supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) { .evaluation-btn{ margin-bottom: constant(safe-area-inset-bottom); ma.
2021-11-10 17:59:56
1370
原创 es6常遇问题
es6对数组去重有二种方法 第一种: 利用Set对象和数组的Array.from方法 let add = [1,2,5,3,2,5,1] Array.from(new Set(add))//[1, 2, 5, 3] 第二种: 利用Set+扩展运算符 … let add = [1,2,5,3,2,5,1] [...new Set(add)] //[1, 2, 5, 3] es6中字符串、数字、数组、对象扩展的常用方法 字符串 let s = 'Hello world!'; s.includ
2021-11-10 17:11:38
1009
原创 typescript第二节课
ts提供API： interface demo { name:sting, age:number, a:null b:undefind } 1、Pick用于获取自己想要的新结构K 值必须要存在于keyof T 中 type Pick<T, K extends keyof T> = { [key in k]: T[key] } 列如：type A =Pick<demo,‘name’|‘age’> 结果：A = { name:sting, age:number, } 2、Record&l
2021-11-09 16:34:52
829
原创 初学typescript的总结
初学typescript的总结 1、TypeScript 基础类型 a、let demo:string = ‘11’ b、let demo: number = 11 c、let demo: boolean = false d、const sym = Symbol(); let obj = { [sym]: “semlinker”, }; console.log(obj[sym]); // semlinker 2、数组类型 let list: number[] = [1, 2, 3]或者let list: A
2021-09-09 10:44:36
188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人