博客 / 列表

前端森林 - 淺談Hybrid

引言 隨着 Web 技術和移動設備的飛速發展,各種 APP 層出不窮,極速的業務擴展提高了團隊對開發效率的要求,這個時候使用 IOS/Andriod 開發一個 APP 似乎成本有點過高了,而 H5 的低成本、高效率、跨平台等特性馬上被利用起來形成了一種新的開發模式:Hybrid APP。 Hybrid 技術已經成為一種最主流最常見的方案。一套好的 Hybrid 架構解決方案能讓 App 既能擁有極

跨平台 , 混合app , hybrid-app

前端森林 - 聊一聊前端性能優化 CRP

什麼是 CRP? CRP又稱關鍵渲染路徑,引用MDN對它的解釋: 關鍵渲染路徑是指瀏覽器通過把 HTML、CSS 和 JavaScript 轉化成屏幕上的像素的步驟順序。優化關鍵渲染路徑可以提高渲染性能。關鍵渲染路徑包含了 Document Object Model (DOM),CSS Object Model (CSSOM),渲染樹和佈局。 優化關鍵渲染路徑可以提升首屏渲染時間。理解和優化關鍵

性能優化 , 渲染 , 瀏覽器 , 瀏覽器緩存

前端森林 - 你可能已經忽略的git commit規範

引言 在日常的開發工作中,我們通常使用 git 來管理代碼,當我們對代碼進行某項改動後,都可以通過 git commit 來對代碼進行提交。 git 規定提交時必須要寫提交信息,作為改動説明,保存在 commit 歷史中,方便回溯。規範的 log 不僅有助於他人 review, 還可以有效的輸出 CHANGELOG,甚至對於項目的研發質量都有很大的提升。 但是在日常工作中,大多數同學對於 log

commit , commitizen , emoji , Git

前端森林 - 深入理解瀏覽器的緩存機制

引言 瀏覽器緩存,一個經久不衰的話題。 先來看一下百度百科對它的定義: 瀏覽器緩存(Browser Caching)是為了節約網絡的資源加速瀏覽,瀏覽器在用户磁盤上對最近請求過的文檔進行存儲,當訪問者再次請求這個頁面時,瀏覽器就可以從本地磁盤顯示文檔,這樣就可以加速頁面的閲覽。 緩存可以説是性能優化中簡單高效的一種優化方式了。一個優秀的緩存策略可以縮短網頁請求資源的距離,減少延遲,並且由於緩存文件

緩存 , 瀏覽器緩存