独立开发变现周刊（第 3 期）
分享独立开发变现相关有价值的内容，每周五发布。
1、3个不错的体验优化
在产品构建中，会遇到很多”空“的情况，这时候应该好好的优化用户体验，而不是白白的浪费掉。这里有3条好的优化建议，看看是不是自己的产品里可以加上呢。
1、这时是让用户采取行动的好时机。
2、搜索的时候给予用户一些提示或者可选择的内容。
3、让用户直接创建不如预设一些模板，让用户更容易前进。
地址：https://twitter.com/d__raptis/status/1395033762711412740?s=19
2、100个CSS加载动画
这里有100个纯CSS实现的加载Loading动画效果，有实际的效果展示，还可以在CodePen上实时编辑查看效果。也许你的下个产品里就用的上它们了。值得收藏的好资源。
地址：https://dev.to/afif/i-made-100-css-loaders-for-your-next-project-4eje
3、rrweb: 像素级还原用户操作
rrweb是一个开放源代码的Web端用户交互重播库，它提供易于使用的API来记录用户的交互并进行远程重播。想象一下，有了rrweb，你就像站在用户的旁边看用户是如果操作你的产品的，是不是很炫酷的一件事。用户的每个输入，每个点击，每个报错，都能像放电影一样重新在你面前播放。这就是rrweb的能力。可以应用在用户行为分析，bug问题收集，分享你的实时操作等。
Github仓库：https://github.com/rrweb-io/rrweb
4、清华大学：经济学原理（全77讲）
这是我在B站上发现的很不错的讲经济学原理的课程。如果你想了解经济学，对世界的经济运行，或身边发生的经济问题有很多困惑的话，这门课程可以帮你解答很多的困惑。也是你想系统学习经济学的一门基础课程。经济就在我们身边，背后的一些规律我们也需要更多的了解。课程比较长，适合系统性的学习。此系列课是原清华大学经济管理学院院长钱颖一团队的《经济学原理》，课程录制时间从2009年跨度到2015年。
地址：https://www.bilibili.com/video/BV1Nb4y1d7AB?p=2
5、Roadmaps: 技术提升路线图
前端、后端、Android、DBA等的技术路线图，类似于思维导图的展示方式，对于想提升技术的小伙伴还是很有帮助的。对于初学者，可以概览技术路线上的知识点，哪些是推荐学习，哪些是可选的。对于有一定基础的技术同学，也可以查漏补缺，还是可以发现一些有价值的知识点。每个技术路线图也在不断的更新。
6、Draw.io: 画图更方便了
Draw.io是一款实用的免费流程图绘制工具。可以快速的画出各种的流程、架构图等。支持多平台（网页/Win/Mac/Linux），开源免费，文件存储在本地，也可以选择存储位置。有VS Code的扩展插件，可以方便的集成到项目里。
7、Slidev: 轻松用Markdown写出幻灯片
一个可以通过Markdown语法，实现幻灯片效果的框架。目前在公开Beta阶段，基于Vue3开发的。有不同的风格可选，可以导出为不同的文件格式，有VS Code的集成插件。
技术栈的实现有：Vite、Vue 3、Windi CSS、Prism、RecordRTC、Mermaid
Githu仓库：https://github.com/slidevjs/slidev
8、Patchwork: 更漂亮的整理你的收藏
帮助你从网络上收集和整理一些信息，可以将视频，音频，网站和文字注释保存到您自己的收藏夹中，整理成精美的主题集合。方便自己日后的查找和分类整理。有Chrome浏览器插件和网站结合使用效果更佳。插件负责采集，网站负责展示。
