摘要:為了提升網(wǎng)站性能,有效利用緩存能夠提升用戶體驗(yàn),提高訪問(wèn)效率。同時(shí)不要忘記給文件名加上指紋,以便及時(shí)更新改動(dòng)同樣設(shè)置為年后到期,但標(biāo)記為,因?yàn)樗赡軙?huì)包含某些用戶私人數(shù)據(jù),這是不應(yīng)緩存的。圖像緩存時(shí)不包含版本或唯一指紋,并設(shè)置為天后到期。 前言 由于項(xiàng)目越來(lái)越大,即使了使用代碼壓縮工具減少文件大小,js文件還是不可避免的越變?cè)酱?。而?duì)于用戶來(lái)說(shuō)每次重新下載都有可能會(huì)消耗大量時(shí)間,讓我們...
摘要:首先看下的代碼編譯前刪除之前編譯生成的靜態(tài)資源首先需要改的是入口文件,因?yàn)槭嵌囗?yè)面應(yīng)用,需要多個(gè)入口文件來(lái)保證打包成不同的。 一.項(xiàng)目簡(jiǎn)介 ? ? 本項(xiàng)目使用vue作為前端框架,thinkJs作為后端框架,構(gòu)建個(gè)人博客網(wǎng)站,頁(yè)面分為博客展示和后臺(tái)管理,主要目的是學(xué)習(xí)使用thinkJs?,F(xiàn)在只完成了主要的博客增刪改功能,發(fā)現(xiàn)webpack的配置遇到了一些坑,這里先記錄下。項(xiàng)目目錄結(jié)構(gòu)如下...
摘要:顧名思義,意味著增長(zhǎng),用于控制的尺寸的伸展。與相對(duì)的是,用于控制子元素尺寸超過(guò)后,對(duì)子元素的壓縮。壓縮后的的寬度分別為,所以相比于初始寬度被壓縮掉的寬度分別為,,與的值成反比。 基本介紹 特點(diǎn) flexbox是一種css display類型,提供一種更簡(jiǎn)單高效的布局方式; flexbox可以對(duì)元素相對(duì)于父元素、兄弟元素進(jìn)行定位、控制尺寸、控制間距; flexbox對(duì)響應(yīng)式有很好的支持...
摘要:我進(jìn)行了手機(jī)端和電腦桌面端的操作系統(tǒng)及瀏覽器的統(tǒng)計(jì)。瀏覽器網(wǎng)頁(yè)占用內(nèi)存少,較安全所以是國(guó)內(nèi)外瀏覽器的首選。具體如下最后,領(lǐng)導(dǎo)語(yǔ)重深長(zhǎng)地開(kāi)導(dǎo)我說(shuō),不同瀏覽器及其不同版本對(duì)網(wǎng)頁(yè)頁(yè)面的顯示也有一些差異。這些只是對(duì)前端的初步了解。 我是一個(gè)前端初學(xué)者也是愛(ài)好者,剛來(lái)到一個(gè)企業(yè)從事一份前端工程師的工作,對(duì)于頁(yè)面的酷炫及動(dòng)態(tài)交互性,我充滿了無(wú)限的好奇與喜歡,感覺(jué)探索前端語(yǔ)言就像在探索一個(gè)新世界一樣...