前端庫集錦

1.響應式nav

http://www.bootcss.com/p/responsive-nav.js/
http://www.bootcss.com/p/responsive-nav.js/demo/
https://github.com/viljamis/responsive-nav.js
複製代碼

2.bootstrap themes 主題樣式

https://themes.getbootstrap.com/products/dashboard
複製代碼

3.pin將某個元素固定在頁面上

http://www.bootcss.com/p/jquery.pin/
https://github.com/webpop/jquery.pin
複製代碼

4.色彩搭配 web安全色

http://www.bootcss.com/p/websafecolors/
http://www.bootcss.com/p/simple-icons/
複製代碼

5.簡單的slider控件

http://www.bootcss.com/p/unslider/
https://github.com/idiot/unslider
複製代碼

6.按鈕的庫，包含各類各樣的按鈕

http://www.bootcss.com/p/buttons/
複製代碼

7.動態顯示navbar

http://www.bootcss.com/p/headroom.js/
https://github.com/WickyNilliams/headroom.js
複製代碼

8.messenger彈框

http://www.bootcss.com/p/messenger/
https://github.com/HubSpot/messenger.git
http://github.hubspot.com/messenger/docs/welcome/
複製代碼

9.stickup 菜單固定

http://www.bootcss.com/p/stickup/
https://github.com/LiranCohen/stickUp.git
複製代碼

10.flat ui 樣式主題

http://www.bootcss.com/p/flat-ui/
複製代碼

11.開放CDN服務

http://www.bootcdn.cn/
複製代碼

12.金數據 數據統計，調查報告

https://jinshuju.net/
複製代碼

13.二維碼生成

http://cli.im/text
複製代碼

14.開發調試發佈錯誤監控上報用戶問題定位

https://juejin.im/post/5939f7e6a0bb9f006b2dd0fc
https://github.com/AlloyTeam/AlloyLever
https://alloyteam.github.io/AlloyLever/
https://alloyteam.github.io/AlloyLever/?vconsole=show
https://alloyteam.github.io/AlloyLever/?vconsole=hide
複製代碼

15.UIkit 所有組件

http://www.getuikit.net/docs/core.html
複製代碼

16.bulma css框架

http://bulma.io/
複製代碼

17.前端開發者指南（2017）

https://juejin.im/post/592faca42f301e006bc791e0
複製代碼

18.html5up響應式網站

https://html5up.net/
複製代碼

19.jquery.poptrox動畫彈出層插件

https://github.com/ajlkn/jquery.poptrox
複製代碼

20.skel 一個用於構建響應式佈局的框架

https://github.com/ajlkn/skel
http://getskel.com/docs
複製代碼

21.加載符

https://preloaders.net/
複製代碼

22.mui框架

http://dev.dcloud.net.cn/mui/
複製代碼

23.vconsole 調控面板

https://github.com/WechatFE/vConsole
複製代碼

24.underscore庫

http://underscorejs.org/
http://www.css88.com/doc/underscore/
複製代碼

25.requirejs

http://requirejs.org/
https://github.com/requirejs/requirejs
複製代碼

26.pinchzoom 多觸摸手勢縮放

https://github.com/manuelstofer/pinchzoom
http://manuelstofer.github.io/pinchzoom/
複製代碼

27.jquery獲取url參數--jquery.query

28.debuggap.js DebugGap IDE已經命名爲VIDE，支持更簡單和更強大的插件系統

http://www.debuggap.com/
http://cnodejs.org/topic/54ff176fc1749396754897e5
複製代碼

29.swiper滑動組件

http://www.idangero.us/sliders/swiper/
複製代碼

30.滑動選擇組件

http://mobiscroll.com
複製代碼

31.iScroll 移動端滾動滑動控件

http://cubiq.org/iscroll-5
複製代碼

32.dcloud hbuild mui

http://www.dcloud.io/
複製代碼

33.模板引擎

https://github.com/olado/doT.git
https://github.com/aui/art-template
複製代碼

34.devextreme

https://js.devexpress.com/
https://github.com/DevExpress/devextreme-angular.git
複製代碼

35.35個響應式網站模板

http://www.oschina.net/news/37002/35-free-and-responsive-website-templates
複製代碼

36.基於 Vue 的 PWA 解決方案，幫助開發者快速搭建 PWA 應用，解決接入 PWA 的各類問題

https://lavas.baidu.com/
複製代碼

37.Angular4 Webpack Starter

https://github.com/AngularClass/angular-starter
https://github.com/yitimo/angular2-demo-yitim
複製代碼

38.iview vuejs ui組件

https://www.iviewui.com/
複製代碼

39.前端博客專一前端開發

http://mk.doufuf.com/
複製代碼

40.A jquery plugin that make a block element scrollable.

https://github.com/amazingSurge/jquery-asScrollable
複製代碼

41.now – Realtime global deployments

https://zeit.co/now
https://zeit.co/oss
複製代碼

42.a multi-screen layout manager for webapps

http://golden-layout.com/
複製代碼

43.分享、推薦 GitHub 上好玩、容易上手的項目

https://github.com/521xueweihan/HelloGitHub
https://github.com/521xueweihan/HelloGitHub.git
複製代碼

44.微信出品的一個高效、強大、跨平臺的 Web 前端開發工做流工具，官網

https://github.com/Tencent/WeFlow
複製代碼

45.SwitchHosts：一個用於快速切換 hosts 文件的小程序，基於 Electron 開發

https://github.com/oldj/SwitchHosts
複製代碼

46.一個可以提供虛擬數據接口的網站

https://www.easy-mock.com/
複製代碼

47.微信web開發者工具：微信小程序官網 一款很好用的小程序編輯軟件

https://mp.weixin.qq.com/debug/wxadoc/dev/
複製代碼

48.開發文檔：微信小程序必備無敵文檔

https://www.w3cschool.cn/weixinapp/9wou1q8j.html
複製代碼

49.如何優雅的在網頁裏使用中文字體

https://laozhu.me/post/cjk-webfont-usage/
http://font-spider.org/
複製代碼

50.前端測試框架 Jest

https://juejin.im/post/597aa518f265da3e345f3262
複製代碼

51.Hammer helps you add support for touch gestures to your page, and remove the 300ms delay from clicks.

http://hammerjs.github.io/
複製代碼

52.epii 模板引擎

https://github.com/epaii/epii.js
複製代碼

53.lazy.js

http://danieltao.com/lazy.js/
http://danieltao.com/lazy.js/docs/
複製代碼

54.lodash 文檔

http://www.css88.com/doc/lodash/
複製代碼

55.Chrome 開發者工具中文文檔

http://www.css88.com/doc/chrome-devtools/
複製代碼

56.代碼錯誤監控

https://fundebug.com/
複製代碼

57.git 評論框

https://github.com/imsun/gitment
複製代碼

58.es2015語法

https://devhints.io/
https://devhints.io/es6
複製代碼

59.前端備忘錄集錦

https://juejin.im/entry/5a0149a9f265da431f4a7999?utm_source=gold_browser_extension
複製代碼

60.JavaScript api

http://overapi.com/javascript
複製代碼

61.devexpress強大的UI組件庫

https://js.devexpress.com/Demos/WidgetsGallery/Demo/PivotGrid/SimpleArray/jQuery/Light/
複製代碼

62.全平臺小程序框架，助力移動開發

https://weidian-inc.github.io/hera/#/
複製代碼

63.divScroll 滾動條

http://www.jq22.com/demo/jQuery-divScroll20160330/
複製代碼