用户访问业务时，整个访问过程大致可以分为三个阶段：页面生产时（服务器端状态）、页面加载时和页面运行时。 服务端的状态由server侧/node进行监控，一般有比较成熟的监控报警机制。而前端要做的就是对页面加载时和页面运行时进行状态监控，主要解决如下几个问题： AJAX请求异常 …

首先可以看一个16版本前和16版本之后即fiber架构之后的动画对比demo 可以看到stack(fiber架构之前)的示例，动画卡顿、掉帧非常严重，而fiber示例则很丝滑， 要解释stack为什么

设备(手机/电脑）能够使用联网功能是因为设备底层实现了TCP/IP协议，可以使设备终端通过网络建立TCP连接。TCP协议可以对上层网络提供通道，使上层网络数据的传输建立在“无差别”的网络之上。 可以简单理解TCP相当于一个连接通道，而HTTP、HTTPS就是基于这个连接通道的应…

最近公司要做一个小项目，我问老大能不能用 Vue 写，因为公司一直用 React， 主要是想尝试一下 Vite。 Vite 又是祖师爷出的，所以我想试试用 Vue 作为技术栈。老大问我：“屎吃不吃。” 我隐约觉得老大是在骂祖师爷，但又没法反驳，于是就尝试用 Vite + Rea…

1-1. 设置input 的placeholder的字体样式 1-2. 单行和多行文本超出省略号 1-3. 负边距使用技巧 1-4. 定位同时设置方位情况 1-5. 相邻兄弟选择器之常用场景 1-6. outline属性的妙用技巧 1-7. 隐藏滚动条或更改滚动条样式 1-8.…

我们开发经常会用到浏览器，但是浏览器的一些机制我们还不是很了解，代码如何在浏览器中运行？如何渲染布局？事件触发时浏览器在做什么？很多我们了解的浏览器知识可能不够完善，我们来深入的探讨一下。1.浏览器输

经常看一些 LOL 比赛直播的小伙伴，肯定都知道，在一些弹幕网站（Bilibili、虎牙）中，当人物与弹幕出现在一起的时候，弹幕会“巧妙”的躲到人物的下面，看着非常的智能。 其实，这里是运用了 CSS 中的 MASK 属性实现的。 之前在多篇文章都提到了 mask，比较详细的一…

前几天我发布了一个web端自定义截图的插件，在使用过程中有开发者反馈这个插件无法在vue2项目中使用，于是，我就开始找问题，发现我的插件是基于Vue3的开发的，由于Vue3的插件和Vue2的插件完全不兼容，因此插件也就只能在Vue3项目中使用。 经过一番考虑后，我决定用原生js…

React Fiber是React核心算法的重新实现，这篇文章阐述了React团队在过去两年中的重点研究。 React Fiber的目标是增强它在动画、渲染和执行上的性能。它首要的特性就是逐渐增强的渲染能力：它可以将渲染工作切割成不同的块并且散布在多个帧上。 其他的关键特性包括…