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

Posted 2020-07-28

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]

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/]

 

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/]--程序员画图利器