稀饭不想说话

一个轻量级的 JavaScript 库，帮你轻松实现 「中文 + 拼音」的模糊搜索，支持全拼、缩写、混合输入，还能定位匹配位置，方便做高亮显示。...

前言 前几天看到 Rspack 团队宣布即将支持 using 声明， 今天我们来看看 using 的神奇用法！ 往期精彩推荐 Node.js v24.6.0 新功能速览 原...

实现定高、不定高的瀑布流虚拟列表组件，分享实现过程和思路，实现小红书首页的瀑布流虚拟列表效果并进行计算加载优化。...

从零搭建 Vite + React + Tailwind CSS 项目，省去一个个官网去查阅文档，旨在方便快速丝滑的创建项目。 项目中涉及到 pages 页面自动生成路由、...

引言 在当今的互联网时代，我们每天都会接触到各种各样的网页布局。其中，瀑布流布局（Waterfall Layout）作为一种独特而优雅的展示方式，已经成为现代Web设计中不...

我们发现：中文社区缺乏系统性跟踪海外一手前端动态的内容。而国外像 Medium、Smashing、LogRocket、WebKit Blog 等一线平台，每周都在迸发新洞见...

瀑布流详解：从原理到实战，手把手教你用代码实现 你有没有在小红书、Pinterest 或淘宝“猜你喜欢”页面看到过这样的效果： 图片大小不一，但排列得整整齐齐，像瀑布一样从...

前言: 上一篇介绍了微信小游戏，匠心千游的发展历程。目前匠心千游已经完成了第一期的 30 个小游戏，并且微信登录顺利地接入了我的后端 rust 服务。这为未来的发展打下了很...

2024 年 5 月 23 日，Next.js 官方发布了 Next.js 15 RC。主要带来了这些更新：1. React：支持 React 19 RC、React 编译...

日常浏览一些视频网站的时候，觉得内容不错，想要下载下来收藏，但一查视频格式，发现是 m3u8。这种格式是什么？为什么要使用这种格式呢？我们又该如何下载 m3u8 格式的视频...

Authentication 所涉及的概念众多、技术方案众多，细节众多，导致不少同学对 Authentication 感到不明觉厉，甚至有些“犯怵”。本篇我们将通过一个极简...

目前 Tailwind CSS 在 GitHub 有 80k Stars、Npm 周下载量 733W，已经成为前端主流的 CSS 框架。 而 Next.js 脚手架默认集成...

基于uView UI 组件库，历经一个多月时间打磨，我重构了 uView UI 70+ 核心组件，欢迎大家体验...

浏览器指纹（Browser Fingerprinting）是一种用于在互联网上跟踪和识别用户的技术。它通过收集用户浏览器的独特配置和特征来创建一个唯一的标识符，类似于人的指...

一行核心代码即可使用 CSS 滤镜的方案实现暗黑模式主题，性价比是非常高！兼容性也不差，尤其适合已经开发完毕的大型网站进行暗黑模式切换，强烈推荐！...

最近，我在我们前端团队里推行了一个“强制性”的规定：所有新项目，必须使用pnpm作为包管理工具；所有老项目，必须在两个月内，逐步迁移到pnpm。 这个决定，一开始在团队里是...

你给一家在线教育平台做「课程视频批量上传」功能。 需求听起来很朴素：讲师后台一次性拖 20 个 4K 视频，浏览器要稳、要快、要能断网续传。 你第一版直接 <input t...

Next.js 13+ App Router 国际化方案实践 为什么要写这篇文章？ 在开发 Next.js 应用时，我们经常需要支持多语言特性。特别是 Next.js 13...

🔥 React Context 面试必考！从源码到实战的完整攻略 | 99%的人都不知道的性能陷阱...

前言 在 React 开发中，我们经常需要处理副作用（side effects）。React 提供了两个主要的 Hook 来处理副作用：useEffect 和 useLay...