Shymean_V0.8.0

开始在个人项目中全量使用vite了，使用了一段时间，感觉开发体验确实很好。本文主要整理了vite项目中的一些常见问题及解决办法。

前端项目中，图标管理是一个前期容易被忽略，但后期维护比较困难的一个地方，最后得到的结果就是项目中散落着各种各样的图标，也无法轻易移除。

本文决定讨论一下这个问题，在研究了各种前端图标方案后，决定试试逐渐流行起来的 svg 图标组件方案。

随着操作系统支持暗色模式之后，多主题逐渐流行起来，恰好最近在产品内实现了兼容多套主题的方案，于是记录一下

由于只有半调子的客户端开发经验，导致遇见一些环境问题时都需要使用搜索大法挨个试，本文决定整理一下Android 打包过程中的一些概念和流程，方便后续定位问题。

在单页应用中，往往需要请求异步数据来渲染页面，开发者需要管理各种数据的加载、loading和异常处理，本文整理了这些场景下常见的问题，以及一些解决方案。

骨架屏在SPA应用中有两个显著提升用户体验的作用

• 避免页面初始化加载时的空白，体验介于SSR和完全等待页面初始化完成之间
• 避免部分路由组件需要加载数据完成之后才渲染的空白

骨架屏会给用户一种内容已经返回的错觉，只要稍加等待就能看见完整内容了，因此骨架屏的定位就是真实内容准备好之前的替身。

之前研究过一种快速生成骨架屏的想法：使用Chrome扩展程序生成网页骨架屏，大概原理是通过Chrome扩展程序注入content.js修改页面DOM接口，最终导出带有骨架屏样式的HTML代码。

当时的这个想法并没有在生产中落地，最近在折腾用户体验相关的功能，发现还是有必要继续完善一下骨架屏相关的东西。

梳理笔记时发现了不少关于Video标签的问题，涉及到诸如自动播放、编码错误等问题，也包括背景虚化、视频外部字幕等业务场景，于是统一整理一下。

最近在学习一些前端优化用户体验的方案，想到了在业务中碰到的因为图片加载导致页面撑开闪烁的问题，经过一番研究之后找到了一些可行的方案，于是记录一下。

最近在开发一个个人项目时，使用了npm link引用本地其他目录下的包，碰到了库代码重复打包、Vue版本不一致等问题，最后发现是rollup和node_modules包寻址的问题，稍作记录。

一拖再拖，终于将博客升级到了v0.8.0，主要涉及到底层框架react-vue、服务接口vite ssr、项目管理pnpm monorepo和部署方式docker compose等方面的改动，感觉可以记录一下。