记一次vite项目打包优化

发表于 | 分类于 前端/前端工程

新项目是使用vite作为开发工具的，最近发现vite项目的构建存在一些优化的空间，比如构建时间、构建产物的体积、缓存命中等，经过一番折腾之后达到了还不错的效果，记录一下。

初识shader

发表于 | 分类于 游戏

最近打算学习实现一个水面倒影的游戏场景效果，参考的教程里面用到了shader相关的知识，我好像基本没有任何的3d图形编程基础，于是决定补习一下相关的概念，并在本文记录。

《深入理解SVG》读书笔记

发表于 | 分类于 读书笔记

突然在电子书架上发现了《深入理解SVG》这一本书（已经忘记是什么时候买的了。细想一下，虽然目前在项目中会接触到SVG，但貌似并没有系统学习过相关的知识，决定阅读一下，并补充相关的知识点和笔记。

初识stable-diffusion

发表于 | 分类于 杂项

在过去的几年中，我也断断续续地进行了很多游戏demo的开发，碰到的一个难题就是游戏素材。游戏的核心逻辑代码好像没有那么难写，但游戏原画和动画素材却移植没有什么进展。

今年AIGC非常火热，通过AI可以生成大段的文本内容，也可以生成图片，因此我决定研究一下现在AIGC到什么程度了，以及是否可以用来生产游戏素材图片。

最终，在本文主要整理了stable-diffusion的安装和使用，以及一点点关于AIGC的思考。

windicss使用记录

发表于 | 分类于 前端/CSS

根据windicss的公告，将不再维护新功能，建议迁移到unocss，可以阅读本文最后一个章节，查看低成本迁移过程。

在去年年初写了一篇《关于TailwindCSS的一些思考》，记录了一下我对于原子类框架的看法，却一直没有机会在项目中使用。

最近终于有时间来尝试一下原子类了。经过一段时间深度使用windicss，回头记录一下关于我对原子类框架新的看法（是如何从跃跃欲试到爱不释手的

本文也可以用于windicss入门使用的帮助，记录了大部分刚开始使用原子类框架的前端开发者可能会遇见的问题。

使用ESLint检查JavaScript代码

发表于 | 分类于 前端/前端工程

代码写久了就会形成自己的风格偏好，比如字符串用单引号还是双引号、句末要不要分号之类的，这导致在编码过程中还需要分散一部分精力来维护代码风格。

此外，如果单纯依靠自己的编码习惯，则在不同的时间阶段，写出来的代码风格差异可能会比较大。

那么，有没有什么工具可以将代码格式化成统一的风格呢？

初识区块链

发表于 | 分类于 杂项

区块链和数字货币已经出来不少年头了，刻意一直没有去了解相关的概念和原理。

最近在看一本小说，里面有个设定提到：数字货币实际上更适合作为人工智能之间的交易系统。

随着今年AIGC的爆发，这个设定貌似有点意思，因此我决定来熟悉一下区块链和数字货币相关的概念。

初识SWR

发表于 | 分类于 前端/前端业务

几年前就了解到在React中通过SWR来发送网络请求，但一直没有机会实践（一直在写Vue的项目）。最近在处理用户体验相关的问题，关于网络请求这堆东西有太多可以说的了，想起了SWR，于是决定整理一下。

开发npm包的一些注意事项

发表于 | 分类于 前端/模块化

在前端开发中，经常会npm install社区的包，有时候也会想要自己编写一些包，提供给别人使用。

本文整理了开发一个npm包的大概流程，以及其中的一些注意事项，包括环境搭建、构建目标、调试、构建和发布等流程。

初识ChatGPT

发表于 | 分类于 杂项

AIGC这么火热，了解一下？本文主要通过ChatGPT整理了人工智能和GPT相关的很多概念，看完之后，应该能瞥见人工智能的冰山一角。

初识GraphQL

发表于 | 分类于 后端/数据库

GraphQL 是一种 API 查询语言，可以让客户端按需请求需要的数据，避免了 REST API 中的过度请求和响应数据的情况，虽然已经出现不少年份了，但一直没有去尝试使用过，最近有空学习了一下，稍作整理。

初识gsap动画库

发表于 | 分类于 前端/动画

在Vue文档的Transition章节发现了介绍的gsap动画库，可以实现高级动画效果，使用了一下发现体验很不错，于是记录一下。

vite项目中的常见问题

发表于 | 分类于 前端/前端工程

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

管理前端项目中的图标

发表于 | 分类于 前端/前端业务

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

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

前端多主题实现及切换方案

发表于 | 分类于 前端/前端业务

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

Android打包相关概念

发表于 | 分类于 客户端/Android

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

前端体验优化之异步数据

发表于 | 分类于 前端/前端业务

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

vite插件实现骨架屏自动化

发表于 | 分类于 前端/前端工程

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

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

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

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

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

video标签常见问题整理

发表于 | 分类于 前端/前端业务

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

前端体验优化之图片加载闪烁

发表于 | 分类于 前端/前端业务

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

1234567891011121314