这是我参与更文挑战的第二十天，活动详情查看:更文挑战 本文介绍了前端实际工作中用到的大部分内容及其相关知识点，大家可以收藏仔细阅读慢慢看～ Git 常见操作集锦 Git 分支管理规范及发布流程 基础前

从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境，涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。

在做项目的时候，经常会用到nextTick，它是用来操作DOM，简单理解它是放到异步后去执行的。 然而，Vue更新DOM是异步执行的，只要监听到数据变化，Vue开启一个队列，并缓冲在同一件事情循环中发生的所有数据变更。 所以得研究nextTick的执行原理。 看长篇大论视觉疲劳…

能不移动，尽量不移动。不行就移动，实在不行就新建

观看Vue3全球发布会的总结笔记，翻译水平有限大家海涵。 最后有学习资料汇总。 抽象渲染器与渲染目标无关 - （Dom、Canvas、终端显示）支持自定义渲染器。 可扩展是编译器 可以通过实现编译器插件来扩展编译器。 通过编译推断型虚拟Dom实现静态提升是Vue3.0的非常显著…

先上我理解的原理图（使用VSC中draw.io插件绘制），有个直观认识，并且分别解释，后面详细实现一简单基于MVVM的Vue实例。 开始从 Vue 源码层面分析解析器Compile、观察者Observer、订阅器Dep、订阅者Watcher的实现，帮助大家加强了解 Vue 源码…

这是我学习整理的关于 Vue.js 系列文章的第一篇，另外还有两篇分别是关于优化和原理的。希望读完这3篇文章，你能对 Vue 有个更深入的认识。 组件通信是 Vue 的核心知识，掌握这几个知识点，面试开发一点问题都没有。 用于实现父子组件间通信。通过 props 可以把父组件的…

首页加载过慢，是因为它是一个单页应用，需要将所有需要的资源都下载到浏览器端并解析。所以页面越大，加载时间越长，而且js执行的时间也长，dcl发生的时间点就更晚，所以会白屏 slotProps是代表插槽prop的集合，其命名可以随便取的。此时slotProps.toParent的…

那怎么才能将属性传递到内部的 el-input 组件中呢，直接给 el-input 加一个 v-bind="$attrs" 即可。 虽然上面可以解决了大部分的问题了，但同事发现并不能满足场景，主要是他用了动态组件 component。他的想法是通过 JSON Schema 的方…