HOHO

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

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

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

Electron + VUE3 + 实现桌面级应用程序前端模板 前言 electron 用的版本是25.6.0 打包工具使用：vite vue版本：3.3.4 虽然是vue...

最近在开发 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 并应用在实际工作中，但是慢慢就发现，用起来好像有点不对劲：令人困惑的合并冲突等等。然后突然发现，诶这套流程好像用起来也不太爽，本文就来聊一...

目前的前端项目中，环境变量一般都是在打包阶段通过静态字符串替换的形式写死到前端代码中的。因此就导致了线上环境的配置一旦变更，就要重新执行整个流水线。有没有方法能解决这个问题...

你知道奇怪的移动视口错误（也称为100vh bug）吗？或者如何以正确的方式创建全屏块？ 一、100vh bug 什么是移动视口错误？ 你是否曾经在网页上创建过全屏元素？只...

chrome 在 115 版本引入了一个新特性叫做 unpartitioned third-party storage，虽然不是什么重大更新，但是却能给你的项目悄悄埋下一个...

密码本可以说是一个非常常见的需求了。 但是想找一个简单好用的密码本却不是什么容易的事，常见的要么是在线服务，需要收费，还时不时传出个密码大规模泄露的问题，就算服务一直稳如老...