https://www.cnblogs.com/xiaohuochai/p/9178390.html#anchor6
我以爲我會很勤勞的自己整理，我以爲終究是我以爲。
瀏覽器檢測 我們可以通過客戶端檢測也可以通過服務器端檢測，無論哪種檢測我們都離不來user agent， 在客戶端我們可以使用JavaScript訪問 navigator.userAgent 這個屬性將返回用戶代理頭的字符串，i
網頁頁面上的圖片尺寸似乎都千篇一律。我們最常見到的帶有多圖的文章頁面中，圖的大小通常是和頁面的寬度一致，這樣看起來，頁面就是一個直筒形，這樣的佈局看多了就會覺得很單調。之所以形成這樣的局面，我想很大程度上是因爲老式瀏覽器的限制。但隨着現
重繪、迴流和圖層 在前面的學習中，我們知道瀏覽器在渲染一個頁面的過程是這樣的： 解析HTML構建DOM樹 渲染引擎使用HTML解析器（調用XML解析器）解析HTML（XML）文檔，將各個HTML（XML）元素逐個轉化成DOM節
簡介 優勢 劣勢 類似框架 入門例子 安裝依賴 nodejs 安裝 webpack 模塊依賴 項目下使用webpack 初始化 項目加入依賴 webpack css-loader style-loader 目錄結構
看到一個頁面花了哪些時間? html的請求 html頁面資源的加載,現代瀏覽器對資源的加載是並行加載的，但是併發的數量有限，ie6非並行 頁面的渲染-繪製 頁面加載流程 最先加載的是head部分 資源加載和dom的繪製是同步
1.統一域名下資源併發請求限制 瀏覽器的網絡請求資源數是針對單一域名的。同一時間針對同一域名下的請求有一定數量限制。超過限制數目的請求會被阻塞，這就是很多網站專門解決這個問題的原因。 不同瀏覽器，不同http協議版本允許的網絡請
接上一篇「關鍵渲染路徑」，瀏覽器大致經過了：構建 DOM 樹、構建 CSSOM 樹、構建渲染樹、佈局、繪製五個步驟。 這裏主要簡述，構建 CSSOM 相關！ 默認情況下，CSS 被視爲阻塞渲染的資源，這意味着瀏覽器將不會
前端構建工具gulpjs的使用介紹及技巧 gulpjs是一個前端構建工具，與gruntjs相比，gulpjs無需寫一大堆繁雜的配置參數，API也非常簡單，學習起來很容易，而且gulpjs使用的是nodejs中stream
gulp是基於流的前端自動化構建工具 易用 Gulp相比Grunt更簡潔，而且遵循代碼優於配置策略，維護Gulp更像是寫代碼。 高效 Gulp相比Grunt更有設計感，核心設計基於Unix流的概念，通過管道連接，不需要寫中間文件
圖片是界面顯示效果很重要的組成部分，圖片加載關係到用戶體驗、應用性能，優化圖片加載的常用策略爲：預加載和懶加載。 原文鏈接 預加載 圖片預加載可以提高用戶體驗，對於圖片畫廊和圖片佔比很大的網頁內容尤其重要 css預加載
當今數字世界，存在着無數的網站，每天都需要處理各種不同的原因的訪問。然而，這些網站中有很大一部分顯得笨重，使用起來也很麻煩。沒怎麼優化的網站會被各種各樣的問題困擾，包括加載時間、不支持移動設備、瀏覽器兼容性問題，等等。 這篇文章講
我覺得在學習前端中，CSS的學習應該是相對比較簡單的，也是入門比較快的，那麼如何寫出高性能的CSS呢？我們應該知道在前端開發中，HTML和CSS代碼 的可讀性和可維護性是非常重要的，那麼我們在保證可讀性和可維護性的前提下，如何讓代
原文轉載自「劉悅的技術博客」https://v3u.cn/a_id_86 前端是龐雜的，包括 HTML、 CSS、 Javascript、Image 、Video等等各種各樣的資源。前端優化是複雜的，針對方方面面的資源都有不同的方
