草帽少年

在某种特殊场景下，需要将大量数据一次性渲染到页面。 分析真实业务场景，用户正常情况不会去浏览全部数据。 除特殊情况外，将全部数据渲染到列表中是无用且浪费资源的行为，只需要根...

IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体...

大家好，我是双越老师，也是 wangEditor 作者。 大家有没有发现一个现象：最近 1-2 年，前端圈不再关注源码了。源码是一种泡沫，随着招聘市场遇冷，现在泡沫破灭了，...

本文将讲述开发环境下 vue3 项目打包器从 webpack 迁移到 vite 过程中的所遇问题、解决方案、迁移感受，以及如何不修改任何源码完成迁移。...

本文围绕基本概念、组件、Hooks 三个 React 核心维度出发，将 React 中 90% 以上的实用功能和常用概念讲清楚，帮助你快速掌握 React。...

1.安装docker，nginx 2.在项目的根目录下创建一个名为Dockerfile的文件，用于构建Docker镜像。 3.在项目的根目录下创建一个名为nginx.con...

2024年，教你从0开始认识和配置ESlint。本文将从0开始教你一步一步在任何项目中安装和配置使用ESlint，认识每个ESlint插件都有何作用。...

起步 什么是Monorepo？首先monorepo并不是一个框架也不是某个技术，而是一种代码管理策略，指的是在一个单一的代码库中维护多个项目或模块。 目前已经有很多知名的开...

小沈是一个刚刚开始工作的前端实习生，第一次进行团队开发，难免有些紧张。在导师的安排下，拿到了项目的 git 权限，开始进行 clone。 小沈开始细细品味着同事们的代码，终...

使用pdf.js实现文档阅读器时，主要实现思路，以及遇到的问题与解决方案。使用pdf.js实现文档阅读器时，主要实现思路，以及遇到的问题与解决方案。...

pdf.js是前端实现pdf阅读器时最常用的js库，它能解析pdf文件，并用canvas或svg的方式渲染出来。本文主要介绍对pdf.js的优化，以实现更流畅的选中体验。...

编写自己的脚手架 那什么是脚手架？ 例如:vue-cli Angular CLI Create React App 编写自己的脚手架是指创建一个定制化的工具，用于快速生成项...

npm run xxx 发生了什么 按照下面的例子npm run dev 举例过程中发生了什么 读取package json 的scripts 对应的脚本命令(dev:vi...

如果我们不使用`Nuxt.js`也希望`Vue`项目能支持约定式路由。怎么办？现在我们就从0到1实现一个cli工具，使我们的项目也能支持约定式路由。...

背景 大家周五好，正好填一下之前的坑我准备了很久的学习如何开发一个 Vue CLI 工具的学习的内容输出成文章，我觉得学习的最终过程是需要输出成果的，这也是我的一个学习过程...

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但...

性能优化相关的文章其实网上挺多，但是大部分都是在讲如何优化性能，也就是讲方法论。但是在实际工作中，如何量化性能优化也是相当重要的一环。今天本文会介绍谷歌提倡的七个用户体验指...

开发 C 端 h5 页面时少不了首屏优化，在开始优化前需要先做一些必要的知识储备，前端部分性能优化储备知识请看这里！...

一、什么是 HMR HMR 全称 Hot Module Replacement，中文语境通常翻译为模块热更新，它能够在保持页面状态的情况下动态替换资源模块，提供丝滑顺畅的 ...