輸入url到得到html的詳細過程,載入乙個資源的過程?
瀏覽器根據dns伺服器得到網域名稱的ip位址
像這個ip的機器傳送http請求
伺服器收到、並返回http請求
瀏覽器得到資料
瀏覽器渲染頁面的過程?
根據html結構生成dom tree
根據css生成cssom
講dom和cssom整合成rendertree(渲染樹)
根據rendertree開始渲染和展示
遇到script時,會執行並阻塞渲染
為什麼把css放到head裡面?
window.omload和 domcontentloaded的區別?
window.addeventlistener('load',function(){
window.addeventlistener('domcontentloaded',function(){
效能優化
多實用記憶體,快取或者其他方法
減少cpu計算,減少網路
靜態資源的壓縮合併
靜態資源的快取
使用cdn讓資源載入更快
shiyong ssr後端渲染,資料直接輸出到html
css放前面,js放後面
懶載入減少dom查詢(快取),操作(多個操作合併)
事件節流
陣列的一些回顧
1.陣列名的特殊性 先說結論 陣列名代表陣列首元素位址,也是乙個指標,唯讀的常量,是乙個常量指標,不能修改。陣列首元素的位址和陣列位址是兩個不同的概念 陣列名是陣列首元素的起始位址,但並不是陣列的起始位址 通過將取位址符 作用於陣列名可以得到整個陣列的起始位址 int c 200 c 1 步長四個位...
2023年的一些回顧
2010年的風風雨雨,也已經過去了,很多事情也只能依稀記得,怎麼說呢?距離成功,距離財務等自由,還有很遠很遠的距離,可以算個轉折年吧。1月,在g公司,專案救火去了廣州,也對國內專案運作有了深刻體會,更加明白了事在人為的道理。外地作軟體專案的辛苦,只有幹過的人才知道。意外知道乙個同學在某行是個很有影響...
2023年的一些回顧
2010年的風風雨雨,也已經過去了,很多事情也只能依稀記得,怎麼說呢?距離成功,距離財務等自由,還有很遠很遠的距離,可以算個轉折年吧。1月,在g公司,專案救火去了廣州,也對國內專案運作有了深刻體會,更加明白了事在人為的道理。外地作軟體專案的辛苦,只有幹過的人才知道。意外知道乙個同學在某行是個很有影響...