hh9515

摘要： 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 阅读全文

摘要： 默认快捷键是 在shortcut中修改这个的快捷键(它的menu title叫 Paste and Match Style)： 普通的复制叫做Paste 阅读全文

摘要： 阅读全文

摘要： 总结： 这些被叫做shell操作符 shell operator 主要分为 control operators和redirection operators <<： 这个被称作here document， 通常用来 打印多行string command会接收任何东西直到它找到下一个WORD（标记），T 阅读全文