hh9515

摘要： let arr = [12,5,0,12,15,23,0,19,23] arr.sort((a,b)=>{console.log('compare'+a+'$'+b)}) compare函数有两个参数a和b，通过打印可以看到，是两两比较的，a是靠后的值，b是靠前的值。（注意，这里跟百度的绝大多数描述 阅读全文

摘要： split editor的快捷键 (设置 split editor 快捷键) split editor的撤销操作 { "key": "alt+q", "command": "workbench.action.closeEditorsInOtherGroups" } 阅读全文

摘要： 跨域的问题你不想开服务器的话先这样处理open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/user1/MyChromeDevUserData user1换成自己的 阅读全文

摘要： 1 https://zhuanlan.zhihu.com/p/44933789?spm=a2c4g.11186623.2.15.6e445c7ck67At9 2 https://juejin.cn/post/6844903976899444744 3 https://juejin.cn/post/6 阅读全文

摘要： https://developer.mozilla.org/en-US/docs/Web/API/PerformanceTiming https://www.w3.org/TR/navigation-timing/?spm=a2c63.p38356.879954.7.161114c8FvWjxj 阅读全文

摘要： FID指标： https://wicg.github.io/event-timing/ fid是一个field（真实场景）指标（区别于lab指标），first-input是使用performanceObserver去侦测一个真实的值，并用大量的上报的数据来进行统计。 与之对应的是tbt（是一个lab 阅读全文

摘要： first paint vs first contentful paint https://newrelic.com/blog/how-to-relic/browser-first-paint-first-contentful-paint https://github.com/w3c/paint-t 阅读全文

摘要： 阅读全文

摘要： 总结： 目标：尽快生成rendertree（rendertree包含了各节点以及他们的computed样式，之后进行layout和paint） 需要：DOMTree和CSSOM Tree ，一起生成renderTree 1. js可能会查询cssom，所以必须先加载完cssom，才能执行js （可以 阅读全文

摘要： <link rel="preload"> 浏览器会高优先下载资源并缓存，进行执行，如果link标签中的as属性是stylesheet（as='stylesheet'），那么html在parse的时候会了解到这是一个CSS资源。 ，由于加了predload指令，这个css的加载不会引起 render 阅读全文