2021.4.3

最近一段时间遇到了很多问题，也学到了很多零碎的知识。

完成了两个新的个人项目vhxubo/websites和vhxubo/website-navigation。 很久之前就想完成整个项目，但是之前一直因为不懂怎么去做，现在做出来了。 做出来的确没有花很长时间，但是后面逐步的优化挺浪费时间和精力的。

个人项目遇到的问题

• TypeScript运用不熟练，对interface和type的定义依旧不清晰
• 对async函数的使用
• Vue3中响应式数据的处理
• 如何实现好看的黑暗模式，以及黑暗模式的优化
• 很多以往遇到过的问题，在最近遇到很熟悉但是依旧不知道如何解决
• Promise.all() Promise.any() Promise.allSettled() 等函数在项目中的使用方案
• axios在访问接口时应该提前做好url编码
• v-if和v-show在图片资源切换时的选择
• 对scroll事件的监听
• 对项目的优化

学习到的东西

• npm scripts的使用与编写，总结下来还是配合着bash命令好用，powershell真的太难用的，虽说有一定的语义化。。
• 最近又重新温习了bash、vim、C++等内容，好像每到这个时候又会重新去学习一下，总之在日常中还是用的太少了
• 学习了docker的打包和部署，总体挺不错的，就是打包处理体积挺大的
• 学习了GitHub Actions，在一定情况下，挺好用的，很方便
• 学习了一点php知识，php入门也挺简单的，在小项目上有很大的优势，就是我不清楚php的环境配置到底怎么搞会比较简单

笔记

实现黑暗模式的方法

使用local Storage存储一个theme变量，同时监听系统对黑暗模式的运用，window.matchMedia('(prefers-color-scheme: dark)').matches

对Vue3响应式的探索

ref的异步操作还是需要使用watch，watchEffect进行监听数据的变化，不然在setup里面根本得不到数据，因为在获取数据的时候，它可能还没有得到结果。

总结

每次遇到问题就很难受，但是问题解决之后，好像它又没有那么难了。。。选择性遗忘？

想做一个类库，但是总是没有机会去学习，哎