​          在现代Web应用中，流式聊天界面已经成为AI对话产品的标配，它能提供更流畅、更自然的用户体验。本文将深入分析一个完整的流式聊天组件实现，从架构设计到代码细节，帮助你全面理解其工作

通过详细的解析和实例，本文将带您了解如何使用contenteditable技术以及Selection Range api 开发替代传统的textarea的夸框架组件，解决其中遇到的各种稀奇古怪的问题。

进入富文本编辑器的神奇世界，探索Selection与Range的妙用！无论你是一名开发者还是一个对技术充满好奇心的爱好者，这篇技术博客将为你揭开富文本编辑器背后的秘密。

简单调研一下 contentEditable 属性，利用该属性快速封装了一个小组件来完成产品需求...

如何让聊天框发送消息后自动滚动到底部？最近在开发 AI 聊天助手的时候，遇到了一个很有趣的滚动问题。

大家好，我是双越老师。从全栈角度看，前端能做的性能优化不多，就拆分资源和异步加载，这些都会在网络层面很好的解决。一个 web 系统的性能瓶颈主要在于网络和服务端，前端主要做体验优化，而非性能优化。

本文将总结浏览器常见两大性能分析工具(LightHouse、Profiler)对于项目开发过程中问题定位的步骤、思路分析，并以一个React项目为例进行实操