猫在向阳的房间

SSE简介 SSE(Server-Sent Events)是一种实现服务器主动向客户端推送数据的技术,也称为 “事件流”。 它基于 HTTP 协议,是一个get请求。 利用...

SSE接入的具体落地有几种方案 ## 1. EventSource 实现接入 EventSource 是一个 `Web API`，**是浏览器提供的原生对象，专门用于处理 ...

有些项目要统计在线人数，其实更多是为了“营造热闹气氛”。比如你进个聊天室，看到“有 120 人在看”，是不是感觉这个地方挺活跃的？这就是一种“社交证明”，让用户觉得：哇，这...

在移动端项目，我们常遇到的一个问题：用户点击输入框时，页面会不期望地发生自动缩放，这既打断了用户的输入流程，也影响了整体的用户体验。 我们的目标是优化这一行为，确保用户在点...

在数据中台做 BI 工具经常面对海量数据的渲染处理，除了组件本身性能优化之外，经常要排查整体页面性能瓶颈点，尤其是维护一些性能做得并不好的旧代码时。 React 性能调试是...

一、建立衡量标准 在确认指标之后，还要有量化基础，有数据积累。 理论基础 - 以『用户为核心』的 RAIL 性能模型 Response（响应）：应该尽可能快速的响应给客户，...

WebSocket 是一种基于 TCP 协议的全双工通信协议，允许客户端和服务器之间进行实时、双向的数据传输。与传统的 HTTP 请求-响应模式不同，WebSocket 在...

.. a. 前两者的前提都是需要开发者自己编写骨架屏代码 b. 饿了么的做的比较强大了，还有 UI 界面专门调整骨架屏 只支持 history 模式....

一、队列机制演变：从宏/微队列到多队列分级 1. 旧模型的问题 过去将任务简单分为宏队列（setTimeout、DOM事件）和微队列（Promise），但现代浏览器复杂度提...

背景 性能优化、减少页面加载时间、提升用户体验，是前端领域的一个永恒话题。在前后端分离、异步渲染在页面中被普遍应用的背景下，大量页面在用户访问时不可避免的会出现一段短时间白...

检查本机是否存在 密钥，如果存在 id_rsa（私钥）、id_rsa.pub（公钥） 文件则说明已经创建过了，直接拷贝即可。 如果不需要这份可以删除，注意这份密钥别没有使用...

首先prettier和eslint之间没任何关系，可以完全按照两个不同的东西来看待。 代码的风格统一我们可以暂且理解分为两部分，一部分是代码规则，一部分是代码样式。...

最近在写复杂表单的实时保存，一般来说可以使用onblur，但是这可能会存在最后一个没保存上，以及如果需求是想做到语雀那样的实时保存的情况就不行了。这种情况下我们用了onch...

一、目前前端常见的发起ajax请求的方式 1、使用原生的ajax请求 2、使用jquery封装好的ajax请求 3、使用fetch发起请求 4、第三方的比如axios请求 ...

相信很多人做需求过程中，都遇到过把文字复制到剪贴板的功能。很不幸我也遇到了，本以为是一个简简单单的需求，开发测试过程中却遇到了不少坑，这里一一展开。...

Vite 在2.0版本提供了Library Mode（库模式），让开发者可以使用Vite来构建自己的库以发布使用。正好我准备封装一个React组件并将其发布为npm包以供日...

Vue3旧语言工具 Volar 退了，一个更加强大的Volar升级版，Vue-Official 来了！Volar 正式升级更名为 Vue-Official ！...

被裁员 先说下本人情况，38，坐标杭州，具备后端架构和大数据架构能力。待过大厂，带过团队，落地过大型项目。 近几年被裁员也不算什么稀奇古怪的事情，我记得2022年下半年面试...

背景简介 为了更准确地了解用户行为，将用户行为的统计颗粒度细化到页面模块级别，以便生成更准确的用户画像。现有的埋点技术只能统计到页面的单次曝光和单功能化的点击事件，无法实现...