- 博客(5)
- 收藏
- 关注
RSS订阅原创 浏览器问题
输入网址到浏览器渲染页面的过程详解浏览器渲染页面过程1.解析HTML文件，创建DOM树 自上而下，遇到任何样式（link、style）与脚本（script）都会阻塞（外部样式不阻塞后续外部脚本的加载）。2.解析CSS 优先级：浏览器默认设置<用户设置<外部样式<内联样式<HTML中的style样式； 特定级：id数100+类或伪类数10+tag名称*13.将CSS与DOM合并，构建渲染树（renderingtree） DOM树与HTML一一对应，渲染树会忽略诸如hea.
2021-11-11 13:59:13
527
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
1330
原创 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
963
原创 typescript第二节课
ts提供API：interface demo {name:sting,age:number,a:nullb: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
780
原创 初学typescript的总结
初学typescript的总结1、TypeScript 基础类型a、let demo:string = ‘11’b、let demo: number = 11c、let demo: boolean = falsed、const sym = Symbol();let obj = {[sym]: “semlinker”,};console.log(obj[sym]); // semlinker2、数组类型 let list: number[] = [1, 2, 3]或者let list: A
2021-09-09 10:44:36
147
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人