20170222 前端開發日報
12行 JS 代碼 的DoS攻擊分析及防御；2017 年前端工程師應該學習什么；也許是史上最全的前端資源大匯總；6 個值得好好學習的 JavaScript 框架；javascript DOM編程藝術2筆記之數組與對象；前端工程師手冊；Google 是如何開發 web 框架的； Vue 原理解析之 observer 模塊
1. 12行JS代碼的DoS攻擊分析及防御 ??? 有一段12行的JavaScript代碼，可以讓Firefox、Chrome、Safari瀏覽器崩潰，而且還能讓 iphone 重啟、安卓閃退，本文作者對這12行代碼進行了分析解讀并且提出了相應的防御辦法，歡迎大家一同探討。這里有一篇關于這12行js代碼的文章：這十二行代碼是如何讓瀏覽器爆炸的？ ajax 與pjax Ajax即“Asynchronous Javascript And XML...
2. 前端開發 那些事#【 2017 年前端工程師應該學習什么 】詳見： 作為前端攻城獅，2017 年你打算學習什么呢？在本文中，作者將給大家一些推薦，它們會幫助你了解計算機科學中應該學習哪些知識。（譯者：胡子大哈）歡迎朋友們投稿至——>>【前端開發那些事】專輯： ??? 作者：Artem Sapegin 編譯：胡子大哈 翻譯原文：http://huzidaha.com/posts/detail?postId=58aaa33bfc5b7f63e8c23f68 英文原文：https://medium.freecodecamp.com/what-to-learn-in-2017-if-youre-a-frontend-developer-b6cfef46eff...
3. @胡子大哈 在 @稀土掘金 掘金分享： 也許是史上最全的前端資源大匯總 - 最近有很多朋友問有沒有相關的書籍推薦，希望能夠自學一下前端。這里列出了學習前端所需要的，幾乎所有的知識，分享給大家。 ???
6 . 個值得好好學習的 JavaScript 框架 ? 譯者:GHLandy 當一個新手開發者想要學習 JavaScript 時，他常常會被各種 JavaScript 框架所吸引，也幸虧有為數眾多的社區，任何開發者都可以輕易地通過在線教程或者其他資源來學… ???
7. #JavaScript DOM2#【 javascript DOM編程藝術2筆記之數組與對象 】數組數組可用一句話概括，多個數據的儲存；在js中，數組可以用Array聲明、創建。聲明數組的同時可以指定數組初始元素個數，也就是數組的長度（length）:var arr = Arr..
8. #前端技術#【 前端工程師手冊 】詳見： 《前端工程師手冊》一個從基礎到進階的前端學習資料，涉及 HTML + CSS 基礎，JS基礎到進階，前端自動化以及前端面試等內容。[二哈] ???
9. [譯] Google 是如何開發 Web 框架的 by 胡子大哈 作者：Filip Hracek 編譯：胡子大哈 翻譯原文：http://huzidaha.com/posts/detail?postId=58abfab1204d50674934c3a9 英文原文：https://medium.freecodecamp.com/how-google-builds-a-web-framework-5eeddd691dea#.po4mnzs0m 轉載請注明出處，保留原文鏈接以及作者信息 ...
10. #前端技術#【 Vue 原理解析之 observer 模塊 】詳見： observer 是 Vue 核心中的最重要的一個模塊，它能夠實現視圖與數據的 響應式 更新。在本文中，作者將深入的分享關于 observer 模塊的各個方面，幫助你更好的了解它。[喵喵] ??? 本文是針對Vue@2.1.8進行分析 observer是Vue核心中最重要的一個模塊（個人認為），能夠實現視圖與數據的響應式更新，底層全憑observer的支持。 observer模塊在Vue項目中的代碼位置是src/core/observer，模塊共分...
11.【 使用 GitHub Pages 與 Cloudflare 免費托管網站 】用 github Pages托管靜態頁面、純js的single page app；用Cloudflare做DNS解析，免費https。后臺怎么辦？最近流行serverless ：） | 簡評： 原鏈： #灣區日報# ???
12. create-react-boilerplate： 面向 React 技術棧的工程項目腳手架 最近筆者在逐步將之前的項目升級為 Webpack2 + ReactRouter4，同時優化 MobX/Redux 搭配的狀態管理模式，以及將通用組件抽取到 React Storybook 中切向所謂組件驅動開發。對于其中淺薄的工程化的思考可以參考2016-我的前端之路:工具化與工程化,對于模板中配置的詳解參考詳細的從零到一的 React 及其技術棧使用教程]，這...
13. VSCode 拓展插件推薦： 提高 Node 和 Vue 開發效率 by varHarrie 插件列表 Auto Close Tag 自動閉合HTML標簽 Auto Rename Tag 修改HTML標簽時，自動修改匹配的標簽 Bookmarks 添加行書簽 Can I Use HTML5 、 css3 、SVG的瀏覽器兼容性檢查 Code Runner 運行選中代碼段（支持大量語言，包括Node） CodeBing 在VSCode中彈出瀏覽器并搜索，可編輯搜索引擎 Color Highlight 顏色值...
14. IT技術分享#【 《HTTP權威指南》概念手冊 】詳見： 一個關于《 HTTP 權威指南》書籍中每章知識點提煉的列表。你可以跟隨作者的總結來了解，或是重溫這本經典圖書。[哆啦A夢微笑] ???
15. #CSS#【 21條CSS高級技巧 】CSS高級技巧: 21個有用的CSS小技巧，來幫你把CSS技能提高到高級水平 [Github上有8000多個star]。包括Flexbox、 rem 、:not()選擇器、負的nth-child等。 #前端開發博客# ???
16. 如何評價阿里開源的企業級 Node.js 框架 egg ？ 謝 @樸靈 老師邀請。 利益相關： egg 團隊成員，NingJS - JSConf China 2016 的 egg topic 的演講者。 本文較長，包含以下內容，比較忙的同學可以跳閱： Node.js 在阿里的定位 我們面對的挑戰與機遇 egg 在阿里的定位 / 發展史 / 開發者 egg 的...
17. #前端技術#【 Angular2 新人常犯的 5 個錯誤 】詳見： 本文為一篇譯文。在文中，作者將與大家分享新人在使用 Angular2 過程中常觸犯的一些錯誤，讓你有所警醒。 ??? 看到這兒，我猜你肯定已經看過一些博客、技術大會錄像了，現在應該已經準備好踏上angular2這條不歸路了吧！那么上路后，哪些東西是我們需要知道的？ 下面就是一些新手常見錯誤匯總，當你要開始自己的angular2旅程...
18.《 高性能移動端開發 》眾所周知，網頁不僅應該被快速加載，同時還應該流暢運行，比如快速響應的交互，如絲般順滑的動畫…… （by 陳被單 ） ???
19. Jsoup 學習筆記 by code4craft Jsoup是Java世界的一款HTML解析工具，它支持用CSS Selector方式選擇DOM元素，也可過濾HTML文本，防止XSS攻擊。 學習Jsoup是為了更好的開發我的另一個爬蟲框架webmagic，為了學的比較詳細，就強制自己用很規范的方式寫出這部分文章。 代碼部分來自https://github.com/jhy/jsoup，添加了一些中文注釋以及示例...
20.《 微信小程序開發知識點總結 》使用@import語句可以導入外聯樣式表，@import后跟需要導入的外聯樣式表的相對路徑，用;表示語句結束…… （by 故事的小黃花 ） ???
21. #前端頭條#【 chrome如何設置斷點調試 】你是怎么調試 JavaScript 程序的？最原始的方法是用 alert() 在頁面上打印內容，稍微改進一點的方法是用 console.log() 在 JavaScript 控制臺上輸出內容。嗯~，用這兩種土辦法確實解決...請戳→ #前端開發博客# ???
來自：http://caibaojian.com/fe-daily-20170222.html