提高前端人效率的工具，在线编译（编辑）网站和书籍，playgroundJS代码混淆www.jsfuck.com/嗯，好处就是可以用来恶作剧你的前端工程师朋友，缺点是只能用一个SCSS转CSS在线编译www.sassmeister.com/有时候在写一些复杂的SCSS逻辑的时候，如果遇到不生效的问题，可能需要看看编译出来的CSS是什么codelookslike确认你写的SCSS代码是否正确有问题，在线编译可能是CSS转SCSS更方便的方式www.sass.hk/css2sass/重构项目时可能有用吗？除了转换SCSS，你还可以转换Less、Stylus等，但是转换出来的样式可能和你直接写的不一致。TypeScriptPlayGroundwww.typescriptlang.org/playTypescript官方提供TypeScript在线调试和运行工具。如果遇到一些TS问题（或者点击tscodedemo），可以到这个网站自己写代码，然后发链接（代码改动编码后会动态添加到当前url）给有实力的网友或者各位小伙伴，请他们帮你解决问题，除此之外，它还可以将你在线写的ts代码编译成js、.d.ts等，更多功能你可以多试试，你就知道babel在线编译babeljs.io/repl可以将各种版本的js和ts代码转换成其他低版本的js代码github1sgithub1s.com/github代码仓库路径中https://github后加1s，可以使用编辑器模式去查看源码，比直接在github上看方便多了。Visualonlinetools/otheronlinetools在线正则表达式可视化jex.im/regulex遇到一个复杂的正则表达式，多看几遍可能会掉几根头发，但是有了它，你就可以分析出这个的用途了正则表达式很好。在线Postman需要注册web.postman.co/Alwaysonlineandalwayscool当然，如果你安装了应用程序就不需要了http://tools.jb51.net/tableCanvas背景动画jsrun.net/square/sear...你可以把里面的代码粘贴到你的项目中，就可以实现很炫酷的背景效果！缺点是一般添加这个，笔记本电脑的风扇就会轰鸣。这个网站还有一些其他的工具。您也可以尝试在线配色。自己做配色兼容性查询可以吗用caniuse.com/可以查询一个jsapi或者css属性在各个浏览器各个版本的兼容性，还有QQ浏览器，UC浏览器最有意思的就是JSON转换TS码www.json2ts.com/很好用，可以提高写TS代码的效率，尤其是需要定义接口返回类型的时候，使用就是复制粘贴！CSS代码生成www.cssmatic.com/gradient-ge...可以生成四种CSS代码，gradient,shadow等。Framework/Library/ToolDocumentationUI库如VantVant3，支持Vue3：vant-contrib.gitee。io/vant/#/zh-CN是有赞开发的手机组件库。目前支持Vue2、Vue3、React、微信和支付宝小程序。这个组件库一直都是比较好看的类型。业务组件和有赞的业务相关，比较适合商城（购物）移动端应用AntDesignant.design/这个PC端组件库文档里面的设计原则写得比较好，每个组件都描述了什么时候使用它，让你对“组件”有了更深的理解，提供的设计资源也更加完备。你需要自己处理FlatUI。FlatUI是基于Bootstrap开发的，风格比较好。Layui中文文档镜像站：www.layuiweb.com/JQuery非常好的时代UI库，命令式API，文档中的一些例子没有预览官网已经下线，再见江湖，原官网（layui.com)ElementUIelement.eleme.cn/#/zh-CN来自饿了么前端团队，支持Vue2，也支持Angular和React版本，ElementPlus支持Vue3semidesignsemi.design/zh-CN来自字节跳动抖音前端和UED团队。最近刚刚开源，继续关注TaroUItaro-ui.jd.com/#/docs/intr...来自京东凹凸实验室，基于Taro的跨终端UI库Vuetifyvuetifyjs.com/zh-Hans/int...来自全职开源企业VuetifyWeUIweui.io/微信官方UI库，如果你天天用微信，一定熟悉AntDesign手机版Mobilemobile.ant.design/AntDesign。老版本风格一般，文档体验不是很好。新版本的风格更好了，更新后的文档也更易于使用。图标库字体真棒中文网www.fontawesome.com.cn/IcoMoonicomoon.io/iconfontwww.iconfont.cn/IconParkiconpark.oceanengine.com/officialJSFramework/LibraryVueVue2中文文档Vue3中文文档VueCLIVueDevtoolsVueLoaderVueRouterVuexVueSSRViteReact中文文档ReactRouterRed文档react-reduxcreate-react-appReactNative官方文档ReactNative中文文档Angular.io/sveltesvelte.dev/Tarotaro-docs.jd.com/taro/docs京东的跨端框架，支持Vue2、Vue3、Reactuni-appuniapp.dcloud.io/README来自DCloud，一个基于Vue的跨端框架Three.js中文文档官方文档官方在线示例D3.jsd3js.org/一个非常强大的基于SVG的可视化图形库Cocosdocs.cocos.com/creator/man...跨平台游戏引擎使用Typescript其他ECMA官方文档tc39.es/ecma262/VsCode插件开发中文文档liiked.github.io/VS-Code-Ext...MDNWeb中文技术文档developer.mozilla.org/zh-CN/docs/…WebAPI接口参考在线书籍/文档《ES6标准入门》阮一峰es6.ruanyifeng.com/《浏览器工作原理与实践》blog.poetries.top/browser-wor…《深入浅出 webpack》webpack.wuhaolin.cn/《代码随想录》programmercarl.com/《现代 JavaScript 教程》zh.javascript.info/《前端进阶之道》yuchengkai.cn/《React 技术揭秘》react.iamkasong.com/《Vue 技术揭秘》ustbhuangyi。github.io/vue-analysi…《TypeScript 入门教程》ts.xcatliu.com/《深入理解TypeScript》jkchao.github.io/typescript-…《You-need-to-know-css》lhammer.cn/You-need-to…《CSS Inspiration》chokcoco.github.io/CSS-Inspira…《Three.js教程》www.webgl3d.cn/Three.js/《WebGL教程》www.webgl3d.cn/WebGL/
