各种前端资源汇总「备忘、常逛」【持续更新...】
2015-04-19 20:25 大额_skylar 阅读(5700) 评论(26) 编辑 收藏 举报change log:
Generator section (2015-08-29)
Generator section (2015-08-31)
Generator section (2015-09-09)
webpack section(2015-09-26)
Webpack:
[webpack]
[http://www.infoq.com/cn/articles/react-and-webpack]
JS相关:
[javascript标准参考教程] --阮一峰的参考教程,可读性很好,非常不错的
[User Timing API (window performence)]
关注ES6(ES2015):
[ES6 入门]--from 阮一峰
[UnderstandingES6] -- Nicholas Zakas 正在写的书
[ES6 features] --ECMAScript 6 Features 中文版
移动相关:
[mobileTouch]--司徒正美的移动端学习资料
[无线滚动插件] -- 蛮好用,挺流畅
[Hybrid架构下的H5应用加速方案]--十分棒的方案
CSS相关:
[Animate.css]--超棒且直观的css动画
[Animation Generator] -- 集成在chrome中的动画生成器
[40个漂亮又免费的css Table样式]--table有时候还是很有用的~
[css弹出框效果]--都挺好看的
[css基线之道]--你所不知道的css baseline
[BFC详解]--深入理解BFC
[css定位机制之普通流]--了解css的布局机制
[CSS 相对|绝对(relative/absolute)定位系列(一)]
[CSS 相对|绝对(relative/absolute)定位系列(二)]
[CSS 相对|绝对(relative/absolute)定位系列(三)]
[CSS 相对|绝对(relative/absolute)定位系列(四)]
[CSS 相对|绝对(relative/absolute)定位系列(五)]
[cubic-bezier曲线生成] -- 我们在写css动画的时候常用的cubic-bezier曲线,调试生成~
[svg 绘制路径]
[自定义滚动条详解]
[自定义滚动条实例]
NodeJS:
[七天学会Nodejs]--入门教程
[Nodejs+express+mongodb入门教程]
[node-inspector]--nodejs debugger
[knowthen]
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/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/]
React-Native:
[React 入门指南] --阮一峰的React入门指南,简单易懂,有很多demo
[ReactNative布局]--react学起来~
[React Native学习指南]--收集了蛮多学习资料
源码阅读:
工具和手册 :
[caniuse.com]--浏览器的特征检测,覆盖了css,js,html5,svg等等
[ES5.1 standard]--ES标准手册
[css参考手册]
[clip-path maker]--玩转css clip-path属性
[TinyPng]--图片压缩利器
[GitBook]--用GitBook写本书吧~
[http://asciiflow.com/]--程序员画图利器
测试与调试:
[小黄鸭调试法] -- 维基百科说:小黄鸭调试法是软件工程中使用的调试代码方法之一。就是在程序的调试、纠错或测试过程中,耐心地向小黄鸭解释每一行程序的作用,以此来激发灵感。
有内涵的前端网站:
[codrops]--get各种酷炫技能
[http://thecodeplayer.com/]--我们可以看到代码是怎样一行一行写出来的
[http://www.freshdesignweb.com/]--好多很好的效果,很实用,就是加载有点慢...
[http://www.quirksmode.org/blog/]--我在上面看一些移动相关的知识,研究的很仔细
我喜欢的博客:
[阮一峰的网络日志]--有文学气息的程序猿,读书日志我也很喜欢~
[web技术研究所]--每日一篇,值得学习
[小胡子的微分享]--get各种神技巧
[HTML5梦工厂]
[前端观察]
[百度fex]
前端杂谈:
[getting started with gulp]--gulp快速入门指南
[bower]
爱阅读:
[推酷]
PS:大家有好的资源也可以留言,帮助我一起收集好的,有质量的资料~~