初识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标签的问题,涉及到诸如自动播放、编码错误等问题,也包括背景虚化、视频外部字幕等业务场景,于是统一整理一下。

阅读全文