Troyes 的自我修养记录

原创 ES6学习系列——class 语法

class总览：ES6 中的 class 可以看做是一个语法糖，它的功能用ES5 也可以实现，只是写法更加清晰明了（因为更像面向对象编程的语法）；ES6 中类和模块内部都是默认使用严格模式，无需再加上”use strict”;class 的数据类型是”function”，因为类本身其实就是个构造函数；上实例：class Test { constructor (x, ...

原创 ES6学习系列——Promise

ddd

原创 ES6学习系列——Module

ES6 模块（Module）总览：在ES6 之前，JS中并没有模块体系，但是程序猿还是搞出了替代的模块加载方案：客户端用AMD，而服务端用commonJS。在ES6 中正式提出了模块（Module），相较于前面的替代方案，它的静态优化更好，所以效率更加高，前展也更为可观，为JS 的语法拓展可以提供条件。 为什么说它的静态优化更好呢？因为ES6 的模块在编译的过程中就可以确定模块间的依赖关系以...

原创 1811 css+布局

主体部分: 一般都是三部分组成header footer main三者，一般只有前两者需要加高度和设置padding:0 10px，因为内部元素更少，利于计算；header 作为头部，包括搜索框和logo以及导航footer 地址邮编版权二维码这些信息main 作为主容器，高度宽度都不用定义main-box 用来放大块元素，width设为设计图的宽度，margin:auto;大...

原创 HTTP 协议

原创 ES6学习系列——Symbol 数据类型

Symbol 是ES6 引入的一种新的原始数据类型，用于表示独一无二的值； 主要用于当做属性名，防止属性名重名，因为用字符串当属性名很容易就会在不经意间造成重名； （1）Symbol值生成: 通过 Symbol() 函数//不能用 new ，否则会给你报错const sym = Symbol();typeof sym //"symbol"Symbol 函数可以接收一个字符...

原创 ES6学习系列——Number 扩展

1、二进制和八进制表示ES5 中，严格模式不允许使用前缀0o; 而在 ES6 中，就可以使用前缀0o(或者0O)和0b(或者0B),分别表示八进制和二进制数值； 如果想要将数值转换成十进制，就要用 Number(): Number('0b111'); // 7Number('0o10'); // 82、Number.isFinite()、Number.isNaN()...

原创 ES6学习系列——String 扩展

1、字符的 Unicode 表示法JS中，可以使用 \uxxxx 来表示一个字符，而 xxxx 就是字符的unicode 码点，而一个码点就代表 2 个字节； '\u0061' //'a'//也就是说 0061 是字符 a 的Unicode 码点在ES5 中，这种表示方法的码点在 [0000, FFFF] 区间内才能正确表示字符，也就是说超过了 \uFFFF 的字符要用 4 个...

原创 你不知道的JS（中篇）——强制类型转换

强制类型转换：将值从某一个类型转换成另一种类型；准确来说可以分为显式类型转换和隐式类型转换1、抽象值操作：ToNumber、ToString、ToBoolean（1）toString(): 非字符串转换成字符串let arr = [1,3,2,4];arr.toString(); //"1,3,2,4"②对于JSON.stringify()，对于传入的值处理如下：...

原创 JavaScript错误类型

1.Error: 尝试去访问（由于同源策略而导致）无权访问的对象的时候抛出； 这很可能出现在使用 iframe 元素时加载了一个不同域名下的页面2.InternalError: 内部错误，由于递归次数过于庞大而抛出的错误； 将递归条件设置为一个极大的数值，将不能运行：function loop(x) { if (x >= 1000000000000) return;...

原创 Babel 在windows系统下的安装和使用

babel 基于nodeJS，安装和使用如下(用的是windows的 cmd命令行)：//创建初始化文件npm init //安装babel-cli, 加-D 是为了误删node_module文件夹之后，可以通过'npm install' 命令行再下回来npm install babel-cli -D//修改package.json 文件，往"script" 添加启动和构建命令...

原创 ES6学习系列——Generator 函数

Generator 总览：

原创 ES6学习系列——async 函数

async 函数总览：async 函数就是 Generator 函数的语法糖。1、async 函数语法：async 函数的常见使用形式：//函数声明式async function () {}//函数表达式let test = async function () {];//还可以写成箭头函数： let test = async () => {};//对象方法...

原创 ES6学习系列——Reflect

Reflect：ES6的新API， 为更好地操作对象而生那么Reflect是如何更好地操作对象的呢？大概可以从下面几个方面说说：将Object 内部方法转移到了Reflect 对象上，而且调用这些新部署在Reflect对象上的方法，返回的结果更加人性化：Object 的某些内部方法调用出了问题会直接抛出一个错误，而Reflect 对象则会返回false；更棒的是，之前直接对Object...

原创 ES6学习系列——Proxy

Proxy用于修改某些操作的默认行为，等于是在语言层面做出了修改，也就是对编程语言进行改动。具体来说，Proxy就是一种机制，用来拦截外界对目标对象的访问，可以对这些访问进行过滤或者改写，所以Proxy更像是目标对象的代理器。1、ES6 原生提供Proxy构造函数，可以用来生成proxy实例：（1）实例let proxy = new Proxy(target, handler)...