20170117 前端開發日報

czwaioarpq 7年前發布 | 13K 次閱讀前端技術 JavaScript

高效的 javascript ；Node. JS 面試問題及答案(2017 版)；Webpack 2 終極優化；用 Vue2+Koa1 開發完整的前后端項目；JavaScript 常用積累；使用自記憶函數提高頁面性能；前端開發者的 Chrome extensions/apps；VueCircleMenu

[譯] 高效的 JavaScript by 邊城傳統的 web 頁面不會包含很多腳本，至少不會太影響 Web 頁面的性能。然而，Web 頁面變得越來越像應用程序，腳本對其的影響也越來越大。隨著越來越多的應用采用 Web 技術開發，腳本性能的提升就變得越來越重要。桌面應用程序通常是用編譯器將源代碼轉換為最終的二進制。編譯器在生成最終的應用程序時，可以花費...
#IT職場#【 Node.js 面試問題及答案(2017 版) 】詳見：這篇文章中，作者以面試官的角度分享了一些 Node. js 面試問題，這些問題可以讓你大體了解是否具備 Node.js 開發經驗。那么作為 Node 求職者，你是否能夠很好的應答出來呢？[思考] ???
#前端技術#【 Webpack 2 終極優化】詳見： Webpack 是當下最流行的 JS 打包工具，這得益于網頁應用日益復雜和 JS 模塊化的流行。而 Webpack 2 也增加了一些新特性。在本文中，作者將與大家分享如何用 Webpack 2 優化你的構建，讓它構建出更小的文件尺寸與更好的開發體驗。 ???
全棧開發實戰：用 Vue2+Koa1 開發完整的前后端項目 - 本文從一名新手的角度（默認對 Vue 有了解，對 Koa 或者 Express 有了解）出發，從 0 開始構建一個數據通過 Koa 提供 API 的形式獲取，頁面通過 Vue 渲染的完整的前端項目。原創 by @Molunerfinn ｜閱讀全文 ???
#前端技術#【 JavaScript 常用積累】詳見：一些常用的 JavaScript 代碼片段。或許，你可以留存起來備用。[兔子] ???
使用自記憶函數提高頁面性能 - 閱讀 jQuery 源碼，發現經常用到的一個技巧，自記憶函數只是這個技巧的一個名字，如何使用它，還得看你的理解程度。原創 by @rockjins ｜閱讀全文 ???
【前端開發者的 Chrome extensions/apps 】簡單了解了 extension、app 和 plugin 的概念，再來看看幾款 Chrome 拓展和應用吧。傳送門: ??? 在文章開頭，需要普及一下幾個概念，那就是 Chrome 中的 extension、app 和 plugin，分別是擴展、應用和插件的意思，不能混為一談。 extension(拓展)：在 Chrome 地址欄輸入 chrome://extensions 打開。Chrome 拓...
#開源項目#【基于 Vue 的圓環菜單組件： VueCircleMenu 】詳見： VueCircleMenu 是基于 Vue 編寫的圓環菜單組件，可自定義多種了類型和動畫。旨在追求簡約的風格。喜歡的朋友，不妨來看看。 ???
[英] 我是怎樣用 React 做一個高性能的高仿 Uber 打車移動端頁面 - 作者用 React 做了一個高仿 Uber 頁面，并優化了頁面的打開渲染速度，以及推薦了提高頁面性能的工具。分享 by @江江也叫Glowin ｜閱讀全文 ???
從小程序重力感應 API 到 requestAnimationFrame 探索實現 - 最近做微信小程序的開發時，想做一個靠感知手機方向，使頁面上節點跟隨移動的動畫（即重力感應視差效果）功能。分享 by @xiongwilee ｜閱讀全文 ???
《前端開發自動化單元測試趨勢》時至今日，Web 前端已經發生了巨大的演變，而單頁應用程序也成為了標準。眾多應用程序完成了從 PC 到移動端的華麗轉身，而那些基于 JavaScript 的框架變得更受開發者們歡迎。（by IT程序獅） ???
12個效果奇特的HTML5動畫賞析 ??? 本文將為大家分享12個效果奇特的 HTML5 動畫，HTML5強大的動畫特性可以讓你的網頁變得更加生動和富有活力，交互性也會進一步得到提高。一起來看看下面的這些HTML5動畫案例，沒個案例都提供源代碼下載。 1、HTML5 Canvas 瀑布動畫超逼真這次我們來分享一款很酷的HTML5 Canvas瀑布動畫，瀑布動畫非常逼真。整個瀑布動畫像是...