1月份前端資源分享

更多資源請Star：https://github.com/maidishike...

文章轉自：https://github.com/jsfront/mo...

1月份前端資源分享

1. Javascript

• 視頻-D2前端技術論壇——2015融合

• 不可錯過的javascript迷你庫

• 測試框架 Mocha 實例教程

• 爲你詳細解讀HTTP請求頭的具體含意

• Markdown解析的js庫simple-markdown

• 若是要用前端框架，開發流程是怎樣的？

• [obeject.key與object[key]有什麼區別](http://segmentfault.com/q/101...

• 正確使用Github 的方法是什麼？

• flowchart.js 流程圖插件

• 小tip: 如何讓contenteditable元素只能輸入純文本

• JSNext.fm - 前端技術中文播客節目

• 前端開發：Javascript那些經典書籍你都造嗎？

• GitHub比較受歡迎的框架排名走勢

• How to Learn ES6

• 給 JavaScript 初心者的 ES2015 實戰

• ES7中async/await實現原理是什麼？

• 面向設計的半封裝web組件開發

• 複選框的 CSS 魔法

• 如何評價 JavaScript 和 Ruby 的生態系統目前各自的發展情況？

• 在JavaScript中，是否存在「同步非阻塞」和「異步阻塞」這兩種狀況？

• [[譯]成爲 JavaScript 忍者](http://pengisgood.github.io/2...

• 知乎上覆制回答，剪貼板裏自動加上版權出處的技術js如何實現？

• 你真的會使用XMLHttpRequest嗎？

• FastClick 源碼解讀

• RxJS 教程

• 熱炒的前端何時能冷靜下來

• 各大互聯網公司架構演進之路彙總

• JavaScript核心 - 「深刻ECMA-262-3」系列的一個概覽和摘要

• [[翻譯] JavaScript Scoping and Hoisting](https://segmentfault.com/a/11...

• 給 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 類庫](https://github.com/cssmagic/b...

   • 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 項目注意點](https://github.com/gf-rd/blog...

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 年度精選

• 推薦一個作編程題的網站

• 清明上河圖有哪些不爲人知又很值得品味的細節？

• 想寫個 App 練手，有什麼有趣的 API 接口推薦嗎？