前端開發常用網站匯總

全手打原創，轉載請標明出處：https://www.cnblogs.com/dreamsqin/p/10954024.html，多謝，=。=~ 

 

工具類

1、瀏覽器兼容性查詢

https://www.caniuse.com/

 

2、RGB與十六進制顏色碼轉換

https://www.sioe.cn/yingyong/yanse-rgb-16/

 

3、圖標庫

https://fontawesome.com/icons?d=gallery

https://icon.52112.com/

https://www.iconfont.cn/

 

4、svg生成圖標

https://icomoon.io/

 

5、Lodash

https://www.html.cn/doc/lodash/#_defaultsobject-sources

 

6、UI設計工具sketch

http://www.sketchcn.com/

 

7、接口管理工具Yapi

https://yapi.ymfe.org/documents/index.html

 

8、時間戳轉換

https://tool.lu/timestamp/

 

9、瀏覽器兼容性測試

https://turbo.net/

 

10、在線編輯工具

https://codepen.io/

 

11、前端開發者社區

https://scotch.io/

 

12、三次貝塞爾函數（cubic-bezier）在線調整

https://cubic-bezier.com/

 

13、HTML、css、js在線編輯預覽（主攻動畫）下面是我的主頁：

https://codepen.io/dreamsqin

 

14、Git常見問題及解決方案

https://github.com/k88hudson/git-flight-rules/blob/master/README_zh-CN.md

 

框架及插件類

1、OpenLayers2 API（官網：https://openlayers.org/）

http://dev.openlayers.org/releases/OpenLayers-2.13.1/doc/apidocs/files/OpenLayers-js.html

 

2、OpenLayers2 example

http://dev.openlayers.org/examples/

 

3、Js動畫庫

http://velocityjs.org/

 

4、html2canvas（對dom進行“截圖”生成帶坐標的canvas副本）

https://html2canvas.hertzen.com/

 

5、數字加載動畫

http://inorganik.github.io/countUp.js/

 

6、數據Mock

http://mockjs.com/

 

7、Vue視圖框架element-ui

https://element.eleme.cn/

 

8、React視圖框架Ant Design

https://1x.ant.design/

 

9、基於Node的Websocket

https://www.npmjs.com/package/ws

 

10、Node進程管理PM2

https://pm2.io/doc/en/runtime/quick-start/?utm_source=pm2&utm_medium=website&utm_campaign=rebranding

 

11、Node版本管理NVM

https://github.com/coreybutler/nvm-windows/releases

 

12、websocket的npm包Socket.io-client

https://github.com/socketio/socket.io-client/blob/master/docs/API.md

 

13、vue的websocket插件Vue-Socket.io（基於Socket.io-client封裝，支持Vuex）

https://github.com/MetinSeylan/Vue-Socket.io/blob/master/README.md

 

14、Chrome擴展程序庫

https://173app.com/chrome-ext