gakei

过年期间在家里没事，把zustand的源码看了一遍，看完后我最大的收获就是TypeScript水平突飞猛进，再去刷那些类型体操题目就变得简单了，下面和大家分享一下zusta...

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

背景 如果您使用过Vue，那么您会知道它具有一个非常好的组件（keep-alive），它可以保持组件的鲜活状态以避免重复渲染。 有时，我们希望列表页面在进入详细信息页面后缓...

六月、七月、八月，有三个月没更技术文章了。 其实我这段时间的经历还挺丰富的。 正好现在还没有睡意，就给大家讲讲最近的故事。 大概四月中旬的时候，有公众号粉丝加我，说想和我做...

Vite已经成为前端工具链的关键。这个构建工具也被SvelteKit采用，它是Svelte的官方应用框架。因此，我认为可以这样说，Vite已经成为Svelte的首选开发工具...

在本文中，我们将深入探讨团队面对项目瓶颈时，为何考虑将开发架构从 Multirepo 迁移到 Monorepo 的决策背后的实际项目经验。同时，我们将分享关于 2024 年...

单纯使用 pnpm 就能实现 Monorepo 项目我们都知道，因为它原生支持 workspace，但是它也依然存在一些缺点，例如： 任务运行策略：虽然 pnpm 支持工作...

盼了好久，最近 Chrome 125终于迎来了CSS 锚点定位的正式支持。这是一个和 CSS 滚动驱动动画一样，足以颠覆整个 Web 开发领域的新特性。有了这个特性，很多以...

一个基于Headless UI组件库的 React UI 组件库shadcn/ui，在一年上涨了 39500 颗星星，它到底是如何实现的呢？...

clone 远程库，git clone 、git clone -b dev 、git clone -b dev --single-branch、git clone --de...

大家都用过组件库，react 流行的组件库有阿里的 ant-design、字节的 semi-design、arco-design 等。 那这些组件库都是怎么打包的呢？ 我们...

它是由Atlassian 公司出品。一个关注性能的拖放库，可用于增强前端用户体验。看Pragmatic这个名字的中文含义：“实用主义的” 就显得与众...

经常接私活或者搭建过一些个人站点或和博客的前端同学应该都深有体会： 缺乏精美的设计和交互会让网站显得平淡无奇！！！ 🌟 感觉个人制作网站超级头疼？？？ 别担心，HTMLr...

原谅我起了一个这么大的标题，当了一回标题党😛 之前一直做B端系统，针对线上错误引入了 sentry 来收集错误日志，一开始还能盯着告警邮件，后面告警越来越多就选择性忽视了...

一. 引言 自webpack5发布以来，推出了很多全新的特性，其中最主要的就如下三点： ① 可持续性缓存--通过cache配置可实现首次构建后一直保存缓存。 ② 真正意义上...

import React from 'react' 和 import * as React from 'react' 的区别 创建一段测试代码: 使用ts默认编译配置（ts...

前端有很多小而美的库，接入成本很低又能满足日常开发需求，同时无论是 npm 方式引入还是直接复制到本地使用都可以。 2024年推荐以下小而美的库。 radash 实用的工具...

背景 由于业务需要，本人需要在某应用中增加菜单，在页面上直接展示另外两个应用，并且要求登录信息共用，一番衡量过后决定使用qiankun实现。(注：本文主要记录一次从开发到部...

最近负责的新项目用到了qiankun，写篇文章分享下实战中遇到的一些问题和思考。 示例代码： https://github.com/fengxianqi/qiankun-e...