薛定谔的

前言 昨天刷推发现 tsdown 加入了 Unbundle Mode，其核心在于保持源码目录结构与输出目录结构一致。例如，假设你的项目有以下文件结构：src/index.t...

> 于水增 ## 故事背景 事情起源于之前做的海报编辑器，自己调试时无意中发现字体渲染好慢，第一反应就是网怎么变慢了，断网了？仔细一看才发现，淦！这几个字体资源咋这么大，难...

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

我想做过vue的同学都知道keepalive是什么吧，就是把那些加载过的组件存到缓存里面，即使页面切换了，组件已经销毁，但是在缓存里面的组件依旧在，等下次用户用到这个组件的...

官方真的不推荐 Enum 了吗？ 甲级战犯 Enum 出列！起因是看到 科技爱好者周刊里面推荐了一篇文章，说是官方不再推荐使用 enum 语法，Enum 是老问题了，莫非这...

大家好，我是一名前端开发工程师，属于是没有赶上互联网红利，但赶上了房价飞涨时代的 95 后社畜。2024 年 3 月份我做了个决定，即使已经失业半年、负收入 10w+ 的如...

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超...

动画在前端产品中是很重要的，它能增强用户体验，提升信息传达效果，还能塑造品牌形象。在数据产品中，精心设计的动画，可以直观地呈现复杂数据和信息，突出关键数据变化趋势，给用户深...

老婆：难道你不能将机构的pdf的试卷，转换成驾考宝典一样的刷题程序吗？ 我：女人你成功引起了我的注意，安排！巴啦啦能量，nodejs给我力量！...

fabric.js 实现商品定制预览效果的四种思路，简单的对产品进行颜色、图片的修改后，直接下单，获得自己独一无二的商品。...

我们经常会在博客、文档中看到类似这样的侧边导航目录，例如 这种导航也被称为“电梯导航”（当然可能还有其他叫法，知道是这个交互就行）。它会随着内容的滚动而自动切换当前选中态，...

vite 是新兴的构建工具，它相比 webpack 最大的特点就是快。 那它是如何做到这么快的呢？ 因为 vite 在开发环境并不做打包。 我们创建个 vite 项目： 安...

Visual Studio Code 是由微软开发的一款开源的代码编辑器，它有了一个丰富的插件市场，提供了很多实用的插件。本文就来分享 2024 年开发必备的 VS Cod...

什么是 hero component 我们经常见到这种 hero component，在视觉上占据了整个视口的宽度和高度。比如特斯拉的官网： 如何实现一个 hreo com...

我在简历上写了精通 H5，结果面试官上来就问： 同学，你说你精通 H5 ，那你能不能说一下怎么实现 H5 秒开？...

在前段时间的一次面试中，被问到了一个如标题这样的问题。要想好好地去回答这个问题，这里牵扯到的知识点也是比较多的。 那么接下来这篇文章我们就一点一点开始引出这个问题。...

大家好，我卡颂。 前几天，Angular之父Miško Hevery和Dan在推上发生了一段有趣的对话，对话背景大概是： 传统SSR（服务端渲染）场景下使用的技术叫Hydr...

现在用 `react` 开发离不开各种 `hooks`。学习各种 `hooks` 的工具库，有助于我们更好的使用和理解 `hooks` 。...

最近写了一个 Prettier 插件，可以达到这样的效果： 同事每次保存代码的时候，import 语句的顺序都会随机变。 但是他去 prettier 配置文件里还啥也发现不...