​ 前言： 在Web前端项目开发过程中，由于各种前端框架、插件 以及 Nodejs、Npm 的飞速更新，在项目新开发 或 对老项目进行更新维护时，有些项目版本的配置 和 当前Node、Npm环境不匹配，导致运...

前言 对于前端工程化而言，离不开npm或者yarn,pnpm等管理工具。这些管理工具除了负责管理依赖和安装依赖以外，还能够通过npm scripts串联起来各个职能部分。所以，深入了解npm显得尤为重要。 np...

Vite + TS + Vue3 前端工程初始化配置 使用 vite 初始化项目 项目中使用的的是 vite 4.x 的版本 使用 yarn 执行 yarn create vite 输入项目名称，选择 Vue， TypeScrip 按照提示执行以下命令即...

架构师终结篇 声明 其实这篇文章早就存在了，逛草稿箱的时候发现的，现在发一下吧。 本人只是这门课程的学生，本系列文章只是作为一个学生的学习笔记而已。绝不是教程文章，请勿当作教学观看。 ...

我正在参加「掘金·启航计划」 在介绍渲染函数的使用前，我们需要先了解一些官网提供的基础概念 DOM 树 在深入渲染函数之前，了解一些浏览器的工作原理是很重要的。以下面这段 HTML 为例： <...

我正在参加「掘金·启航计划」 前言 理论上来说，每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。作为一个独立的单元，由以下几个部分组成： 状态：驱动整个应用的数据源； 视图：...

1 前言 随着 Vue、React、Angularjs 等框架的诞生，数据驱动视图的理念也深入人心，就 Vue 来说，它拥有着双向数据绑定、虚拟dom、组件化、视图与数据相分离等等造福程序员的优点，那 Vue 的双...

大家好，我是wo不是黄蓉，今年学习目标从源码共读开始，希望能跟着若川大佬学习源码的思路学到更多的东西。有想法的同学也可以加我微信进行交流：hp1256003949。 5月份事情比较多，没有持续学习...

本文将重点讨论 Vuex 的核心思想、内部工作原理和源码实现。它是一个专为 Vue.js 应用程序开发的状态管理模式。我们会深入探讨 Vuex 的核心概念，包括状态、变化、动作和模块化等概念，并通过源...

Observable Plot是什么？ Observable Plot是一个免费、开源的JavaScript库，用于可视化表格数据，专注于加速探索性数据分析。它具有简洁、易记、富有表达力的界面，采用了Leland Wilkinson和Had...

近日，在浏览之前发的推特文章时，发现了曾经被Vite团队核心成员 Matias Capeletto 点赞的一篇动态，心里格外的高兴。 被大佬认可，也是值得开心的一件事情。毕竟独立开发一个前端框架，其中的...

Next.js 中支持 3 种渲染方式：服务端渲染（Server-Side Rendering，简称 SSR）、静态站点渲染（Static Site Generation，简称 SSG）和客户端渲染（Client-Side Rendering，简称 CSR）。 预渲染...

微前端是什么 微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立运行、独立开发...

对组件化的理解 组件将应用的 UI 拆分成独立的、可复用的模块。 组件化的核心，就是两点: 封装 共同的逻辑 复用 通过属性（props）的传递，展示不同的模板内容 定义组件的两种方式 class compon...

对于需要快速响应和流畅滚动的场景，表格虚拟滚动可以提供更好的性能。通过减少渲染的数据量，可以减少浏览器的内存占用和重新渲染的开销，从而提高页面的响应速度和滚动的流畅性。 测试场景 传...

前言 随着工作时长、前端知识的不断增加，我想总结一下自己到底会什么能做些什么。于是我想那就不如从零开始搭建一个完整的项目工程吧，于是就有这些项目：react-admin-tp 模板项目 本项目也适...