文章目录vuex使用实现实现getters实现mutations实现 actions扩展export vuex使用首先知道vuex的基本用法，才能具体实现原理。1.创建项目基于vue-cli 创建一个项目：vue create vuex-project打开项目，打开store/index.js:import Vue from 'vue'
import Vuex from 'vuex'
Vue.
转载
2023-08-14 13:13:43
502阅读
开始学习一、资源整理资源与概念：PDF: <Vue前端开发 快速开发与专业应用>组件化、数据绑定。 MVVM模型：MVC，MVP 和 MVVM 的图示 作者： 阮一峰 基础教程：vue教程_2019年vue视频教程 7小时学会Vue+Vuex+MintUi+ElementUi入门实战视频教程（30讲） 官网安装：https://cn.v
转载
2024-05-21 06:47:46
63阅读
# Vue.js 教程
Vue.js 是一款用于构建用户界面的渐进式 JavaScript 框架。它易于学习，功能强大，广泛应用于创建单页面应用程序和复杂的前端应用。
本文将介绍 Vue.js 的基本概念和常用功能，并通过代码示例演示其用法。
## 简介
Vue.js 是由尤雨溪开发的一款轻量级 JavaScript 框架。它采用 MVVM（Model-View-ViewModel）架构模
原创
2023-07-21 10:22:43
389阅读
1 介绍 Vue 在修改数据之后，视图不会立即更新，而是等待同一事件循环中的所有数据变化完成之后，再统一进行视图更新。而 nextTick 的触发时机就是在重新渲染完毕后 官方说明：在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的DOM 2 异步说明 Vue实现响应式并不是数据发生变化之后DOM立即变化，而是按一定的策略进行DOM的更新 在
转载
2023-08-08 11:56:45
331阅读
Promise一、含义1. 概念2. 特点3. 基本用法4. 为什么要用 Promise1. 指定回调函数的方式更加灵活2. 支持链式调用，可以解决回调地狱的问题用Promise实现Ajax二、Promise的使用1. Promise 构造函数：Promise(executor) {}2. Promise.prototype.then 方法: `(onResolved, onRejected)
转载
2023-08-10 19:54:14
298阅读
根据阮一峰ES6编写 Promise是一个对象，里面包含着一个异步操作（会在本轮同步操作都结束后才执行）。 有三种状态：pending（进行中）,fulfilled（已成功）,rejected（已失败），只有异步操作的结果可以决定状态 一旦创建，立即执行，无法中途取消 如果事件不断反复发生，Stream模式更好特点： 1、对象状态不受外界影响，也不影响外部：只有异步操作的结果可以决定状态，若内部有
转载
2023-09-21 15:02:58
415阅读
@阮一峰老师的写的文章，觉得他写的技术类的文章都容易让理解，简明概要，又好理解。他是我学习JS路程里面一个比较佩服的导师，昨天重新看了他写的《Javascript 面向对象编程》第二部分和第三部份，这次的阅读的收获比以往都要多。同时也发现阮老师实现继承的方法还是有些缺陷，希望我修正后的继承能让更多人对JS有更深的理解。接下来我们从最基本的东西讲到最难的，希望能帮助大家更好的理解。 原型写
转载
2023-07-23 21:43:04
529阅读
一，就html模板的理解：jxs语法转变为js语法，多在服务器端运行因为大)jxs:JSX本身就和XML语法类似，可以定义属性以及子元素。唯一特殊的是可以用大括号来加入JavaScript表达式。遇到 HTML 标签（以 < 开头），就用
转载
2023-09-21 10:32:51
195阅读
文章说明这篇文章是在看阮一峰老师在GitHub上发表的webpack学习文档的时候，翻译出的文档说明webpack 阮一峰教程 ,纯手打非机翻。最后两个demo没有打上来，翻译好会补上来。文中有一小部分文字是我针对这个知识点的理解，就几行。如果有错误，欢迎指出。再次感谢阮一峰老师。什么是webpack前端构建工具，与gulp和grunt 类似作为打包工具，与browserify 类似bundle.
转载
2023-12-23 17:21:29
173阅读
1、ECMAScript6简介Node.js是Iavascript的服务器运行环境。2、Babe转码器Babe转码器是一个Es6转码器，将es6转成es5babel的配置文件是.babelrc，存放在项目的根目录下。需要配置这个文件命令行转码工具babel-clinpm -install --global babel-clibabel-cli工具自带一个babel-node命令，执行babel-n
转载
2023-12-25 20:39:12
789阅读
阮一峰JavaScript教程(中2)
目录5.面向对象编程实例对象与 new 命令对象是什么构造函数new 命令基本用法new 命令的原理new.targetObject.create() 创建实例对象this 关键字涵义实质使用场合使用注意点避免多层 this避免数组处理方法中的 this避免回调函数中的 this绑定 this 的方法Function.prototype.call()Fun
转载
2024-04-17 21:34:39
165阅读
写在开头：此 Webpack 教程是阮老师在 Webpack 1.x 的版本上做的。现在 Webpack 的版本已经改动较大，建议有基础的同学，就直接上官网看最新的就好了。这个教程可以用来了解下 Webpack 的前世今生。仓库地址： https://github.com/userkang/webpack-demos-cn开始这个项目是一些简单的 Webpack 示例集合这些示例特意用简单明了的方
转载
2023-11-05 08:23:35
273阅读
好文！对深入理解字符存储方式非常有用！作者： 阮一峰日期： 2007年10月28日今天中午，我突然想搞清楚Unicode和UTF-8之间的关系，于是就开始在网上查资料。结果，这个问题比我想象的复杂，从午饭后一直看到晚上9点，才算初步搞清楚。下面就是我的笔记，主要用来整理自己的思路。但是，我尽量试图写得通俗易懂，希望能对其他朋友有用。毕竟，字符编码是计算机技术的基石，想要熟练使用
转载
2023-07-31 18:28:59
187阅读
前言ES6的出现是为了提高 javascript 的严谨性，安全性等方面，它代表着js的发展方向。网站开发的人员，无论前后端都必须熟稔 ES6 语法规范。带着问题看书1. ES6 新增的关键词 let 和 var 区别？a. 使用let声明的变量，只在它所在的代码块内有效。即如果使用let，声明的变量仅在块级作用域内有效。
b. var命令会发生”变量提升“现象，即变量可以在声明之前使用，值为
转载
2024-03-12 17:47:24
78阅读
最近因开始学ReactJS,发现ReactJS跟webpack这个模块化打包工具绝配，又开始找webpack的资料学。。。。。。在本尊千辛万苦的看了众多资料下，还是感觉阮大神写的这个demo简单明了，深入浅出，很适合新手学习，但是因为资料是全英文写的，自己在学习的过程中就顺当翻译了下，以下为原文地址链接 ： https://github.com/ruanyf/webpack-demos#dem
转载
2023-08-03 23:15:20
293阅读
作者： 阮一峰1、以前，网页开发有一个原则，叫做“关注点分离”(separation of concerns)。它的意思是，各种技术只负责自己的领域，不要混合在一起，形成耦合。对于网页开发来说，主要是三种技术分离。HTML 语言：负责网页的结构，又称语义层CSS 语言：负责网页的样式，又称视觉层JavaScript 语言：负责网页的逻辑和交互，又称逻辑层或交互层简单说，就是一句话，不要写”行内样式
转载
2024-06-03 07:30:55
91阅读
Promise的使用和踩坑(本文部分内容直接引用了阮一峰老师的《ES6入门》)1.Promise的基本使用①什么是PromisePromise是异步编程的一种解决方案，他能避免回调函数的层层嵌套，带来的难以阅读和维护等问题，例如下面的回调地狱：setTimeout(() => {
console.log(1)
setTimeout(() => {
con
转载
2024-04-30 20:52:23
69阅读
AbstractGenetator函数Generator函数是ES6提供的一种异步编程解决方案，其语法行为完全不同于传统函数。语法两大特征
function 关键字与函数名之间的 *
函数体内部使用 yield 语句我们定义一个generatorFunction示例：function* firstGenerator() {
var one = yield 'one';
consol
转载
2024-05-29 16:48:52
57阅读
1. let和const1.let 和 const不存在变量提升问题； 2.let 负责定义变量、const 负责定义常量； 3.二者在同一作用域内(即{}内) 不允许重复声明同一变量名； 4.const 声明后需立即赋值，不然会报错; 5.使用lett定义变量时，该变量不允许使用，此区间称为 暂存性死区// 暂存性死区
if (true) {
// TDZ开始
tmp = 'abc';
转载
2024-03-26 12:27:49
131阅读
字符串1.概述 1.1定义字符串就是零个或多个排在一起的字符，放在单引号或双引号之中。1.2转义反斜杠（\）在字符串内有特殊含义，用来表示一些特殊字符，所以又称为转义符。需要用反斜杠转义的特殊字符，主要有下面这些。
\0 ：null（\u0000）
\b ：后退键（\u0008）
\f ：换页符（\u000C）
\n ：换行符（\u000A）
\r&nbs
