Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 亚洲在线影院,国产日韩精品一区二区在线观看,中文字幕视频网站

          整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          關于html緩存的思考

          、html頁面會緩存嗎?

          單純的html頁面不會緩存,htm是一種標記語言,用來描述和標記的,不能實現緩存。html里面的JavaScript代碼是當這個html頁面加載時瀏覽器解釋執行,也不可以實現數據緩存。

          二、html 頁面怎么對緩存進行設置

          根據服務器系統環節的不同設置方法不一樣

          1、在Apache環境下

          可以通過在.htaccess文件中添加下面的代碼,設置圖片的HTTP緩存和有效期(需要開啟apache的headers模塊支持):

          其中max-age后面這個數字就是設置的緩存有效期(以秒為單位),比如上面的代碼設置了網站的圖片使用為期一年(秒)的HTTP緩存。

          2、在Nginx下

          可以通過修改nginx.conf配置文件,來修改緩存設置:

          location~*\.(flv|gif|jpg|jpeg|png|ico|swf)${;access_logoff;break;}

          注意:同樣的方法,可以給js和css文件設置緩存。

          html緩存:html5 應用程序緩存和瀏覽器緩存有什么區別

          應用程序緩存是會預加載的,保證齊全地供應和保存。瀏覽器緩存沒有這些控制,不能作為程序緩存使用。不幸地,應用程序緩存過於簡單,導致效率不彰,預期將會被ServiceWorker取代。

          覽器緩存究竟是什么?

          瀏覽器緩存(Browser Caching)是為了加速瀏覽,瀏覽器在用戶磁盤上對請求過的文檔進行存儲,當訪問者再次請求這個頁面時,瀏覽器就可以從本地磁盤顯示文檔,這樣就可以加速頁面的閱覽。它是網站訪問統計最難解決的問題之一。為了回收重復閱覽網站而產生的資源浪費,而產生的機制。緩存的方式節約了網絡的資源,提高了網絡的效率。

          為什么要清理緩存呢?緩存會帶來哪些問題?

          部署前端項目以后,你會發現一個問題(為什么必須刷新頁面,頁面才會更新到最新版本),其實就是因為服務器緩存的問題。緩存會導致你頁面樣式、圖片或腳本等未能及時更新展示。

          瀏覽器自身如何清理緩存呢?

          以谷歌瀏覽器為例:按照下圖指示:(也可使用快捷鍵直接喚起:Ctrl + Shift + Del)


          清除緩存步驟1


          清除緩存步驟2

          vue項目中如何清理緩存呢?

          1.在根目錄下index.html的header頭中添加一下代碼:

          vue不緩存-方式1

          2.配置 nginx 不緩存 html

          index.html在服務器端可能是有緩存的,需要在服務器nginx上配置不讓緩存index.html


          vue不緩存-方式2

          名詞解釋:

          no-cache:數據內容不能被緩存, 每次請求都重新訪問服務器, 若有max-age(最大緩存期), 則緩存期間不訪問服務器

          no-store:不僅不能緩存, 連暫存也不可以(即: 臨時文件夾中不能暫存該資源)


          以上就是我本次分享的方式,各位同仁們還有什么好的方式可以下方留言,共同學習!


          ---攜手共進,一同進階!

          態資源上線問題。

          有學員出去面試,面試官問了一個問題:如果你真的沒有做過前端的資源的上線發布,還真的不好回答。

          正常前端要上線的時候,打完包之后會生成一個dist的文件夾,dist文件夾里面會扔到服務器上。這時候上完線之后,比如去請求頁面的時候,基本上有js,對于用戶來說,這時候有新的東西要更新。

          可以看一下,有些資源是走的緩存的,比如js資源,包括圖片資源,看走的緩存。所以對用戶來說,如果不去強制刷新頁面,不清緩存,訪問其實還是舊的業務邏輯。

          打完包之后會有一個index.html,但是這里面的東西通常index.html文件本身很少去做緩存的,所以它里面index.html去上線,上完線之后放到靜態服務器上,就是它。上完之后,這里面外鏈的js是這個版本的。

          比如這次更新完了之后要上線,有可能js變了,后綴名也變了,這時候要去上線。要去上線之后,用戶訪問網頁的時候,加載的index.html里面還是舊的js文件。對于舊的js文件來說,有可能對于遠端的復習上把舊的文件刪掉了,還有可能會導致前面出錯,因為請求不了js了。

          因為上完線之后,js已經刪掉了。這時候一般的方案就是要不就是index.html不做緩存,每次都請求最新的。像首頁沒有緩存,每次刷新頁面都是請求新的,看到沒有?但這種方式不是特別好。

          這種方式怎么做?一般在index.html里面可以加上這樣的請求頭,加上標簽,就是強制不讓它緩存。再一個就是服務是部署在nginx,在nginx里面也可以加上不讓它緩存。但是這種方法還不是最好的。

          一般不管是js這種資源,還是圖片,CSS還是index.html,基本上都會做緩存的。

          比如靜態資源,index.html還是圖片,都會上到cdn服務上,每一次發包的時候,它會把原來的上一個版本的靜態資源留著,也不會去刪除。像會做一個備份,根據日期做一個備份。

          對于用戶來說,這個網站如果用戶沒有清緩存,訪問index.html,那么它里面那種東西還是舊的內容,js文件名也是舊的,但是在這個服務器上,我給它保留備份。

          如果這時候用戶清緩存,或者打包之后,index.html的過期時間已經到了,過期時間到了,它會去請求新的,請求新的就去請求新的js文件,也就是在上線的時候,舊的靜態資源,比如在這個里面的js,都會做備份的。

          但是這樣也有一個弊端,備份的內容會非常多,從二零二年的到現在的二零二四年了,都還在備份當中,因為不知道用戶什么時候去刷新頁面,有可能訪問的是舊的,一般都設置緩存時間的,index.html可能緩存個30天。

          如果面試官在問你的時候,可以以這種方式給面試官聊。


          主站蜘蛛池模板: 日韩熟女精品一区二区三区| 亚洲高清日韩精品第一区| 色狠狠AV一区二区三区| 久夜色精品国产一区二区三区| 亚洲色偷偷偷网站色偷一区| 亚洲V无码一区二区三区四区观看| 日本精品啪啪一区二区三区| 亚洲AV网一区二区三区| 中文字幕人妻AV一区二区| 在线视频一区二区| 无码国产精品一区二区免费模式 | 奇米精品一区二区三区在| 国语对白一区二区三区| 日本一道高清一区二区三区| 亚洲AV成人精品日韩一区| 亚洲欧美成人一区二区三区| 一区二区三区日韩| 精品国产a∨无码一区二区三区| 欧洲精品无码一区二区三区在线播放| 无码喷水一区二区浪潮AV| 免费无码VA一区二区三区| 久久久无码精品国产一区| 久久一区二区明星换脸| 天堂国产一区二区三区| 制服丝袜一区在线| 中文字幕人妻第一区| 国产精品亚洲一区二区三区久久| 五十路熟女人妻一区二区| 国产乱码精品一区二区三区麻豆 | 亚洲欧美日韩一区二区三区在线 | 91久久精品无码一区二区毛片 | 久久国产午夜精品一区二区三区| 亚洲一区二区三区在线视频| 中文字幕在线一区二区三区| 久久精品国产亚洲一区二区| 免费播放一区二区三区| 无码aⅴ精品一区二区三区| 国产亚洲福利精品一区二区| 国产成人精品久久一区二区三区av| 午夜精品一区二区三区在线观看| 久久无码精品一区二区三区|