个人整理的一些常用前端开发资源,有事没事多看看,日后不断更新
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/
Javascript
JavaScript MDN
JavaScript 小技巧及原理详解 https://juejin.im/entry/5934c…
JavaScript 中的 this 陷阱的最全收集—没有之一 http://segmentfault.com/a/119…
Javascript 秘密花园
汤姆大叔
阮一峰 es6
JavaScript Promise 迷你书(中文版)
帮你彻底搞懂 JS 中的 prototype、__proto__与 constructor
函数库
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
数据 - 抓包
移动端使用 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 系列仓库都是不错的,列出了很多学习教程和开源项目