一些經常使用的前端開發資源

我的整理的一些經常使用前端開發資源，有事沒事多看看，往後不斷更新

css技巧

• Flex佈局 阮一峯 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
• 巧用margin/padding的百分比值實現高度自適應 http://www.javashuo.com/article/p-kkgymigz-ka.html
• 最全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動畫 http://www.javashuo.com/article/p-rhhisgpt-h.html
• css3經常使用動畫的實現 http://www.javashuo.com/article/p-dfwiifnu-h.html
• 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 擁有多種上傳方式：HTML五、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系列倉庫都是不錯的，列出了不少學習教程和開源項目