前端开发常用网站汇总

全手打原创，转载请标明出处：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