前端开发常用网站汇总
<p><span style="font-size: 18px">全手打原创，转载请标明出处：https://www.cnblogs.com/dreamsqin/p/10954024.html，多谢，=。=~ </span></p><p> </p>
<p><strong><span style="font-size: 18px">工具类</span></strong></p>
<p><span style="font-size: 18px">1、浏览器兼容性查询</span></p>
<p><span style="font-size: 18px">https://www.caniuse.com/</span></p>
<p> </p>
<p><span style="font-size: 18px">2、RGB与十六进制颜色码转换</span></p>
<p><span style="font-size: 18px">https://www.sioe.cn/yingyong/yanse-rgb-16/</span></p>
<p> </p>
<p><span style="font-size: 18px">3、图标库</span></p>
<p><span style="font-size: 18px">https://fontawesome.com/icons?d=gallery<br></span></p>
<p><span style="font-size: 18px">https://icon.52112.com/<br></span></p>
<p><span style="font-size: 18px">https://www.iconfont.cn/<br></span></p>
<p> </p>
<p><span style="font-size: 18px">4、svg生成图标</span></p>
<p><span style="font-size: 18px">https://icomoon.io/</span></p>
<p> </p>
<p><span style="font-size: 18px">5、Lodash</span></p>
<p><span style="font-size: 18px">https://www.html.cn/doc/lodash/#_defaultsobject-sources</span></p>
<p> </p>
<p><span style="font-size: 18px">6、UI设计工具sketch</span></p>
<p><span style="font-size: 18px">http://www.sketchcn.com/</span></p>
<p> </p>
<p><span style="font-size: 18px">7、接口管理工具Yapi</span></p>
<p><span style="font-size: 18px">https://yapi.ymfe.org/documents/index.html</span></p>
<p> </p>
<p><span style="font-size: 18px">8、时间戳转换</span></p>
<p><span style="font-size: 18px">https://tool.lu/timestamp/</span></p>
<p> </p>
<p><span style="font-size: 18px">9、浏览器兼容性测试</span></p>
<p><span style="font-size: 18px">https://turbo.net/</span></p>
<p> </p>
<p><span style="font-size: 18px">10、在线编辑工具</span></p>
<p><span style="font-size: 18px">https://codepen.io/</span></p>
<p> </p>
<p><span style="font-size: 18px">11、前端开发者社区</span></p>
<p><span style="font-size: 18px">https://scotch.io/</span></p>
<p> </p>
<p><span style="font-size: 18px">12、三次贝塞尔函数（cubic-bezier）在线调整</span></p>
<p><span style="font-size: 18px">https://cubic-bezier.com/</span></p>
<p> </p>
<p><span style="font-size: 18px">13、HTML、css、js在线编辑预览（主攻动画）下面是我的主页：</span></p>
<p><span style="font-size: 18px">https://codepen.io/dreamsqin</span></p>
<p> </p>
<p><span style="font-size: 18px">14、Git常见问题及解决方案</span></p>
<p><span style="font-size: 18px">https://github.com/k88hudson/git-flight-rules/blob/master/README_zh-CN.md</span></p>
<p> </p>
<p><strong><span style="font-size: 18px">框架及插件类</span></strong></p>
<p><span style="font-size: 18px">1、OpenLayers2 API（官网：https://openlayers.org/）</span></p>
<p><span style="font-size: 18px">http://dev.openlayers.org/releases/OpenLayers-2.13.1/doc/apidocs/files/OpenLayers-js.html</span></p>
<p> </p>
<p><span style="font-size: 18px">2、OpenLayers2 example</span></p>
<p><span style="font-size: 18px">http://dev.openlayers.org/examples/</span></p>
<p> </p>
<p><span style="font-size: 18px">3、Js动画库</span></p>
<p><span style="font-size: 18px">http://velocityjs.org/</span></p>
<p> </p>
<p><span style="font-size: 18px">4、html2canvas（对dom进行“截图”生成带坐标的canvas副本）</span></p>
<p><span style="font-size: 18px">https://html2canvas.hertzen.com/</span></p>
<p> </p>
<p><span style="font-size: 18px">5、数字加载动画</span></p>
<p><span style="font-size: 18px">http://inorganik.github.io/countUp.js/</span></p>
<p> </p>
<p><span style="font-size: 18px">6、数据Mock</span></p>
<p><span style="font-size: 18px">http://mockjs.com/</span></p>
<p> </p>
<p><span style="font-size: 18px">7、Vue视图框架element-ui</span></p>
<p><span style="font-size: 18px">https://element.eleme.cn/<span style="color: rgba(51, 51, 153, 1)"><span style="color: rgba(51, 51, 153, 1)"><br></span></span></span></p>
<p> </p>
<p><span style="font-size: 18px">8、React视图框架Ant Design</span></p>
<p><span style="font-size: 18px">https://1x.ant.design/</span></p>
<p> </p>
<p><span style="font-size: 18px">9、基于Node的Websocket</span></p>
<p><span style="font-size: 18px">https://www.npmjs.com/package/ws</span></p>
<p> </p>
<p><span style="font-size: 18px">10、Node进程管理PM2</span></p>
<p><span style="font-size: 18px">https://pm2.io/doc/en/runtime/quick-start/?utm_source=pm2&utm_medium=website&utm_campaign=rebranding</span></p>
<p> </p>
<p><span style="font-size: 18px">11、Node版本管理NVM</span></p>
<p><span style="font-size: 18px">https://github.com/coreybutler/nvm-windows/releases</span></p>
<p> </p>
<p><span style="font-size: 18px">12、websocket的npm包Socket.io-client</span></p>
<p><span style="font-size: 18px">https://github.com/socketio/socket.io-client/blob/master/docs/API.md</span></p>
<p> </p>
<p><span style="font-size: 18px">13、vue的websocket插件Vue-Socket.io（基于Socket.io-client封装，支持Vuex）</span></p>
<p><span style="font-size: 18px">https://github.com/MetinSeylan/Vue-Socket.io/blob/master/README.md</span></p>
<p> </p>
<p><span style="font-size: 18px">14、Chrome扩展程序库</span></p>
<p><span style="font-size: 18px">https://173app.com/chrome-ext</span></p>
<p> </p><br><br>
来源：https://www.cnblogs.com/dreamsqin/p/10954024.html
頁:
[1]