刘晨宇

我把本地 AI Chat 项目重构了一遍：用 LangChain.js + Ollama + Streamdown 搭了一个最小可扩展架构 如果你也在做自己的 AI 应用原...

我不会从头教你代码怎么写，因为这个年代工程思维才是价值。我要分享的是一个前端工程师做 AI Agent 项目的完整心路历程....

引言：为什么需要前端录制回放技术 Hello~大家好。我是秋天的一阵风 前端开发的核心痛点之一，是 “问题不可见”—— 当用户反馈 “按钮点击无响应”“页面空白” 时，开发...

发现一个非常宝藏的Three.js资源网站，如果你正在学习Three.js又或者说想通过Three.js开发一些不错的案例效果，那么请一定要收藏这个网站...

本文将介绍一种巧妙的思路，仅用一条辅助线，就能轻松解决移动端 tab 吸顶的两个问题，极大简化实现逻辑...

当 AI 技术刚刚兴起时，我加入了一家 AI 初创公司。由于我们在项目中有着对高级编辑功能的需求，我第一次接触到了 Tiptap。让我印象深刻的是，Tiptap 与其他编辑...

前言 React Fiber 架构的核心创新之一是双缓冲树（Double Buffering Tree）机制，这种设计不仅提升了 React 应用的性能，还实现了可中断的渲...

Nuxt.js 国际化配置完整教程（含版本兼容与问题解决） 一、整体配置思路 Nuxt 国际化配置的核心是通过 @nuxtjs/i18n 模块实现多语言切换，核心思路分为5...

在前端开发中，搜索框的实时搜索功能是一个常见场景。用户输入文字时，每输入一个字符就发起搜索请求。但这里存在一个潜在的竞态问题：如果后发起的请求比先发起的请求更快返回，可能会...

方案一：使用 Promise.all 控制并发 最直接的方法是使用Promise.all并行处理 A 和 B，待两者都完成后再发送 C。 优点：实现简单，代码清晰 缺点：如...

主要内容以协同编辑技术为主，也会谈谈对技术发展的理解。包括协同编辑绵连的问题，一致性算法 OT 和 CRDTs，还有开源协同解决方案：基于OT的 ShareDB 和 基于 ...

什么是 CRDT 无冲突复制数据类型（CRDT，Conflict-free Replicated Data Types）是一类在分布式系统中用于数据复制的数据结构，旨在解决...

前端世界里有很多看似“直白”的属性，比如 position: sticky，听起来像是“粘住某个位置”——只要设置好就能吸附在页面某个位置上，滚动时一动不动。 结果实际开发...

前言 大数据table渲染的时候会变得很卡顿，我们经常会改用虚拟表格来做优化。 主要原理是在可视区内在展示相关的数据，看不到的就不做渲染，根据滚动条移动的位置计算出可视区内...

🤔 刚开始学前端的时候遇到一个很奇怪的现象：明明修改了CSS文件，但是浏览器里看到的还是旧样式。网上搜到的信息说"清除一下缓存试试"，Ctrl+F5一刷新果然就好了。但是...

本文通过 300 多行原生 JavaScript 代码实现了一个简版 Vue3 框架，包含 Vue3 最核心的原理，如响应式系统、副作用函数、虚拟 DOM、组件、compu...