山海纵横

package.json 是一个用于描述和配置项目的重要文件，其中包含了许多字段和选项，可以影响项目的构建、依赖管理、脚本执行等方面。了解这些字段可以帮助开发者更好地理解和...

本文主要讲述如何用pnpm+vite+typescript创建一个react项目，并实现路由表和实现全局守卫，...

React Router 是 React 生态系统中最受欢迎的第三方库之一，近一半的 React 项目中使用了 React Router，下面就来看看如何在 React 项...

2022年12月公司因为经营问题，被迫裁员。 产研为裁员重灾区，身为前端开发的我理所当然的没有逃过这一劫。 好在虽被裁，但技术尚可，年龄不大，所以很快找到了新公司。 今年年...

本文主要讨论如何在 React 中捕获和处理错误，介绍了 try/catch 和错误边界（Error Boundary）等方法的适用场景以及优缺点，以及 Dan 给出的一个...

抛弃完全多余的 hydration ，让你的SSR应用性能突破天际。今天我们来聊聊一种全新的服务端渲染思路，一起来看看号称世界上第一个SSR框架：qwik。...

对于几百M或上G的大图而言，不管对图片进行怎么优化或加速处理，要实现秒开也是不太可能的事情。而“图像分割切片”是最佳解决方案。图像切片是指将一张大图分割成若干个小图的过程，...

这份报告的目的是查看真实世界的数据，以更好地理解框架选择、性能和 web 上的实际用户体验之间的关系。本文将尝试阐明几个关键问题： 现代 Web 框架在现实世界的使用和性能...

最近，"Signals"成为了前端备受关注的话题。很多国外的大佬都发文表示Signals是前端框架的未来。同时，尤大也在Vue官网上添加了"Connection to Si...

React + TS + Eslint + Stylelint + Prettier + lint-staged + Husky项目模板，项目用了vite快速创建，换做其他...

富 Web 时代，应用变得越来越强大，与此同时也越来越复杂。集群部署、隔离环境、灰度发布以及动态扩容缺一不可，而容器化则成为中间的必要桥梁。本文带你从0搭建一个docker...

1、常用类型 1.1 交叉类型 交叉类型就是通过 & 符号，将多个类型合并为一个类型。 1.2 联合类型 联合类型就是通过 | 符号，表示一个值可以是几种类型之一。 1.3...

简述 Slardar 前端监控自18年底开始建设以来，从仅仅作为 Sentry 的替代，经历了一系列迭代和发展，目前做为一个监控解决方案，已经应用到抖音、西瓜、今日头条等众...

单页应用 (SPA) 及相关框架（例如 React.js、Vue.js、Svelte.js）都已经存在了很多年。然而，随着这些解决方案之上的元框架的兴起，可以看到应用从客户...

本文正在参加「金石计划 . 瓜分6万现金大奖」。 众所周知，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。 举个例子：一...

随着前端开发复杂度的不断上升，配套工具链的效率将不容被忽视，受限于 Node.js 语言本身的效率问题，近几年将会有更多工具会被 Rust 重写，效率有望数倍乃至数十倍的提...

本文来自InfoQ,作者:Tina，核子可乐 htmx 的走红 过去 Web 非常简单。URL 指向服务器，服务器将数据混合成 html，然后在浏览器上呈现该响应。围绕这种...

大家好，相信大多数同学在日常项目中对于 Eslint 配置都会感觉到痛苦。今天就来和大家聊聊如何利用 EsLint 中各个配置来更好的辅助我们的工程。...

在上一篇 为什么有人说 vite 快，有人却说 vite 慢？ 中，我们提到过开发模式下使用 Vite 会有首屏性能下降的负面效果。之所以会造成首屏性能下降，一方面是 de...