需求 在開發vue的項目中有遇到了這樣一個需求:一個視頻列表頁面,展示視頻名稱和是否收藏,點擊進去某一項觀看,可以收藏或者取消收藏,返回的時候需要記住列表頁面的頁碼等狀態,同時這條視頻的收藏狀態也需要更新, 但是從其他頁面進來視頻列表頁面的時候不緩存這個頁面,也就是進入的時候是視頻列表頁面 ...
前言 緩存,這是一個老生常談的話題,也常被作為前端面試的一個知識點。 本文,重點在與探討在實際項目中,如何進行緩存的設置,並給出一個較為合理的方案。 強緩存和協商緩存 在介紹緩存的時候,我們習慣將緩存分為強緩存和協商緩存兩種。兩者的主要區別是使用本地緩存的時候,是否需要向服務器驗證本地緩存是否依舊有效。顧名思義,協商緩存,就是需要和服務器進行協商,最終確定是否使用本地緩存。 兩種緩存方案的問題點 ...
2018-12-17 23:16 0 2087 推薦指數:
需求 在開發vue的項目中有遇到了這樣一個需求:一個視頻列表頁面,展示視頻名稱和是否收藏,點擊進去某一項觀看,可以收藏或者取消收藏,返回的時候需要記住列表頁面的頁碼等狀態,同時這條視頻的收藏狀態也需要更新, 但是從其他頁面進來視頻列表頁面的時候不緩存這個頁面,也就是進入的時候是視頻列表頁面 ...
概述 本文檔包含了Isobar公司的創意技術部(前端工程)開發web應用的規范。現在我們把它開放給任何希望了解我們迭代過程最佳實踐的人。 編寫本文檔的主要驅動力是兩方面: 1) 代碼一致性 以及 2) 最佳實踐。 通過保持代碼風格和傳統的一致性,我們可以減少遺留系統維護的負擔,並降低未來 ...
前言 這幾天,第三輪全站優化結束,測試項目在2G首屏載入速度取得了一些優化成績,對比下來有10s左右的差距: 這次優化工作結束后,已經是第三次大規模折騰公司框架了,這里將一些自己知道的移動端的 ...
最佳實踐系列:前端代碼標准 @窩窩商城前端(劉軼/李晨/徐利/穆尚)翻譯於2012年 版本0.55 @鄭昀校對 isobar的這個前端代碼標准和最佳實踐文檔,涵蓋了Web應用開發的方方面面,我們翻譯了大部分章節,並做了注解。請仔細閱讀用標記的段落。 關鍵詞列表: 漸進增強;Combo ...
一、文章開篇 由於最近也比較忙,一方面是忙着公司的事情,另外一方面也是忙着看書和學習,所以沒有時間來和大家一起分享知識,現在好了,終於回歸博客園的大家庭了,今天我打算來分享一下關於《web前端開發最佳實踐》這本書的讀后感,以及梳理這本書中比較有用的核心知識點 二、書之印象 《web ...
前言 最近一直重構項目的前端代碼,也參考了各種前端代碼的最佳實踐,目的是讓前端的HTML,CSS,JavaScript代碼更符合標准,有更好的性能,更好的可維護性,嘗到了重構后的甜頭,也萌生了寫這個系列博客的念頭。前端代碼有其固有的靈活性,這就導致了目前前端代碼非常混亂的局面,本系列文章希望能 ...
響應速度,對自己的網站更有信心。 最佳實踐 最佳實踐我們引用的來自yahoo前端性能團隊總結的35條黃金 ...
上一篇《前端代碼標准最佳實踐:javascript》發表后,大家討論還是很熱烈,從側面體現了前端工程師對寫標准的前端代碼的重視程度很高。這些最佳標准實踐並不是那個權威組織發布的,而是由大量的前端工程師們在實踐過程中的經驗總結,目的在於提高代碼的可讀性,可維護性和性能。那么接着上一篇,我們再來談談 ...