各种前端资源汇总「备忘、常逛」【持续更新...】

change log:

　　Generator section (2015-08-29)

　　Generator section (2015-08-31)

　　Generator section (2015-09-09)

　　webpack section(2015-09-26)　　

 

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]

[前端模块管理器简介] 

爱阅读：

[推酷]

 

PS:大家有好的资源也可以留言，帮助我一起收集好的，有质量的资料~~

 

转载于:https://www.cnblogs.com/skylar/p/front-end-resource-javascript.html