nanxin

服务器和客户端保持长连接通信，实现方式比较多。有很多成熟的框架可以完成，底层无非都是对Socket流的封装和使用。 Socket大致是指在端到端的一个连接中，这两个端叫做Socket。 HTTP是基于传输层的TCP协议的，而Socket API也是，所以只是从使用上说，可以认为…

如何阻止react中的事件冒泡。什么是合成事件、原生事件。e.stopPropagation()、e.nativeEvent.stopImmediatePropagation()

一. 示例代码 实现1：1：1：1 布局 实现一个1：2：3：4等比布局？ 实现 20px : 1 : 3 : 100px 布局 🌟踩坑 子元素中的内容溢出，会导致宽度不符合预期，所以需要注意一下。

因为在视觉上，英文字母和数字占用的空间比较小，所以上面的要求也是合理的。 为了防止出现小数的情况，我们将除以2的结果向上取整处理。

unknown 指的是不可预先定义的类型，在很多场景下，它可以替代 any 的功能同时保留静态检查的能力。 这个时候 unknown 的作用就跟 any 高度类似了，你可以把它转化成任何类型，不同的地方是，在静态编译的时候，unknown 不能调用任何方法，而 any 可以。 …

```Vite```是一个更轻、更快的```web```应用开发工具，面向现代浏览器。底层基于```ECMAScript```标准原生模块系统```ES Module```实现。他

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…

定义：相邻兄弟选择器（Adjacent sibling selector）可选择紧接在另一元素后的元素，且二者有相同父元素。 正因为css选择器的样式为li+li{}，所以代码中的li标签就可以一直套用这个“公式”。 注：前端面包屑导航中经常用到该选择器。 通过这两个例子，可以…

笔者开源的前端进阶之道已有三年之久，至今也有 17k star，承蒙各位读者垂爱。在当下部分内容已经略微过时，因此决定提笔翻新内容。 翻新后的内容会全部集合在「干爆前端」中，有兴趣的读者可以前往查看。 本文非百科全书，只专为面试复习准备、查漏补缺、深入某知识点的引子、了解相关面…