开始学习一、资源整理资源与概念：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阅读
文章目录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阅读
前言ES6的出现是为了提高 javascript 的严谨性，安全性等方面，它代表着js的发展方向。网站开发的人员，无论前后端都必须熟稔 ES6 语法规范。带着问题看书1. ES6 新增的关键词 let 和 var 区别？a. 使用let声明的变量，只在它所在的代码块内有效。即如果使用let，声明的变量仅在块级作用域内有效。
b. var命令会发生”变量提升“现象，即变量可以在声明之前使用，值为
转载
2024-03-12 17:47:24
78阅读
好文！对深入理解字符存储方式非常有用！作者： 阮一峰日期： 2007年10月28日今天中午，我突然想搞清楚Unicode和UTF-8之间的关系，于是就开始在网上查资料。结果，这个问题比我想象的复杂，从午饭后一直看到晚上9点，才算初步搞清楚。下面就是我的笔记，主要用来整理自己的思路。但是，我尽量试图写得通俗易懂，希望能对其他朋友有用。毕竟，字符编码是计算机技术的基石，想要熟练使用
转载
2023-07-31 18:28:59
187阅读
写在开头：此 Webpack 教程是阮老师在 Webpack 1.x 的版本上做的。现在 Webpack 的版本已经改动较大，建议有基础的同学，就直接上官网看最新的就好了。这个教程可以用来了解下 Webpack 的前世今生。仓库地址： https://github.com/userkang/webpack-demos-cn开始这个项目是一些简单的 Webpack 示例集合这些示例特意用简单明了的方
转载
2023-11-05 08:23:35
273阅读
最近因开始学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
53阅读
1 介绍 Vue 在修改数据之后，视图不会立即更新，而是等待同一事件循环中的所有数据变化完成之后，再统一进行视图更新。而 nextTick 的触发时机就是在重新渲染完毕后 官方说明：在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的DOM 2 异步说明 Vue实现响应式并不是数据发生变化之后DOM立即变化，而是按一定的策略进行DOM的更新 在
转载
2023-08-08 11:56:45
331阅读
下图是ThoughtBot的Git使用规范流程。 第一步：新建分支 首先，每次开发新功能，都应该新建一个单独的分支（Git分支管理策略）。# 获取主干最新代码
$ git checkout master
$ git pull
# 新建一个开发分支myfeature
$ git checkout -b myfeature第二步：提交分支commit 分支修改后，就可以提交commit了。$ gi
转载
2023-10-09 22:32:46
593阅读
概念promise就是一个容器，里面保存着未来才会结束的事件的结果。(通常为异步操作的结果)promise是一个对象，可以获取异步操作的消息。promise对象是一个构造函数，用来生成promise实例。特点promise对象的状态不受外界影响。三种状态： pending（进行中），fulfilled（已成功），rejected（已失败）。只有异步操作的结果能决定当前状态。其他操作都无法改变状态。
转载
2023-08-28 18:56:04
99阅读
flex布局，父元素加上如下代码即可： display: flex; justify-content: center; align-items :center;Flex布局将成为未来布局的首选方案。 Flex 是 Flexible Box 的缩写，意为“弹性布局”，用来为盒装模型提高最大的灵活性。任何一个容器都可以指定为 Flex 布局，需要设置 display: flex;
转载
2023-07-24 13:59:45
539阅读
文章目录ES6 入门教程1 ECMAScript 6 简介1.1 ECMAScript 和 JavaScript 的关系1.2 ES6 与 ECMAScript 2015 的关系1.3 语法提案的批准流程1.4 ECMAScript 的历史1.5 Babel 转码器1.5.1 安装Babel1.5.2 配置文件.babelrc1.5.3 命令行转码1.5.4 babel-node1.5.5 @b
转载
2024-05-10 22:06:27
81阅读
参考大神阮一峰的文章《测试框架 Mocha 实例教程》目前在使用Nodejs，但写完的程序很容易出错，那怎么办？需要引入单元测试去做基础的测试目前Nodejs用来做单元测试的工具接触的不多，现在只接触到Mocha，它是用来做单元测试的最好的工具之一。关于Mocha的基础教程，可以看一下阮一峰老师的博客：测试框架 Mocha 实例教程=》基本概念：describe()：测试区块，一个测试区块应该包含
转载
2023-11-09 09:48:26
166阅读
1.let和const命令let注意点：a. 使用let命令声明变量之前，该变量都是不可用的。（称为“暂时性死区”）b. let、const语句不出现变量提升c. let不允许在相同作用域内，重复声明同一个变量。d. const一旦声明变量，就必须立即初始化，不能留到以后赋值。ES6声明变量的6种方法：Es5中：var 命令和function命令。Es6 let和co
转载
2023-11-19 11:37:25
505阅读
学过网页开发就会知道，CSS 不能算编程语言，只是网页样式的一种描述方法。为了让 CSS 也能适用软件工程方法，程序员想了各种办法，让它变得像一门编程语言。从最早的Less、SASS，到后来的 PostCSS，再到最近的 CSS in JS，都是为了解决这个问题。本文介绍的 CSS Modules 有所不同。它不是将 CSS 改造成编程语言，而是功能很单纯，只加入了局部作用域和
转载
2023-12-04 23:05:52
80阅读
webpack是前端工程构建的一套工具，为什么一个程序称之为一套呢，是因为webpack其实是npm的一个模块，使用起来的话，这期间还需要很多其它模块来进行支持，所以我称之为一套工具。webpack的功能与grunt和gulp都是基于node的，所以希望你有一个node基础，如果还没有，那么先学习一下node吧，这是阮一峰的教程，很不错，不过还需要多了解node的API，可以访问官网学习。一、we
转载
2023-09-13 11:46:32
240阅读
# Vue.js 教程
Vue.js 是一款用于构建用户界面的渐进式 JavaScript 框架。它易于学习，功能强大，广泛应用于创建单页面应用程序和复杂的前端应用。
本文将介绍 Vue.js 的基本概念和常用功能，并通过代码示例演示其用法。
## 简介
Vue.js 是由尤雨溪开发的一款轻量级 JavaScript 框架。它采用 MVVM（Model-View-ViewModel）架构模
原创
2023-07-21 10:22:43
389阅读
读阮一峰《ECMAScript 6 入门》小结，http://es6.ruanyifeng.com/1. ES6简介Babel 是一个广泛使用的 ES6 转码器，可以将 ES6 代码转为 ES5 代码 在线转换：https://babeljs.io/repl/2. let和const命令let在块级作用域内有效，var有变量提升（变量可以在声明之前使用，值为undefined），声明的变量有内
转载
2024-04-28 14:57:51
54阅读
