# 如何实现“JavaScript 阮一峰” 的项目
在学习 JavaScript 的过程中，阅读优秀的书籍和资料是非常重要的。《JavaScript 阮一峰》这本书提供了很多实用的编程知识。接下来，我将帮助你一步一步地实现一个小项目，以更好地理解这本书的内容。
## 项目流程
下面是项目实现的基本步骤，这些步骤会帮助你理清思路。
| 步骤 | 描述
你可能知道，Javascript语言的执行环境是"单线程"（single thread）。所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏 览器无响应（假死），往往就是因为某一段Javasc
写在开头：此 Webpack 教程是阮老师在 Webpack 1.x 的版本上做的。现在 Webpack 的版本已经改动较大，建议有基础的同学，就直接上官网看最新的就好了。这个教程可以用来了解下 Webpack 的前世今生。仓库地址： https://github.com/userkang/webpack-demos-cn开始这个项目是一些简单的 Webpack 示例集合这些示例特意用简单明了的方
转载
2023-11-05 08:23:35
273阅读
前言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
184阅读
AbstractGenetator函数Generator函数是ES6提供的一种异步编程解决方案，其语法行为完全不同于传统函数。语法两大特征
function 关键字与函数名之间的 *
函数体内部使用 yield 语句我们定义一个generatorFunction示例：function* firstGenerator() {
var one = yield 'one';
consol
转载
2024-05-29 16:48:52
53阅读
开始学习一、资源整理资源与概念：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阅读
Promise的使用和踩坑(本文部分内容直接引用了阮一峰老师的《ES6入门》)1.Promise的基本使用①什么是PromisePromise是异步编程的一种解决方案，他能避免回调函数的层层嵌套，带来的难以阅读和维护等问题，例如下面的回调地狱：setTimeout(() => {
console.log(1)
setTimeout(() => {
con
转载
2024-04-30 20:52:23
69阅读
作者： 阮一峰1、以前，网页开发有一个原则，叫做“关注点分离”(separation of concerns)。它的意思是，各种技术只负责自己的领域，不要混合在一起，形成耦合。对于网页开发来说，主要是三种技术分离。HTML 语言：负责网页的结构，又称语义层CSS 语言：负责网页的样式，又称视觉层JavaScript 语言：负责网页的逻辑和交互，又称逻辑层或交互层简单说，就是一句话，不要写”行内样式
转载
2024-06-03 07:30:55
86阅读
最近因开始学ReactJS,发现ReactJS跟webpack这个模块化打包工具绝配，又开始找webpack的资料学。。。。。。在本尊千辛万苦的看了众多资料下，还是感觉阮大神写的这个demo简单明了，深入浅出，很适合新手学习，但是因为资料是全英文写的，自己在学习的过程中就顺当翻译了下，以下为原文地址链接 ： https://github.com/ruanyf/webpack-demos#dem
转载
2023-08-03 23:15:20
293阅读
参考大神阮一峰的文章《测试框架 Mocha 实例教程》目前在使用Nodejs，但写完的程序很容易出错，那怎么办？需要引入单元测试去做基础的测试目前Nodejs用来做单元测试的工具接触的不多，现在只接触到Mocha，它是用来做单元测试的最好的工具之一。关于Mocha的基础教程，可以看一下阮一峰老师的博客：测试框架 Mocha 实例教程=》基本概念：describe()：测试区块，一个测试区块应该包含
转载
2023-11-09 09:48:26
166阅读
文章目录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阅读
flex布局，父元素加上如下代码即可： display: flex; justify-content: center; align-items :center;Flex布局将成为未来布局的首选方案。 Flex 是 Flexible Box 的缩写，意为“弹性布局”，用来为盒装模型提高最大的灵活性。任何一个容器都可以指定为 Flex 布局，需要设置 display: flex;
转载
2023-07-24 13:59:45
539阅读
下图是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阅读
webpack是前端工程构建的一套工具，为什么一个程序称之为一套呢，是因为webpack其实是npm的一个模块，使用起来的话，这期间还需要很多其它模块来进行支持，所以我称之为一套工具。webpack的功能与grunt和gulp都是基于node的，所以希望你有一个node基础，如果还没有，那么先学习一下node吧，这是阮一峰的教程，很不错，不过还需要多了解node的API，可以访问官网学习。一、we
转载
2023-09-13 11:46:32
240阅读
学过网页开发就会知道，CSS 不能算编程语言，只是网页样式的一种描述方法。为了让 CSS 也能适用软件工程方法，程序员想了各种办法，让它变得像一门编程语言。从最早的Less、SASS，到后来的 PostCSS，再到最近的 CSS in JS，都是为了解决这个问题。本文介绍的 CSS Modules 有所不同。它不是将 CSS 改造成编程语言，而是功能很单纯，只加入了局部作用域和
转载
2023-12-04 23:05:52
80阅读
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
503阅读
ES6 基础扩展内容简介： 一、ECMAScript简介 二、let和const命令 三、变量的解构赋值 四、字符串的扩展 七、数值的扩展 八，函数的扩展 九、数组的扩展 十、对象的扩展 十一、对象的新增方法一、ECMAScript简介1. ECMAScript与JavaScript的关系
1） ECMAScript 和 JavaScript 的关系是，前者是后者的规格，后者是前者的一种实
转载
2024-07-21 19:37:17
89阅读
从 JavaScript 程序员的角度总结思考，循序渐进的理解 TypeScript。http://ts.xcatliu.com/什么是TypeScript？TypeScript是一种添加了类型系统的 JavaScript，适用于任何规模的项目。我们都知道JavaScript是一种弱类型的语言。而TypeScript增强了它的类型。由于JavaScript 是一门非常灵活的编程语言，这将导致：它没
转载
2023-07-28 13:21:21
374阅读
