一个前端的小白菜

最近在刷面试题，收集一些优质的前端面经，这两年的面经不是很多，且看且珍惜。挺感慨的，2021的黄金时代 到 2022年的青铜时代 再到 2023年的xx已死...

Chrome 浏览器插件从 manifest V2 升级到 V3 所需要修改的知识点，涉及 V3 时间线以及众多的 V3 修改点...

最近，客户发布了一个新的任务 —— 开发一个Chrome插件。之前没有这方面的开发经验，准备想学习一下这块的内容，我发现大多数视频都是几年前的，我决定利用这次机会，从零开始...

前段时间收到一位朋友的紧急求助，他的声音中透着焦急：“老鱼皮救救我啊，最近我的网站突然变得极其缓慢，有时候甚至完全打不开，你能帮忙看看吗？”...

瀑布流虚拟列表前置篇，分析小红书瀑布流特点，实现不定高卡片的瀑布流组件并且实现触底加载更多以及响应式布局...

前阵子被一个 base 北京的小厂面到这个问题，我仅知道实现大文件上传可以通过切片的方式，但是当面试官问我具体实现细节的时候我就沉默了，这个问题本来就应该是大厂问的，心想现...

Webpack 和 Vite 都是前端工程化工具。Webpack 作为老大哥，在前端社区也算站稳了脚跟。随着Vite 的出现，Webpack 的缺陷就慢慢暴露，Vite 逐...

ES6 class 封装websocket 使用 介绍 WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket ...

我们经常会在博客、文档中看到类似这样的侧边导航目录，例如 这种导航也被称为“电梯导航”（当然可能还有其他叫法，知道是这个交互就行）。它会随着内容的滚动而自动切换当前选中态，...

在前端生成二维码，你可以使用 qrcode.js 库，这是一个非常流行且易于使用的库。以下是如何使用 qrcode.js 来生成二维码的步骤： 第一步：引入 qrcode....

浏览器中用于发起网络请求的 API 主要包括以下几种： XMLHttpRequest：这是一个老牌的 API，用于在浏览器和服务器之间发送 HTTP 请求。它支持异步请求，...

本文主要收集一些自己常用的前端相关的工具类、图片类、前端学习、前端组件资源、CSS动画相关的资源网站，便于提升工作效率，还提供了一些娱乐的网站供大家放松。...

大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心~ 有趣的动画效果 前几天在网上看到了一个很有趣的动画效果，如下，光会跟随鼠标在卡...

在 Alan 公司，我们多年来一直使用 webpack。虽然它很好地为我们服务，但它已经成为开发瓶颈。最近，我们完成了从 webpack 向 Rspack 的迁移，这篇文章...

很明显 Rspack 在生产打包速度这一块基本上碾压了 Vite ，这确实给我带来了不小的震撼，要知道这只是一个小项目，换成大项目这个差距只会越来越大。...

最近接到一个任务，要求实现一个课表拖拽的功能，支持快速修改个人日程时间。项目采用taro框架。 基于性能的抉择 container采用grid布局，7colum+12row...

大家好，今天我要和大家分享一个超级实用的功能 - alovajs 的 useForm。老实说，当我第一次接触到这个功能时，我简直惊呆了！以前处理表单提交总是让我头疼不已，写...

探讨前端如何脱离后端活下去；探讨一个健壮前端软件架构设计以及必要性；探讨优质架构的具体实现；探讨单元测试对核心业务的测试能力集成；...

又是一年金九银十，虽然市场一般，如何才能抓住来之不易的机会呢？自然是砥砺自身能力，完善知识体系。 挖下深坑擒虎豹，挂上长线钓金鳌。 本文基于笔者的个人面试经历 + 线上他人...

两种风格的树状组织结构绘制方式，并且最后使用Vue封装成可复用的Vue组件，赶紧来瞧瞧吧，嘿嘿~~~...