靜態(tài)刷新精品文章

• 

  Express結(jié)合Webpack的全棧自動(dòng)刷新

  ...最流行的模塊加載器（module bundler）。一方面，它為前端靜態(tài)資源的組織和管理提供了相對(duì)較完善的解決方案，另一方面，它也很大程度上改變了前端開發(fā)的工作流程。在應(yīng)用了webpack的開發(fā)流程中，想要繼續(xù)自動(dòng)刷新的爽快...

  Simon 2019-08-21 13:30 評(píng)論0 收藏0
• 

  [ 前端實(shí)習(xí)日記 ] 構(gòu)建靜態(tài)頁面基礎(chǔ)架構(gòu)

  以前我們敲靜態(tài)頁面都是寫好html，css, js，然后再去刷新瀏覽器，艾尼馬又不行，有重新寫過再刷新，一個(gè)頁面下來按chrl+r的次數(shù)可讓你的鍵盤多活好幾天，要不會(huì)刷新快捷按鈕那不得手殘了都。 后來，grunt,gulp等工具應(yīng)...

  lidashuang 2019-08-21 10:35 評(píng)論0 收藏0
• 

  緩存的故事

  ...天按照Node.js中文社區(qū)上的教程，用Node.js搭了一個(gè)簡(jiǎn)單的靜態(tài)文件服務(wù)器，其中有一個(gè)功能是提供緩存支持，在實(shí)踐這一部分的過程中，我重新學(xué)習(xí)了緩存的相關(guān)知識(shí)，在這里作簡(jiǎn)單的梳理。 關(guān)于緩存的相關(guān)介紹，網(wǎng)上有不少...

  Scholer 2019-08-06 13:14 評(píng)論0 收藏0
• 

  Angular2 網(wǎng)站 SEO 攻略

  ...的 SEO 方案。本文將重點(diǎn)介紹此方案。 使用 phantomjs 生成靜態(tài)頁，再配置 nginx 在爬蟲訪問時(shí)提供靜態(tài)頁中的內(nèi)容。實(shí)測(cè)稍微復(fù)雜一點(diǎn)的頁面用 phantomjs 生成靜態(tài)頁時(shí)會(huì)報(bào)錯(cuò)。本文將只簡(jiǎn)單介紹生成首頁靜態(tài)頁的方法。 使用 prerend...

  niuxiaowei111 2019-07-25 14:15 評(píng)論0 收藏0
• 

  webpack 從入門到上線

  ... output: { // 輸出到哪個(gè)目錄 path: ./asset/dev/, // 靜態(tài)資源的引用路徑 publicPath: /asset/dev/, // 實(shí)例最終輸出的名字 filename: [name].js } }; 運(yùn)行 運(yùn)行 webpack 命令，進(jìn)行打包。 $ webpack 然后，搞定了，此時(shí)用瀏覽器打...

  Yumenokanata 2019-08-20 10:22 評(píng)論0 收藏0
• 

  前端靜態(tài)資源緩存最優(yōu)解以及max-age的陷阱

  前端靜態(tài)資源緩存最優(yōu)解以及max-age的陷阱 合理的使用緩存可以極大地提高網(wǎng)站的性能優(yōu)勢(shì)，還可以節(jié)約帶寬從而降低服務(wù)器成本。但是很多站點(diǎn)有只弄對(duì)了一半或者一半都沒有，如果是這樣，就完全沒有發(fā)揮出緩存的優(yōu)勢(shì)。...

  FrozenMap 2019-08-06 13:30 評(píng)論0 收藏0
• 

  超簡(jiǎn)單工具puer——“低碳”的前后端分離開發(fā)

  ...新的前端服務(wù)器。特性一覽: 提供一個(gè)當(dāng)前或指定路徑的靜態(tài)服務(wù)器 所有瀏覽器的實(shí)時(shí)刷新：編輯css實(shí)時(shí)更新(update)頁面樣式，其它文件則重載(reload)頁面 提供簡(jiǎn)單熟悉的mock請(qǐng)求的配置功能，并且配置也是自動(dòng)更新。 可用作代...

  Airy 2019-06-28 11:09 評(píng)論0 收藏0
• 

  關(guān)于前后端分離與模板引擎

  ...最終瀏覽器拿到的頁面是服務(wù)器通過模板生成的一個(gè)臨時(shí)靜態(tài)頁面而已。所以，實(shí)際上后端也摻和進(jìn)來了，因?yàn)樗幚砟０?。?dāng)然，一般傳統(tǒng)上的開發(fā)協(xié)作模式有兩種： 一種是前端先寫一個(gè)靜態(tài)頁面，寫好后，讓后端去套模...

  cnTomato 2019-04-23 13:40 評(píng)論0 收藏0
• 

  如何優(yōu)化你的超大型React應(yīng)用 【原創(chuàng)精讀】

  ... 手寫React優(yōu)化腳手架帶項(xiàng)目 react-ssr的源碼 手寫Node.js原生靜態(tài)資源服務(wù)器 跨平臺(tái)Electron的demo 原生瀏覽器環(huán)境： 原生瀏覽器環(huán)境其實(shí)是最考驗(yàn)前端工程師能力的編程環(huán)境，因?yàn)槲覀兦岸舜蟛糠忠婚_始面向?yàn)g覽器編程，現(xiàn)在很多...

  cfanr 2019-08-02 15:36 評(píng)論0 收藏0
• 

  如何優(yōu)化你的超大型React應(yīng)用 【原創(chuàng)精讀】

  ... 手寫React優(yōu)化腳手架帶項(xiàng)目 react-ssr的源碼 手寫Node.js原生靜態(tài)資源服務(wù)器 跨平臺(tái)Electron的demo 原生瀏覽器環(huán)境： 原生瀏覽器環(huán)境其實(shí)是最考驗(yàn)前端工程師能力的編程環(huán)境，因?yàn)槲覀兦岸舜蟛糠忠婚_始面向?yàn)g覽器編程，現(xiàn)在很多...

  codecook 2019-08-26 10:17 評(píng)論0 收藏0
• 

  如何優(yōu)化你的超大型React應(yīng)用 【原創(chuàng)精讀】

  ... 手寫React優(yōu)化腳手架帶項(xiàng)目 react-ssr的源碼 手寫Node.js原生靜態(tài)資源服務(wù)器 跨平臺(tái)Electron的demo 原生瀏覽器環(huán)境： 原生瀏覽器環(huán)境其實(shí)是最考驗(yàn)前端工程師能力的編程環(huán)境，因?yàn)槲覀兦岸舜蟛糠忠婚_始面向?yàn)g覽器編程，現(xiàn)在很多...

  xiguadada 2019-08-30 15:44 評(píng)論0 收藏0
• 

  手拉手，用Vue開發(fā)動(dòng)態(tài)刷新Echarts組件

  ...echarts注冊(cè)成Vue的全局屬性 到此，準(zhǔn)備工作已經(jīng)完成了。 靜態(tài)組件開發(fā) 因?yàn)楸弧禦eact編程思想》這篇文章毒害太深，所以筆者開發(fā)組件也習(xí)慣從基礎(chǔ)到高級(jí)逐步迭代。 靜態(tài)組件要實(shí)現(xiàn)的目的很簡(jiǎn)單，就是把Echarts圖表，渲染到頁...

  justCoding 2019-08-22 15:36 評(píng)論0 收藏0