HOHO

🚀 Vue 3 + View Transition 打造丝滑的换肤动效 在现代 Web 应用里，「深色模式」已经成了标配。但大多数项目的切换主题还是“闪一下”，用户体验不...

上一篇文章中我们讲了下如何给简单的前端项目提供 PWA 支持。 本篇讲一下在遇到比较高级或者复杂的需求时如何进行 PWA 适配。...

本篇文章咱们就来正式了解下怎么使用 vite-plugin-pwa 来给前端项目添加 PWA 能力，同时本文也会一并介绍 PWA 相关的细节、原理、怎么调试、以及需要提前做...

在上一篇文章 PWA 开发指南中我们介绍了如何最快的接入 PWA 应用。这一篇我们就来聊一聊 PWA 中的核心技术：Service Worker。以及现代化前端项目中围绕着...

PWA 这个技术想必大家都听说过，一个可以把浏览器中的网站转化成桌面端应用的功能。 但是你了解其中的机制么？你曾经遇到过难缠的缓存问题而解决不了么？本系列文章就带你全面解读...

灰度发布是产品质量保障的重要一环，它可以让某次更新的产品，以一种平滑，逐步扩大的方式呈现给用户，从而减少线上问题的影响范围；本文讲解了针对前端的几种灰度方案，尤其是纯前端的...

大家好呀，我是 HOHO。 不知道你之前有没有接触过这种需求，实现一个下面这样的背景： 一层毛玻璃，然后后面有一些渐变的色块动来动去。这种效果大家应该都比较熟悉，之前有段时...

热门开源项目清一色的抛弃了Pascalcase文件命名？Kebab烤肉串文件命名风格成为主流。看完本文答应我，All in Kebab好吗？...

最近在开发 AGIC 应用的时候遇到了一个 React Markdown 相关的性能问题，由于 md 很常用，所以这里记录一下解决方案，并且借此机会讲一下如果遇到类似的问题...

大家好呀，我是 HOHO，这期咱们继续来讲 AI 应用中一个比较新颖的需求 “实时语音聊天”。 需求 & 效果 这个需求在去年就已经出现了一些 demo，然后在 GPT-4...

之前写过一篇 前端项目使用 docker 环境变量配置 - 万字完全指南。里边详细介绍了如何把前端镜像完全做成可配置的模式。但是有同学和我私聊说自己的项目里已经有了获取环境...

使用模型分析文章并生成大纲、根据目标拆解成思维导图，这些需求都离不开思维导图展示、编辑和 AIGC 的结合。这篇文章就来讲一下前端方面如何实现这个需求。...

AIGC 的一个很常见的需求，就是用户给出文案内容然后模型生成对应的推广配图。这篇文章就来讲一下前端方面如何实现这个需求。...

最近一直在负责公司 AI 平台的开发，也接触到了很多意想不到的落地应用需求，比如思维导图生成、封面图生成、realtime 实时聊天等等。网上相关的资料又比较少，一开始需求...

众所周知，高度在设置成auto关键词时是不会触发transition过渡动画的，下面是伪代码 效果如下 如果希望展开时有过渡动画，例如这样 通常是借助 JS 动态去获取元素...

用过 Vue 的童鞋都知道 Vue 官方自带了 `Keep-Alive` 组件，它能够使组件在切换时仍能保留原有的状态信息，并且有专门的生命周期方便去做额外的处理。该组件在...

在前端想要处理和 PDF 相关的需求，那 pdf.js 基本可以算是唯一的选择，但是 pdf.js 的使用方式和普通的 npm 包又有不小的区别，在摸索上手阶段需要耗费不少...

最近看到有小伙伴发了一个小米 SU7 的展示网页，那是相当的酷炫。花了几天功夫，我将上面的特效给还原了出来。...

很多人都觉得当个面试官很简单，只需要随便找点题问问，顺便 pua 一下面试者就可以了。但想当一个合格的面试官，还想圆满完成面试的任务，其实还是有一定难度的。 如果你是个经常...

很多人都学习过 git flow 并应用在实际工作中，但是慢慢就发现，用起来好像有点不对劲：令人困惑的合并冲突等等。然后突然发现，诶这套流程好像用起来也不太爽，本文就来聊一...