小小北

我们在前端页面里通常会使用GIF/WEBP图片显示一些动画来增加页面的丰富程度，有时一张相同的GIF在页面可能会同时显示多张，本文主要介绍页面里出现多次同一个GIF的时候可...

Rspack是最近出来的基于Rust的高性能Web构建工具，它的API及配置方式、插件等基本对齐webpack生态，今天我们主要介绍基于vue2的老项目如何迁移至Rspac...

我们在使用webpack的devServer时，可以修改host、port等参数，以改变本地应用启动的监听地址及允许的域名，本文主要介绍WebSocket地址修改成"0.0...

我们在使用git拉代码的时候通常用的是ssh的方式，这里主要介绍下当需要切换到另一个账号的key的时候，其他都不变的情况下本地如何快速更新key。...

通常来说前端页面通过埋点上报来获取用户某些时间点的交互，而这往往不够，本文主要介绍了配合前端录制回放及扩展能力来提升产品交互体验、错误排查效率等方面的一些实践及解决方案以达...

学习React服务端组件的基础以更好的理解为什么（及何时）应该应用至项目中。 React Server Components (RSCs)有点颠覆了React作为一个纯粹的...

以前的前端页面很少有涉及页面的生命周期相关的话题，我们最熟悉的还是这几个beforeunload, unload 事件等，本文主要利用现代浏览器的生命周期事件来替换之前的事...

今天给大家介绍的一个话题是原生前端压缩（如：gzip压缩），利用浏览器自带的`CompressionStream`等Web API以Stream流的形式来做压缩解压缩操作。...

本文主要介绍了Raycast API(开发扩展插件用到的API)是如何与Raycast主程序(Mac Native App)双向交互的，包括中间的一些技术选型的过程，以及整...

Stream(流)算是任何一个编程语言里最基础的API之一，但又是听起来简单又晦涩难懂的API之一；本文主要介绍JS里面关于流的所有你想要了解的基本知识。...

ECharts作为一个图标库已经被大家广泛使用，它提供了各式各样的图表类型，所以我们在使用echarts的时候首先需要考虑的是按需引入，避免踩到引入插件时的坑，导致线上全量...

最近好奇主流视频网站的播放器似乎不是我们习惯的video标签加上src属性上一个mp4的url，基本清一色的以blob:开头的一个纯前端的地址，鉴于此对前端的一些流媒体播放...

经常会在一些项目中用到地址选择的东西，特别是在一些在线商城要填写收货地址的时候，省市区3个联动的下拉列表是最常用的。然后我也突然有一天在一个小项目中要有收货地址时，突然发现...

微前端是一种由独立交付的多个前端应用组成整体的架构风格，将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用。本文对微前端的原理和实践进行了详细的描述，并预告M...

前端开发时常设置Wifi的Http代理来抓取页面请求，本文主要讲解Charles的一些进阶抓包方式，便于更好的开发者进行Debug...

大家写React Hooks的时候有没有感觉到他的value + setValue的写法写起来，本文介绍通过WebStorm高效写useHook这类代码...

本文主要讲一下 js 的基本数据类型以及一些堆和栈的知识和什么是深拷贝、什么是浅拷贝、深拷贝与浅拷贝的区别，以及怎么进行深拷贝和怎么进行浅拷贝。 本文思维导图如下： 本文思...