前端資源連接彙總

最近老是逛到很好的博客園前端知識，總結一下把連接發佈出來，方便往後查詢（持續更新）

Webpack:

[webpack-howto]

[webpack]

[http://www.infoq.com/cn/articles/react-and-webpack]

 

JS相關：

[javascript weekly]

[javascript標準參考教程] --阮一峯的參考教程，可讀性很好，很是不錯的

[QuirksMode-DOM]

[深刻理解JAVASCRIPT系列]   

[User Timing API （window performence）]

 

關注ES6(ES2015):

[ES6 入門]--from 阮一峯

[UnderstandingES6] -- Nicholas Zakas 正在寫的書

[ES6 features]  --ECMAScript 6 Features 中文版

[get started with ES6]

 

移動相關：

[聊聊前端跨平臺開發的各類技術]

[mobileTouch]--司徒正美的移動端學習資料

[手機淘寶可伸縮佈局方案]

[無線滾動插件] -- 蠻好用，挺流暢  

[Hybrid架構下的H5應用加速方案]--十分棒的方案

 

CSS相關：

[Animate.css]--超棒且直觀的css動畫

[Animation Generator] -- 集成在chrome中的動畫生成器

[40個漂亮又免費的css Table樣式]--table有時候仍是頗有用的~

[css彈出框效果]--都挺好看的

[css基線之道]--你所不知道的css baseline

[BFC詳解]--深刻理解BFC

[css定位機制之普通流]--瞭解css的佈局機制

[學習css layout]--css layout佈局

[CSS 相對|絕對(relative/absolute)定位系列（一）]
[CSS 相對|絕對(relative/absolute)定位系列（二）]
[CSS 相對|絕對(relative/absolute)定位系列（三）]
[CSS 相對|絕對(relative/absolute)定位系列（四）]
[CSS 相對|絕對(relative/absolute)定位系列（五）]

[FlexBox很全的指南]  

[cubic-bezier曲線生成] -- 咱們在寫css動畫的時候經常使用的cubic-bezier曲線，調試生成~

[svg 繪製路徑]

[純css實現打地鼠遊戲]

[in-depth understanding css]

[征服高級CSS選擇器]

[how to write effecient css]

[creating style sheets]

[自定義滾動條詳解]

[自定義滾動條實例]

 

NodeJS:

[awesome-Nodejs]

[七天學會Nodejs]--入門教程

[Nodejs 中文版API]

[KOAjs-GitHub] 

[KOA workshop]

[Nodejs+express+mongodb入門教程]

[Nodejs+express+mongodb進階教程]

[HTML轉jade]

[node-inspector]--nodejs debugger

[nodejs koa gulp started]

[knowthen]

[常見的nodejs面試題]

 

RESTful API:

[https://scotch.io/tutorials/build-a-restful-api-using-node-and-express-4]

[http://www.vinaysahni.com/best-practices-for-a-pragmatic-restful-api]

[http://webapplog.com/tutorial-node-js-and-mongodb-json-rest-api-server-with-mongoskin-and-express-js/]

[http://webapplog.com/express-js-4-node-js-and-mongodb-rest-api-tutorial/]

 

Gererator:

[https://strongloop.com/strongblog/node-js-callback-hell-promises-generators/]

[https://strongloop.com/strongblog/promises-in-node-js-with-q-an-alternative-to-callbacks/]

[co 的含義和用法]

[sync 的含義和用法]

[細嗅promise]

[Generator in good use]

 

React-Native:

[React 入門指南] --阮一峯的React入門指南，簡單易懂，有不少demo

[facebook/ReactNative-GitHub]

[ReactNative佈局]--react學起來~

[React Native學習指南]--收集了蠻多學習資料  

[如何評價RectNative]  

[對React Native的一些見解]

[react.js的virtual dom]

[reactjs-first-try]

 

源碼閱讀：

[underscore.js]

 

工具和手冊 ：

[caniuse.com]--瀏覽器的特徵檢測，覆蓋了css，js，html5，svg等等

[ES5.1 standard]--ES標準手冊

[css參考手冊]

[clip-path maker]--玩轉css clip-path屬性

[TinyPng]--圖片壓縮利器

[GitBook]--用GitBook寫本書吧~

[http://asciiflow.com/]--程序員畫圖利器

 

測試與調試：

[小黃鴨調試法] -- 維基百科說：小黃鴨調試法是軟件工程中使用的調試代碼方法之一。就是在程序的調試、糾錯或測試過程當中，耐心地向小黃鴨解釋每一行程序的做用，以此來激發靈感。

[編寫可測試的javascript]

 

有內涵的前端網站：

[codrops]--get各類酷炫技能

[http://thecodeplayer.com/]--咱們能夠看到代碼是怎樣一行一行寫出來的

[http://www.freshdesignweb.com/]--好多很好的效果，很實用，就是加載有點慢...

[http://www.quirksmode.org/blog/]--我在上面看一些移動相關的知識，研究的很仔細

[css-tricks]

 

我喜歡的博客:

[阮一峯的網絡日誌]--有文學氣息的程序猿，讀書日誌我也很喜歡~

[web技術研究所]--每日一篇，值得學習

[小鬍子的微分享]--get各類神技巧

[taobao ued blog]

[http://www.alloyteam.com/]

[HTML5夢工廠]

[前端觀察]

[百度fex]

 

 

前端雜談：

[git style guide-git最佳使用實踐]

[chrome開發者技巧]

[代碼質量ESLint]  

[grunt新手一日入門]

[getting started with gulp]--gulp快速入門指南

[用js給圖片加水印]

[關於polyfills] 

[polyfills和shim的區別]

[rgb顏色與16進制顏色的轉換]

[30天學習30種新技術]

[bower]

[前端模塊管理器簡介] 

愛閱讀：

[推酷]