一些常用的前端开发资源

个人整理的一些常用前端开发资源，有事没事多看看，日后不断更新

css技巧

• Flex布局 阮一峰 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
• 巧用margin/padding的百分比值实现高度自适应 https://segmentfault.com/a/1190000004231995
• 最全Html与CSS布局技巧 https://mp.weixin.qq.com/s/Ex_8nwasu-XQfeKe9oJmEg
• h5开发 css小技巧https://mp.weixin.qq.com/s/b-lDitzkhAp95Nh92XIa9A
• 移动web资源整理 http://www.cnblogs.com/PeunZhang/p/3407453.html
• css3动画 https://www.cnblogs.com/starof/p/4968769.html
• css3常用动画的实现 https://segmentfault.com/a/1190000010640099
• Animate.css https://daneden.github.io/animate.css/
• loaders.css https://github.com/ConnorAtherton/loaders.css

Javascript

• JavaScript MDN
• JavaScript 小技巧及原理详解 https://juejin.im/entry/5934c...
• JavaScript中的this陷阱的最全收集—没有之一 http://segmentfault.com/a/119...
• Javascript秘密花园
• 汤姆大叔
• 阮一峰 es6
• JavaScript Promise迷你书（中文版）
• 帮你彻底搞懂JS中的prototype、__proto__与constructor
• You-Dont-Need-jQuery
• fetch

函数库

• Moment.js JavaScript 日期处理类库 http://momentjs.cn/
• Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库https://github.com/lodash/lodash
• Underscore提供了一套完善的函数式编程的接口，让我们更方便地在JavaScript中实现函数式编程。

七牛

• 七牛图片的基本处理 图片基本处理
• 获取图片平均色调用来制作图片占位背景色 图片平均色调
• 七牛文件上传 文件上传

上传

• webuploader 由百度开发的以HTML5为主，以FLASH为辅的文件上传组件 webuploader
• plupload 拥有多种上传方式：HTML5、flash、silverlight以及传统的input标签上传 plupload

正则表达式

• 正则表达式语法及常用正则 正则表达式语法及常用正则

视频播放器

• Video.js Bilibili开源纯JavaScript编写的FLV播放器 https://videojs.com/
• jPlayer http://www.jplayer.org/

图片类

• 图片压缩：

  • TinyPNG可以将PNG格式图片压缩到小但基本上不会影响图片的质量，tinypng
  • 使用webpack或者gulp将小图转换成database64
  • 智图-图片优化平台 http://zhitu.isux.us

• 图片素材

  • 花瓣网 http://huaban.com/
  • 千图网 http://www.58pic.com/
  • 站酷 http://www.zcool.com.cn/
  • 摄图网 http://699pic.com/
• 生成二维码 http://cli.im
• 生成二维码 qrcodejs vue可以使用 qrcodejs

图标类

• Iconfont-阿里巴巴矢量图标库
• 精美图标搜索 easyicon
• 字体图标生成器，可以编辑生成字体图标文件http://fontello.com/

数据-抓包

• 移动端使用fiddler抓包调试
• 微信fiddle http://www.cnblogs.com/strick/p/4570006.html
• 微信fiddle http://gaoboy.com/article/26.html
• postman, postman是一个 chrome 扩展,提供功能强大的 Web API & HTTP 请求调试
• Mac系统下可以使用Charles抓包 下载地址

视频教程

• 莱卡 http://www.laicar.com/Home/List?key=react
• 慕课网
• egghead https://egghead.io/
• 智能社 - 精通JavaScript开发 http://study.163.com/course/i...

面试小册

• 【半月刊】前端高频面试题及答案汇总
• InterviewMap

算法

• LeetCode

或许你只需要看这个就行了

• 大前端的瑞士军刀 github上有人整理了 大前端的瑞士军刀
• github上awesome系列仓库都是不错的，列出了很多学习教程和开源项目