20170124 前端開發日報

論前端如何在后端渲染開發模式下夾縫生存;面向前端的 CDN 原理介紹;一次中大型產品 Web 前端的技術選型過程;Awesome Chrome 插件集錦;從一道面試題談談函數柯里化(Currying);Web端VR開發初探;實現一個類 Vue 的 MVVM 框架;從元素中querySelectorAll可能會得到你想不到的結果

  1. webpack 多頁應用架構系列(十五):論前端如何在后端渲染開發模式下夾縫生存 前言 近年來前端領域發展迅猛,前后端分離早已成為業界共識,各類管控系統(to B)上個SPA什么的也不值一提,但唯獨偏展示類的項目,為了SEO,始終還是需要依賴于服務器端渲染html。 我過往也曾嘗試為SPA彌補SEO,但現在看來,效果雖然達到了,但工作量也大大地增加(因為后端用的PHP,不能做到前后同構)。 ...
  2. #IT技術分享#【面向前端的 CDN 原理介紹】詳見: 本文中,我們將具體的了解下 CDN 以及其工作原理。[哆啦A夢微笑] ???
    面向前端的 CDN 原理介紹
  3. 一次中大型產品 Web 前端的技術選型過程 背景:老產品的基于ExtJS的前端需要配合server端微服務改造重新實現。 先說個人觀點,非常喜歡 Vue,也想在這次技術選型中選擇它,然而發現要說服各種技術人員,從開發人員到管理層,都有不小的阻力——不是阻撓的阻力——是在對于幾個框架都比較陌生的情況下一種選擇困難。對于大型產品開發來說——上百人月的開發周...
  4. Awesome Chrome 插件集錦 子曾曰:“工欲善其事,必先利其器。居是邦也?!薄Z出《論語·衛靈公》;其后一百多年,荀子也在其《勸學》中倡言道:“吾嘗終日而思矣,不如須臾之所學也;吾嘗跂而望矣,不如登高之博見也。登高而招,臂非加長也,而見者遠;順風而呼,聲非加疾也,而聞者彰。假輿馬者,非利足也,而致千里;假舟楫者,非能水也,而絕江...
  5. 從一道面試題談談函數柯里化(Currying)】文章傳送門: ???   歡迎大家再一次來到我的文章專欄:從面試題中我們能學到什么,各位同行小伙伴是否已經開始了悠閑的春節假期呢?在這里提前祝大家雞年大吉吧~哈哈,之前有人說,學面試題不會有什么長進,其實我覺得這個就像是我...
    從一道面試題談談函數柯里化(Currying)
  6. Web端VR開發初探》 隨著硬件和軟件技術的發展,產業界對虛擬現實(VR)用戶體驗產生了重大期望。技術的進步也使我們可能通過瀏覽器借助開放Web平臺獲得這種用戶體驗。這將幫助Web成為創建、分發以及幫助用戶獲得虛擬現實應用和服務生態系統的重要基礎平臺。 ???
  7. 實現一個類 Vue 的 MVVM 框架】文章傳送門: ??? 原文地址:https://gmiam.com/post/evo.html Vue 一個 MVVM 框架、一個響應式的組件系統,通過把頁面抽象成一個個組件來增加復用性、降低復雜性 主要特色就是數據操縱視圖變化,一旦數據變化自動更新所有關聯組件...
    實現一個類 Vue 的 MVVM 框架
  8. #JavaScript#【從元素中querySelectorAll可能會得到你想不到的結果】使用querySelectorAll匹配通配符有時候并不能得到你想要的結果,通過這篇文章你能解讀到更多關于querySelectorAll的查詢節點,是從文檔開始查找符合的內容。...請戳→ #前端開發博客# ???
    從元素中querySelectorAll可能會得到你想不到的結果
  9. 淺談Ajax的優缺點 ??? AJAX?(Asynchronous?JavaScript?and?XML)?是一種交互式動態web應用開發技術,該技術能提供富用戶體驗。完全的AJAX應用給人以桌面應用的感覺。正如其他任何技術,AJAX有它自己的優缺點。下面我列出了一些重要的場景,你在基于web的應用的開發中使用時一定要注意。 AJAX的優點 改善的用戶體驗-?AJAX提供的更豐富的用戶...
    淺談Ajax的優缺點
  10. #前端技術#【精益 React 學習指南】詳見: 這是一本逐步學習 React 的學習指南。你將跟隨作者從簡單到復雜的踏進 React 的世界。這本書正在逐步地撰寫,目前完成了前三章,即 React 的入門知識、React 工程化以及 React 與 Redux 等內容。正在學習 React 的朋友們可以留作參考。 ???
    精益 React 學習指南
  11. 從 webpack v1 遷移到 webpack v2》舊的 loader 配置被更強大的 rules 系統取代,后者允許配置 loader 以及其他更多項。為了兼容舊版,module.loaders 語法被保留,舊的屬性名依然可以被解析。新的命名約定更易于理解并且是升級配置使用 module.rules 的好理由。 (by 眾成翻譯) ???
    從 webpack v1 遷移到 webpack v2
  12. #前端頭條#【使用原生js替換jQuery】考慮到本質上,jQuery只是一個操作DOM的工具,我們不僅要問:如果只是為了幾個網頁特效,是否有必要動用這么大的庫?下面就探討如何用JavaScript標準語法,取代jQuery的一些主要功能,做...請戳→ #前端開發博客# ???
    使用原生js替換jQuery
  13. #前端技術#【移動端全兼容的 Flexbox 速成班】詳見: 在本文中,我們將談談那些不用苦惱“兼容”的移動端 Flexbox 最佳實例。[喵喵] ???
    移動端全兼容的 Flexbox 速成班
  14. Nodejs學習路線圖】本文作者把自己的學習和使用經驗進行歸納總結,分享給大家,希望給新入門Nodejs的同學做一些指引。 (來自: 粉絲日志) ????
    Nodejs學習路線圖
  15. [譯] 服務端渲染性能大亂斗:Vue, React, Preact, Rax, Marko

關注github前端日報 訂閱精彩文章

前端日報欄目數據來自碼農頭條,每日分享互聯網上熱門的前端開發、移動開發、設計、資源和資訊等,為開發者提供動力,如果覺得內容對你有用,記得分享給你的小伙伴。進入碼農頭條查看更多