2017年1月前端月報

平日學習接觸過的網站積累，以每個月的形式發佈。2017年之前看這個網址：http://www.kancloud.cn/jsfron...

概況

在線地址：http://www.kancloud.cn/jsfront/month/82796 JS前端開發羣月報

提交原則：

• 技術文章新的爲主。

• 之前的文章，比較經典的也能夠提交。

• 如何提交月報

---

01月份前端資源分享

1. Javascript

• 前端技術體系大局觀

• ES6 Generator介紹

• ES6 適配地址

• 也談JavaScript數組去重

• 這是一篇傻瓜都能看懂的Promises文章！

• ECMAScript® 2017 Language Specification

• 雄辯的 js

• airbnb 編碼規範

• ECMAScript 6 入門

• Standard ECMA-262 5.1 Edition / June 2011

• ECMAScript® 2017 Language Specification

• 深刻淺出ES6

• JavaScript全棧教程

• Ecma Script compatibility table(es適配表)

• ECharts 水球圖 Liquid Fill Chart

• 如何實現一個 LazyMan?

• V8 Object 內存結構與屬性訪問詳解

• 2016 前端開發技術年度最全盤點

• 2017年前端前景如何？

• api開發集合網站

• 在瀏覽器上打造的上傳圖片

2. 移動微信小程序Javascript開發

• fritx - 微信我的號/公衆號相關項目整理 (wechat/weixin/wx)

• sunxuening - 微信我的號/公衆號相關項目整理 (wechat/weixin/wx)

• justjavac - 微信小應用資源彙總整理

• Aufree - 微信小應用資源彙總整理

• 小程序商店

• 有哪些微信小程序值得推薦？

• 微信小程序簡易教程

• 微信小程序會對哪些公司造成衝擊？

• 微信小程序開發入門教程

• 微信小程序開源項目庫集合

• 中國人會對哪些外國人經常使用的 App 感嘆「老外居然有這個需求」？

3. Html5

4. CSS

• CSS3漸變製做花邊

• BEM思想之完全弄清BEM語法

5. Angular

• Angular 2.x 從0到1

• TypeScript 入門教程

6. React, Webpack

• React

  • React Native資源集合

  • React Native 高質量學習資料彙總

• Webpack

  • webpack官方中文版

  • 從 webpack v1 遷移到 webpack v2

7. Vue

• [[vue最新實戰] gank客戶端（vue2 + vue-router2 + vuex +webpack+ es6）新手福利，乾貨多多](https://zhuanlan.zhihu.com/p/...

• Vue2.x:基於Vue2的餓了麼實戰總結

• 2016個人心路歷程：從 Vue 到 Webpack 到 iView

• iView - 一套基於 Vue.js 的高質量 UI 組件庫

• 一個用於快速開發產品的簡潔、優雅、高效的 Vue 組件庫

• Thinking in Vue之一：組件擴展的嘗試

8. jQuery

• 前端分頁插件

9. 看書學習 | 成長 | 寫做

• 程序員怎樣才能寫出一篇好的博客或者技術文章？

• 2016年，你讀過的最好的技術書有哪幾本？

• 2016年書單

• 爲何有人在學習初段效率驚人，而在過了入門階段以後興趣與學習能力都迅速降低？

• 據說2017你想寫前端？

• 一些人平時看起來不怎麼努力，可最後總能得到別人努力後纔有的成績，爲何？

• 如何選購好的鋼筆

• 有哪些頗有格調的鋼筆？

• 高中學生用什麼鋼筆與墨水好？

• 什麼鋼筆適合學生或沒有使用過鋼筆的人？

• 2016年終總結--前端生涯從0到1的過程

• 這就是別人學習高效的緣由

10. Git | Github | SVN | FTP

• Git版本控制與工做流

11. 創業 | 職場 | 管理 | 產品 | 運營

• 如何對開發團隊的人員進行績效管理？

• Medium、YouTube 和產品的那點事兒

• 工做兩三年後，你悟出什麼職場道理？

• 若是不要前端這個崗位了，你能作啥呢？

• 阿里9年，我總結的前端架構演進3大階段及團隊管理心法

12. IDE，編輯器，調試等工具類

• 學會用好 Visual Studio Code

• Visual Studio Code有哪些你經常使用的插件？

• 配置VSCode

• 從Chrome源碼看瀏覽器如何構建DOM樹

• 我眼中的 Electron

13. 前端架構及工程化構建工具等，如：Gulp, Fis, Grunt

• 小型io密集網站如何架構？

• gulp源碼解析（一）—— Stream詳解

• gulp源碼解析（二）—— vinyl-fs

14. Sass，PostCSS

• 從Sass過渡到PostCSS

15. 工做方法 | 協同 | 流程

• 做爲程序員的你，經常使用的工具軟件有哪些？

16. Nodejs

• Node.js 面試問題及答案(2017 版)

• Nodejs應用安全備忘錄

17. UI

• 微信小程序設計指南

• [[譯文] 去形式化——移動設計新趨勢](https://zhuanlan.zhihu.com/p/...

• 設計靈感 | 50 份用戶我的主頁設計

• 百度腦圖工具

• 匿名思惟腦圖工具

• ProcessOn思惟腦圖

• Coggle思惟腦圖

• mockplus

18. 性能優化教程

19. 面試 | 求職

• 職業倦怠與跳槽須知

• 1月前端面試記

20. Mac ios

• MacOS 快捷鍵系列 - 1 - 文本操做

• IINA - 一個現代的 macOS 視頻播放器

• 實現簡易的代碼編輯器

• OS X 系統如何重裝？

• macOS（OS X）有哪些冷門可是一但發現就沒法自拔的軟件？

• 前端打造的mac os

21. Android

• Android 知識梳理

22. PHP

• 爲何大多數PHP框架都沒有實現相似Laravel中隊列的功能？

23. Java

• spring項目，權限管理、系統監控、服務降級、...

• java開源項目收集

24. Python

• Python網絡爬蟲實戰項目代碼大全（長期更新，歡迎補充）

• 從零開始 Python 微信公衆號開發

25. Hybrid App

26. ASP.NET C

• C#異步的世界【上】

• Asp.Net Core輕量級Aop解決方案AspectCore Project 介紹

• 程序集和反射(C#)

• MVC僞一個12306圖片驗證碼

27. Go

• 理解Golang語句中的求值順序

• Golang 的併發與 Erlang、Scala、Node.js 和 Python 的併發模型相比有何特色？

28. 英語

29. 其它

• 影視

  • 有哪些好看的高智商懸疑電影？

• 健康，養生

• 歷史，人文

• 其它

  • 編程之路 ——給初學者的學習建議

  • Excel 有哪些可能須要熟練掌握而不少人不會的技能？

  • 如何有條理地提問

  • Anki資料終極彙總

  • Anki官網（一種輔助記憶工具）

30. 特別推薦我聯盟羣幾個高手的力做或我的網站

1. 高級羣

   • koa2-API-scaffold 基於Koa2的輕量級RESTful API Server腳手架，支持ES6。

   • PowerDesigner Vue+Nodejs+Webpack 相似Powerdesigner功能，管理表、domain 域、表空間等

2. 中級羣

   • 原生js滾動加載插件(無依賴) Scrollload

3. 初級羣

4. 初級2羣

5. 跳板7羣

31. 感謝如下貢獻者

• @雲峯

• @峯子

• @魔芋

• @S1ngS1ng