前言ES6的出现是为了提高 javascript 的严谨性，安全性等方面，它代表着js的发展方向。网站开发的人员，无论前后端都必须熟稔 ES6 语法规范。带着问题看书1. ES6 新增的关键词 let 和 var 区别？a. 使用let声明的变量，只在它所在的代码块内有效。即如果使用let，声明的变量仅在块级作用域内有效。
b. var命令会发生”变量提升“现象，即变量可以在声明之前使用，值为
好文！对深入理解字符存储方式非常有用！作者： 阮一峰日期： 2007年10月28日今天中午，我突然想搞清楚Unicode和UTF-8之间的关系，于是就开始在网上查资料。结果，这个问题比我想象的复杂，从午饭后一直看到晚上9点，才算初步搞清楚。下面就是我的笔记，主要用来整理自己的思路。但是，我尽量试图写得通俗易懂，希望能对其他朋友有用。毕竟，字符编码是计算机技术的基石，想要熟练使用
转载
2023-07-31 18:28:59
152阅读
写在开头：此 Webpack 教程是阮老师在 Webpack 1.x 的版本上做的。现在 Webpack 的版本已经改动较大，建议有基础的同学，就直接上官网看最新的就好了。这个教程可以用来了解下 Webpack 的前世今生。仓库地址： https://github.com/userkang/webpack-demos-cn开始这个项目是一些简单的 Webpack 示例集合这些示例特意用简单明了的方
作者： 阮一峰1、以前，网页开发有一个原则，叫做“关注点分离”(separation of concerns)。它的意思是，各种技术只负责自己的领域，不要混合在一起，形成耦合。对于网页开发来说，主要是三种技术分离。HTML 语言：负责网页的结构，又称语义层CSS 语言：负责网页的样式，又称视觉层JavaScript 语言：负责网页的逻辑和交互，又称逻辑层或交互层简单说，就是一句话，不要写”行内样式
HTTPS为什么需要HTTPS？？窃听风险：第三方获知通信内容篡改风险：第三方可以修改通信内容冒充风险：第三方可以冒充他人身份参与通信SSL/TLS协议作用所有信息加密传播校验机制，一旦篡改，通信双方会立刻发现配备身份证书，防止身份冒充如何保证公钥不被篡改？公钥放在数字证书中，证书可信，公钥可信公钥加密计算量太大，如何减少耗用的时间？每一次对话，客户端和服务端都生成一个对话密钥，用它来加密信息。对
最近因开始学ReactJS,发现ReactJS跟webpack这个模块化打包工具绝配，又开始找webpack的资料学。。。。。。在本尊千辛万苦的看了众多资料下，还是感觉阮大神写的这个demo简单明了，深入浅出，很适合新手学习，但是因为资料是全英文写的，自己在学习的过程中就顺当翻译了下，以下为原文地址链接 ： https://github.com/ruanyf/webpack-demos#dem
转载
2023-08-03 23:15:20
266阅读
开始学习一、资源整理资源与概念：PDF: <Vue前端开发 快速开发与专业应用>组件化、数据绑定。 MVVM模型：MVC，MVP 和 MVVM 的图示 作者： 阮一峰 基础教程：vue教程_2019年vue视频教程 7小时学会Vue+Vuex+MintUi+ElementUi入门实战视频教程（30讲） 官网安装：https://cn.v
AbstractGenetator函数Generator函数是ES6提供的一种异步编程解决方案，其语法行为完全不同于传统函数。语法两大特征
function 关键字与函数名之间的 *
函数体内部使用 yield 语句我们定义一个generatorFunction示例：function* firstGenerator() {
var one = yield 'one';
consol
Promise的使用和踩坑(本文部分内容直接引用了阮一峰老师的《ES6入门》)1.Promise的基本使用①什么是PromisePromise是异步编程的一种解决方案，他能避免回调函数的层层嵌套，带来的难以阅读和维护等问题，例如下面的回调地狱：setTimeout(() => {
console.log(1)
setTimeout(() => {
con
概念promise就是一个容器，里面保存着未来才会结束的事件的结果。(通常为异步操作的结果)promise是一个对象，可以获取异步操作的消息。promise对象是一个构造函数，用来生成promise实例。特点promise对象的状态不受外界影响。三种状态： pending（进行中），fulfilled（已成功），rejected（已失败）。只有异步操作的结果能决定当前状态。其他操作都无法改变状态。
转载
2023-08-28 18:56:04
81阅读
flex布局，父元素加上如下代码即可： display: flex; justify-content: center; align-items :center;Flex布局将成为未来布局的首选方案。 Flex 是 Flexible Box 的缩写，意为“弹性布局”，用来为盒装模型提高最大的灵活性。任何一个容器都可以指定为 Flex 布局，需要设置 display: flex;
转载
2023-07-24 13:59:45
420阅读
文章目录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
下图是ThoughtBot的Git使用规范流程。 第一步：新建分支 首先，每次开发新功能，都应该新建一个单独的分支（Git分支管理策略）。# 获取主干最新代码
$ git checkout master
$ git pull
# 新建一个开发分支myfeature
$ git checkout -b myfeature第二步：提交分支commit 分支修改后，就可以提交commit了。$ gi
参考大神阮一峰的文章《测试框架 Mocha 实例教程》目前在使用Nodejs，但写完的程序很容易出错，那怎么办？需要引入单元测试去做基础的测试目前Nodejs用来做单元测试的工具接触的不多，现在只接触到Mocha，它是用来做单元测试的最好的工具之一。关于Mocha的基础教程，可以看一下阮一峰老师的博客：测试框架 Mocha 实例教程=》基本概念：describe()：测试区块，一个测试区块应该包含
1.let和const命令let注意点：a. 使用let命令声明变量之前，该变量都是不可用的。（称为“暂时性死区”）b. let、const语句不出现变量提升c. let不允许在相同作用域内，重复声明同一个变量。d. const一旦声明变量，就必须立即初始化，不能留到以后赋值。ES6声明变量的6种方法：Es5中：var 命令和function命令。Es6 let和co
学过网页开发就会知道，CSS 不能算编程语言，只是网页样式的一种描述方法。为了让 CSS 也能适用软件工程方法，程序员想了各种办法，让它变得像一门编程语言。从最早的Less、SASS，到后来的 PostCSS，再到最近的 CSS in JS，都是为了解决这个问题。本文介绍的 CSS Modules 有所不同。它不是将 CSS 改造成编程语言，而是功能很单纯，只加入了局部作用域和
webpack是前端工程构建的一套工具，为什么一个程序称之为一套呢，是因为webpack其实是npm的一个模块，使用起来的话，这期间还需要很多其它模块来进行支持，所以我称之为一套工具。webpack的功能与grunt和gulp都是基于node的，所以希望你有一个node基础，如果还没有，那么先学习一下node吧，这是阮一峰的教程，很不错，不过还需要多了解node的API，可以访问官网学习。一、we
转载
2023-09-13 11:46:32
207阅读
ES6 基础扩展内容简介： 一、ECMAScript简介 二、let和const命令 三、变量的解构赋值 四、字符串的扩展 七、数值的扩展 八，函数的扩展 九、数组的扩展 十、对象的扩展 十一、对象的新增方法一、ECMAScript简介1. ECMAScript与JavaScript的关系
1） ECMAScript 和 JavaScript 的关系是，前者是后者的规格，后者是前者的一种实
读阮一峰《ECMAScript 6 入门》小结，http://es6.ruanyifeng.com/1. ES6简介Babel 是一个广泛使用的 ES6 转码器，可以将 ES6 代码转为 ES5 代码 在线转换：https://babeljs.io/repl/2. let和const命令let在块级作用域内有效，var有变量提升（变量可以在声明之前使用，值为undefined），声明的变量有内
全局作用域 函数作用域 块级作用域一：块级作用域1.外层作用域无法读取内层作用域的变量2.let const声明的变量只能先声明，后使用。 let const都是块级作用域！ const声明的变量必须赋初始值且不可变，像final！ 不可变是指引用不可变，也就是内存中的那片地址。 Object.freeze（要冻结对象） 引用指向的对象不可变哦！ const声明引用不可
转载
2023-07-29 23:24:30
363阅读
