初识ChatGPT
| 技术原理
AIGC这么火热，了解一下？本文主要通过ChatGPT整理了人工智能和GPT相关的很多概念，看完之后，应该能瞥见人工智能的冰山一角。
初识GraphQL
| 后端
GraphQL 是一种 API 查询语言，可以让客户端按需请求需要的数据，避免了 REST API 中的过度请求和响应数据的情况，虽然已经出现不少年份了，但一直没有去尝试使用过，最近有空学习了一下，稍作整理。
初识gsap动画库
| 前端
在Vue文档的Transition章节发现了介绍的gsap动画库，可以实现高级动画效果，使用了一下发现体验很不错，于是记录一下。
vite项目中的常见问题
| 前端
开始在个人项目中全量使用vite了，使用了一段时间，感觉开发体验确实很好。本文主要整理了vite项目中的一些常见问题及解决办法。
管理前端项目中的图标
| 前端
前端项目中，图标管理是一个前期容易被忽略，但后期维护比较困难的一个地方，最后得到的结果就是项目中散落着各种各样的图标，也无法轻易移除。
本文决定讨论一下这个问题，在研究了各种前端图标方案后，决定试试逐渐流行起来的 svg 图标组件方案。
前端多主题实现及切换方案
| 前端
随着操作系统支持暗色模式之后，多主题逐渐流行起来，恰好最近在产品内实现了兼容多套主题的方案，于是记录一下
Android打包相关概念
| 移动端
由于只有半调子的客户端开发经验，导致遇见一些环境问题时都需要使用搜索大法挨个试，本文决定整理一下Android 打包过程中的一些概念和流程，方便后续定位问题。
前端体验优化之异步数据
| 前端
在单页应用中，往往需要请求异步数据来渲染页面，开发者需要管理各种数据的加载、loading和异常处理，本文整理了这些场景下常见的问题，以及一些解决方案。
vite插件实现骨架屏自动化
| 前端
骨架屏在SPA应用中有两个显著提升用户体验的作用
- 避免页面初始化加载时的空白，体验介于SSR和完全等待页面初始化完成之间
- 避免部分路由组件需要加载数据完成之后才渲染的空白
骨架屏会给用户一种内容已经返回的错觉，只要稍加等待就能看见完整内容了，因此骨架屏的定位就是真实内容准备好之前的替身。
之前研究过一种快速生成骨架屏的想法：使用Chrome扩展程序生成网页骨架屏，大概原理是通过Chrome扩展程序注入content.js修改页面DOM接口，最终导出带有骨架屏样式的HTML代码。
当时的这个想法并没有在生产中落地，最近在折腾用户体验相关的功能，发现还是有必要继续完善一下骨架屏相关的东西。
video标签常见问题整理
| 前端
梳理笔记时发现了不少关于Video标签的问题，涉及到诸如自动播放、编码错误等问题，也包括背景虚化、视频外部字幕等业务场景，于是统一整理一下。