Saber本尊

Redux、Zustand、Mobx、Valtio、Recoil、jotai、XState 这么多状态管理怎么选？它们有什么共性和不同...

大家好，我是前端小张同学，最近在做项目优化的时候偶然发现，我们做的页面第一次进入字体会有一个闪烁的情况，这是什么原因呢？下面来和大家仔细说说，先看效果 闪烁问题原因？ 其实...

最近，相信大家一定被这么个动效给刷屏了： 以至于，基于这个效果的二次创作层出不穷，眼花缭乱。 基于跨窗口通信的弹弹球： 基于跨窗口通信的 Flippy Bird： 我也尝试...

回想起多年前，前端开发者常被戏称为“切图仔”，但就是这样的角色，通过精湛的CSS技巧，能够实现各种复杂的交互和特效，展现出前所未有的网页魔法。这是那些专注于服务端开发的工程...

问题开始于在网上看到了一张图，问哪个样式生效： 答案是div::first-line。 诶？css优先级是怎么回事来着？查查MDN： 好家伙，不查还好，一查倒还懵逼了，怎么...

笔者在日常的需求迭代中，已经在编辑器集成了AI写作、AI绘画等AIGC相关功能以及一些通用编辑功能。并且对该编辑器的灵活性、可扩展性、文档规范性等方面给予了很高的认可。通过...

本文解析了CSS盒子模型的基本组成部分，并探讨了标准盒模型与IE盒模型的区别。此外还介绍了如何通过box-sizing属性来控制盒模型的行为，以及导致的一些常见布局问题及其...

在日常的开发过程中，我们都会有一些常用的代码片段，这些代码片段可以直接复制到各个项目中使用，非常方便。如果你有接手过别人的项目，就可以很明显感受到几个项目一般都会有一些相同...

特别喜欢红宝书的一句话“站在巨人的肩上”，起因是觉得react中的hooks语法，用了那么长时间，有的时候还是似懂非懂，所以才有了这一篇文章，学习一下前人封装hook的方法...

随着 Streaming 的普及大多数 Web 应用程序对于服务端和客户端的数据传输越来越频繁和复杂，那么在 SSR 下如何将Promise、Date等数据序列化传递给客户...

本文主要从模块加载和解析器、执行引擎以及与宿主的系统交互接口(WASI)等方面，详细地对 WebAssembly 核心原理及基础能力进行分析和阐述。...

介绍一些看似简单又不是那么容易的过渡小技巧。 很多 CSS 属性其实是不支持过渡变化的，例如flex中的对齐 或者是文本对齐 这样属性在变化时是没有过渡动画的，但有时又需要...

后端一次性返回过多数据时，我们前端应该如何渲染，本文提供了两种比较适合方案供大家参考 直接渲染 先看下直接渲染会有什么问题吧 先模拟下这个数据过多时的情景，我生成十万条li...

web component 搭建组件库有哪些优势，使用 Stencil.js 造一个 Element-plus 风格的 Web Component 组件库...

万字总结!一篇文章带你从零打造真正的工程化Ts+React+Webpack5多页应用。告别枯燥的文字，我们从实践出发，一步一步跟随代码讲解从零搭建属于自己风格的项目架构，从...

解读 HTTP1/HTTP2/HTTP3，HTTP/2 相比于 HTTP/1.1，大幅提高了网页性能，升级该协议就可以减少之前需要做的性能优化工作，虽然如此但还是存在一定问...

结合实际项目架构经历讲述究竟如何落地Babel的最佳实践，文章会带你从不同角度探索各种项目场景下Babel最佳落地方案，从实际出发带你寻找不同场景下Babel的落地方案。...