小帅的编程笔记

这是我参与11月更文挑战的第19天，活动详情查看：2021最后一次更文挑战 在上一篇笔记中：Vuex源码学习笔记（一） 我们从Github上找到了Vuex的源码，并clone了到本地，接着大致了解了每

在学习源码之前，要问清楚自己为什么要学习Vuex源码？千万不要盲目的去为了学源码而学源码。那么对于我来说学习Vuex源码可以给我带来以下的收获： - 可以学习到开源项目的架构方式 - 提升自己JS的

在Vue框架中，如果需要给Vue增加一些我们需要的功能，Vue给我留了一个插件的方式，我们可以编写自己的插件，然后在Vue中去注册插件，然后去使用他。

JavaScript生态现在有两种模块化方案，一种是ES6模块，简称ESM；另一种是CommonJS模块，简称CJS。平时也会看到很多说ESM怎么样，巴拉巴拉的，说的就是ES6模块。

今天我们来看看Vue3有哪些新特性，与Vue2相比有哪些不兼容，以及现在Vue3配套的开发工具。 快速体验Vue3 如果你没有使用过Vue3，那么可以通过下面的几种方式，来快速的体验Vue3： 通过

首先React和Vue一样，都是对DOM的一层抽象，并没有像Angular一样提供整套的Web开发解决方案。它们都缺乏代码结构、组件通信方案。而对于大型复杂应用来说，这两点又非常重要，所以只使用Vue

问题1: v-show 与 v-if 有什么区别？问题2：v-model 的原理？问题3：Vue 组件间通信有哪几种方式？

在做前端开发的时候，经常会需要通过CDN的方式引入一些第三方库，比如React、Bootstrap等，可以看到官方给到的CDN引用示例中都会有crossorigin和integrity属性，那具体有什

Vue框架中的两大重要特性computed和watch，它们之前有相似的地方，那么今天我们来说说为什么要有computed和watch？以及它们的使用场景？什么时候用computed？什么时候用wat

看到很多初级前端开发人员在需要处理数组时经常会使用 forEach。 今天让我们来根据使用场景来正确的使用数组方法，避免一股脑的全部使用forEach。 forEach 什么时候用呢? 正如之前

如果你已经很熟悉Vue，一定也会很熟悉v-for指令。如果用过其他的前端框架的话，它们也都提供了在HTML模板中循环数据标记的方法。今天这篇文章让我们搞明白为什么key属性对于v-for这么重要。

今天我们来学习 JavaScript 表单 API：访问表单、获取元素的值、验证表单数据和提交表单。 基础表单

今天我们来学习如何使用 JavaScript的 MutationObserver API 来监听对 DOM 树所做的更改。 MutationObserver 简介 MutationObserver

今天我们来学习 JavaScript 中的自定义事件，如何创建自定义事件，如何监听调用，为什么要用到自定义事件。 JavaScript 自定义事件简介

在JavaScript中绑定的点击、键盘等事件，如果要触发它，需要用户手动去触发它。 今天我们将通过代码的方式来触发这些事件。 我们将会用到Event 构造函数和 element.dispatch

今天我们来了解什么是事件委托，事件委托使我们向父元素绑定一个事件处理程序即可，而无需向子元素绑定多个事件。 通过事件捕获和冒泡使我们实现最强大的事件处理模式，——事件委托。 ## 什么是事件委托

今天我们来使用scrollIntoView() 方法来将元素滚动到视口的指定位置。 假设有一个元素列表，并且希望某个元素滚动到视口顶部，在没有scrollIntoView() 之前我们可能会用锚点链接

今天我们来学习如何在JavaScript中处理滚动事件，如何优化滚动事件的性能。 滚动事件简介 当我们滚动页面或者在某个元素上滚动时就会触发滚动事件，我们可以通过以下方式触发滚动事件 使用右侧滚动条

曾经遇到一个面试题，如何判断用户按下了回车键？回车键的keyCode是什么？当时回答了大体流程，没有答出keyCode是什么，回来拿电脑跑了一下，是13。 今天我们来学习键盘事件的处理。

今天我们来学习 JavaScript 中的基本鼠标事件及其属性，包括9个鼠标事件和一些有用的事件对象的属性。 Mouse 鼠标事件介绍 当我们使用鼠标与页面上的元素进行交互时就会触发鼠标事件，DOM