前端學習借鑑目錄

能夠從這關注實時動態，也能夠fork以後push：https://github.com/jsfront/month

能夠從這查看以往：http://www.kancloud.cn/jsfront/month/82796

• 1. Javascript
• 2. 移動Javascript開發
• 3. Html5
• 4. CSS
• 5. Angular
• 6. React, Webpack
• 7. Vue
• 8. jQuery
• 9. 看書學習
• 10. Git,Github
• 11. 創業 | 職業 | 管理 | 產品
• 12. IDE，編輯器，調試等工具類
• 13. 前端架構及工程化等
• 14. Sass，PostCSS
• 15. 工做 | 協同 | 流程
• 16. Nodejs
• 17. UI
• 18. 性能優化教程
• 19. 面試相關
• 20. mac ios
• 21. php
• 22. 英語
• 23. 其它
• 24. 特別推薦我聯盟羣幾個高手的力做或我的網站

1. Javascript

• 視頻-D2前端技術論壇——2015融合
• 不可錯過的javascript迷你庫
• 測試框架 Mocha 實例教程
• 爲你詳細解讀HTTP請求頭的具體含意
• Markdown解析的js庫simple-markdown
• 若是要用前端框架，開發流程是怎樣的？
• obeject.key與object[key]有什麼區別
• 正確使用Github 的方法是什麼？
• flowchart.js 流程圖插件
• 小tip: 如何讓contenteditable元素只能輸入純文本
• JSNext.fm - 前端技術中文播客節目
• 前端開發：Javascript那些經典書籍你都造嗎？
• GitHub比較受歡迎的框架排名走勢
• How to Learn ES6
• 給 JavaScript 初心者的 ES2015 實戰
• ES7中async/await實現原理是什麼？
• 面向設計的半封裝web組件開發
• 複選框的 CSS 魔法
• 如何評價 JavaScript 和 Ruby 的生態系統目前各自的發展情況？
• 在JavaScript中，是否存在「同步非阻塞」和「異步阻塞」這兩種狀況？
• [譯]成爲 JavaScript 忍者
• 知乎上覆制回答，剪貼板裏自動加上版權出處的技術js如何實現？
• 你真的會使用XMLHttpRequest嗎？
• FastClick 源碼解讀
• RxJS 教程
• 熱炒的前端何時能冷靜下來
• 各大互聯網公司架構演進之路彙總
• JavaScript核心 - 「深刻ECMA-262-3」系列的一個概覽和摘要
• [翻譯] JavaScript Scoping and Hoisting
• 給 JavaScript 初心者的 ES2015 實戰
• Awesomes.cn新增了RSS訂閱源
• Feature.js 各類瀏覽器特性檢測
• 新手上路學習JavaScript引擎實現——路線圖
• JS必定要放在Body的最底部麼？聊聊瀏覽器的渲染機制

 

2. 移動Javascript開發

• 支付寶-移動Web解決方案
• 微信公衆號編輯有哪些實用的小工具？
• WeUI 爲微信 Web 服務量身設計
• 微信 web 開發者工具詳解

 

3. Html5

• H5動效的常見製做手法
• 在線編輯動畫
• 空間秀的發現之旅：Qzone6.0動畫誕生記
• 微信web開發者工具
• 移動端佈局終極解決方案 - hotcss
• 滑屏 H5 開發實踐九問

 

4. CSS

• Twitter "like" 動畫實戰
• Dribbble動畫實驗室之兩把刷子
• 各類css動畫
• CSS代碼重構與優化之路

 

5. Angular

 

6. React, Webpack

1. React 
   
   • React組件的可視化生成器
   • 多React Native項目時依賴管理的最佳實踐
   • 學習Webpack - 阮一峯
   • react有哪些優秀實用的組件？
2. Webpack 
   
   • Webpack 中文指南
   • 如何寫一個webpack插件（一）
   • [譯] 基於 Webpack 和 ES6 打造 JavaScript 類庫
   • webpack指南
   • webpack使用優化

 

7. Vue

• Vue.js 和 Webpack文章系列（一）
• Vue.js 和 Webpack文章系列（二）
• Vue.js 和 Webpack文章系列（三）
• Evan You - Diving Deep into Vue.js

 

8. jQuery

• 文件上傳

 

9. 看書學習

• 在時間管理上，你們有什麼好的心得和方法？
• 互聯網計算機技術方面的入門書籍有哪些推薦
• 【第468期】牛人們有哪些思惟方式值得咱們學習
• 陌生人的哪些事，讓你感觸很深？
• Web開發學習之路是否有盡頭
• 哪些知識技能必定要掌握？
• 怎樣避免成爲伸手黨？

 

10. Git,Github

• 正確使用Github 的方法是什麼？
• 記錄我學github的路程（三）

 

11. 創業 | 職業 | 管理 | 產品

• Babel 做者的年終總結
• 更簡單、更快捷地呈現DEMO原型
• 專訪｜360奇舞團團長@月影
• 怎樣以創業者的心態「打工」
• 怎麼作好互聯網公司的技術團隊負責人？
• 你永遠都沒法叫醒一家裝睡的公司
• 爲何上海出不了一流的互聯網企業？
• 爲何老闆多數是銷售出身，而不是市場出身？
• 大齡程序員怎樣渡過中年危機？
• IT行業都有哪些職位，初學者該如何選擇，纔可以快速進入這個行業？
• 個人前端之路
• 賀師俊（hax）在技術上的積累爲何這麼深厚？學習路線是怎麼樣的？

 

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

• 可多人實時協做在線代碼分享工具 – CodePiple
• Chrome渲染分析之Rendering工具使用(1)
• Chrome渲染分析之Rendering工具使用(2)
• Chrome渲染分析之Rendering工具使用(3)
• Chrome 瀏覽記錄統計
• visual studio code 操做指南
• Chorme 35個開發者工具的小技巧
• 像 Sublime Text 同樣使用 Chrome DevTools
• 如何更專業的使用Chrome開發者工具-w3cplus
• Google Developers-w3cplus
• DevTools-w3cplus

 

13. 前端架構及工程化等

• 全站 HTTPS 來了
• Getting started with gulp
• Gulp 入門指南
• TJ - Frontend Boilerplate
• 架構細節 | 看看 Medium 的開發團隊用了哪些技術？

 

14. Sass，PostCSS

 

15. 工做 | 協同 | 流程

• 番茄工做法
• 如何融入工做？如何看待工做的意義
• 讓思路更清晰——我是怎樣使用思惟導圖的

 

16. Nodejs

• Node.js 源站應用穩定性保障
• node.js能開發大型網站嗎？
• runs Node.js programs through Chromium DevTools
• Node.js 將來會超越 Java 嗎？
• 國內Nodejs 2015彙總
• [Node] - 16年，新 Node 項目注意點

 

17. UI

• Assistor PS 切圖標記外掛神器
• 免費了，切圖標記外掛神器 Assistor PS 深刻解讀(上)
• 免費了，切圖標記外掛神器 Assistor PS 深刻解讀(下)
• 國外有哪些流行的圖片分享網站
• 從零基礎如何自學 UI 設計？
• 超讚！設計師徹底自學指南

 

18. 性能優化教程

• 前端性能優化-基礎知識認知
• 研究首屏時間？你先要知道這幾點細節

 

19. 面試相關

• 面試的時候，如何自我介紹？

 

20. mac ios

• Mac 上最好用的流程圖軟件是什麼？

 

21. php

• PHP框架Laravel仍是Codeigniter？
• PHP7新特性
• PHP7.0新特性
• PHP的框架一般用於小型項目嗎？
• 爲何 Laravel 5 這麼好一個框架，國人都不去用？
• Docker入門實戰 - php羣貓哥推薦

 

22. 英語

• A special issue looking back at the best of 2015
• 在中國，英語流利能給我的帶來多少額外的收益？

 

23. 其它

• 變量命名神器
• SegmentFault 2015 年度精選
• 推薦一個作編程題的網站
• 清明上河圖有哪些不爲人知又很值得品味的細節？

 

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

1. 高級羣 
   
   • bingoJS是一個前端MV*開發框架
   • KODExplorer是一個公開源碼的基於Web的在線文件管理、代碼編輯器
   • 基於javascript和css開發的 Web富文本編輯器， 輕量、簡潔、易用、開源免費
   • WIKE - prototype源碼分析之class.js
   • WIKE - prototype源碼分析之array.js
   • 嶺南才子 - web基礎知識（重點學習和複習）
   • 嶺南才子 - web進階知識點
2. 中級羣 
   
   • 我中級羣小夥一翻譯項目-lodashv4.0.0-pre中文翻譯
   • 就是夢想家 - 像夜鶯在夏天門前徹夜清囀
   • A JavaScript library like React, but uses Web Components.
   • HTML5掃雷遊戲
   • Runner - 做品集
   • underscorejs 學習參考
   • 基於canvas實現UI的H5播放器
   • ZYL的博客
   • low poly風格圖片生成器
3. 初級羣 
   
   • 一個管理系統的前端框架
4. 入門羣 
   
   • Markcook 1.0--簡潔、高效的markdown編輯器
5. 跳板羣 羣號：492107297 
   
   • 從頭開始寫框架(二):孕育框架的種子_上
   • sliceAnimate是一個分動畫的輪播插件