在我们日常的开发过程中，经常需要打开各种网站来查资料、找灵感、打鱼……今天，就给大家分享一些宝库效率/创造力的网站。这些网站有的可以帮助我们提高效率，有的可以让我们的工作过程更加愉快。本次分享分为以下几个模块，依次介绍：帮助提高效率的在线网站/个人技术帮助提高效率的工具网站/拓展技能树工作累了，找灵感（钓鱼划水？）点子网站小贴士:本文是明源云链前端团队-中办二期内部分享的文章积累。团队正在持续制作中，点击关注不迷路~！在日常的在线网站开发过程中，可能会用到很多工具的一些功能。在电脑上安装过多的软件会影响用户体验，所以一些功能强大的在线网站可以帮你解决这些需求。我们可以利用这些网站来实现在线编程、在线裁剪、在线PPT……在线编程练习。CodePen中有很多成熟的案例。我们前端开发中最常用的Flex布局，有很多属性。当你想快速预习/练习时，可以打开如下图的Flex练习案例，进入实际练习（如下图所示）除了在线练习，我们还可以找到很多现成的案例通过搜索功能获取源码，然后直接使用（如下图所示）。在线IDE——CodeSandbox如果你想在线练习新的Vue3.0，或者刚学Node，又不想在环境搭建上浪费太多时间，那我推荐你使用CodeSandbox。CodeSandbox-https://codesandbox.io/是一个在线IDE，可以快速创建各种沙箱环境，帮助您专注于编程本身（如下图）。快速验证npm包-RunKit最常用的前端包管理工具是npm。想体验一个npm包的API怎么办——先安装，再引用，再运行Node，太麻烦了！RunKit-https://npm.runkit.com/可以帮助您在线运行npm包。我们下面的案例展示了如何快速体验dayjs包（如下图）。从上图可以看出，左边是代码编辑区和运行区，右边是使用文档。OMG，还有比这更好的编程体验吗！用它！在线PS——UUPOOP作为一名前端开发者，基本的切图技巧是必备的技能。在我们日常开发中，有UI小姐姐帮我们切图；但是遇到其他一些情况，可能还是需要自己剪图。如果我们在电脑上装一个PS，会很慢，而且正版的很贵。UUPOOP-https://www.uupoop.com/是一个在线PS网站，集成了PS软件的诸多功能，足以完成日常的切割需求（如下图）。本网站还有许多附加功能，您可以自行探索。彩蛋：明源云链前端团队头像是在线PS剪出来的！在线PPT-Google幻灯片什么？PPT也可以在线编辑吗？没错，GoogleSlides-https://docs.google.com/presentation/u/0/是一个在线PPT制作网站，我们可以快速制作一个PPT模板，然后把PPT分享给同事，然后我们就可以快速创建上协作PPT吧！（如下图）Tips：云链前端团队的一些内部分享也是通过在线PPT生成的。效率提升工具除了在线网站，还有很多工具网站可以帮助前端开发提高效率。接下来，我们就来看看这些网站吧！工具合集——程序员的工具箱在我们的日常开发中，我们可能会经常用到JSON序列化、快速时间戳转换、定时检测……虽然我们可以通过很多浏览器插件和控制台输出来实现，但是有一个网站集成了这些常用的使用过的功能，我们可以通过这些工具快速实现我们的需求。OnlineTools-Programmer'sToolbox-https://tool.lu/是一个完整的程序员工具箱，里面集成了非常多的功能，包括我们最常用的功能，是一个宝藏网站！（如下图）QuickAPI-overapioverapi-https://overapi.com/javascript集成了多种语言的API。大家可以通过下面的列表快速查询，非常适合刚入门的新手。（如下图）快速图片压缩——TinyJPGUI小姐姐给的图片有时候太大了，手机打开太慢了。这时候我们就需要对图片进行压缩。TinyJPG-https://tinyjpg.com/是一个免费的在线图片压缩网站，直接看效果图吧！（如下图）表格快速编辑——TableConvert写过Markdown文档的人应该都知道，表格是最难写的部分；手写过XML的人也知道那是一种怎样的体验……TableConvert-https://tableconvert.com/是一个在线表格编辑网站。它的特别之处在于可以将编辑好的表格快速导出为各种格式。（如下图）快速设计——草稿设计小公司急需前端设计，个人站点需要自己设计。想赚外快，想赚UI钱，怎么办？高定设计-https://www.gaoding.com/是一个拥有大量设计模板（部分免费）的网站，您可以在线拖放设计。一些基本的设计需求基本上可以通过这个网站实现（如下图）。彩蛋：在线PS也是他们的产品。创意网站介绍完在线网站和提高效率的工具后，就到了最令人期待的环节了。让我们介绍一些可以帮助您找到灵感（钓鱼和划船？）的创意网站！配色灵感-nipponcolors日本配色能给人带来小清新治愈的感觉，nipponcolors-https://nipponcolors.com/#yamabuki是一个日本配色网站，拥有上百种日本传统色彩。这个网站最治愈的地方在于，当你点击某个颜色时，整个网站都会变成那个颜色。下面就以非常有名的山吹为例，给大家看看效果。（如下图）当你工作累了，来到这个网站，点击两下。在寻找配色灵感的同时，也可以疗愈身心~动画灵感-Animate.css在开发过程中，我们经常需要加入转场动画，让效果看起来更流畅，所以下面这个动画库就是兼容IE10+不容错过。Animate.css-https://animate.style/是一个用纯css实现的动画库。点击右侧效果，在线体验。（如下图）有了这个库，你就可以成为一个有创意的前端开发者！创意灵感-VantVant-https://vant-contrib.gitee.io/vant/#/zh-CN/button是一个帮助你收集创意灵感的网站，非常好用。（如下图所示）彩蛋：文档中的隐藏点是什么？喜欢解锁隐藏章节！极致体验最后分享两个网站。他们在网站体验的某些方面已经达到了极致。我们可以从他们身上学到什么？nationalgeographiclahautesociete已经结束了，这次宝藏网站的分享来了！如果大家有什么感兴趣的网站（绿色健康），也可以在留言区留言分享。点个赞吧~你的点赞是对作者最大的鼓励，也能让更多人看到这篇文章！团队正在持续制作中，点击关注不迷路~！
