- 博客(53)
- 收藏
- 关注
RSS订阅转载 ES6 新特性之 Module
关于模块化，在之前有过AMD和CMD，require.js以及后面的sea.js，实际上都是借助于第三方的插件。那么在ES6里面它官方引入了模块化编程，它的不同之处在于：ES6的Module它的运行环境实际上是编译时的，也就是说在编译时它就会把所有的依赖导入导出，每一个模块有自己独立的命名空...
2019-09-02 16:20:00
152
转载 ES6 新特性之 Class
在JS里面，它实际上是没有类的概念的，我们如果想要实现一个面向对象的一个编程，那么我们只能够借助构造函数，但是构造函数有着自身的缺点，首先第一点它的写法不清晰，我们需要继承的话就需要手动的去操作prototype；其次它面向对象的思想也不是很强烈，所以在ES6它封装了一层构造函数的语法糖，就叫...
2019-08-30 13:48:00
213
转载 ES6新特性之Async
基本概念Async实际上是一个封装了自动化执行并返回一个Promise的Generator函数的语法糖。这句话的意思我们可以分为三个部分来解读：首先它有一个自动化执行，Generator函数是依靠不停的调用.net来依次执行的，Async有一个自动化执行的过程。第二个，它返回一个...
2019-08-29 16:18:00
162
转载 ES6 新特性之Generator
1：基本概念实际上Generator就是遍历器的一个生成器，我们可以用Generator来生成一个遍历器。Generator有两个明显的特点：第一个是function关键字与函数名之间有一个星号，一般而言是将两者写在一起的。第二个是在函数体内部有一个yield的关键字。 functi...
2019-08-27 09:59:00
140
转载 ES6新特性之Iterator
1：基本概念Iterator 迭代器是一种接口，为不同的数据结构提供统一的访问机制，这个访问机制主要是遍历，我们知道，在数组、在对象、在类数组、在map、在set里面，都可以用for of或者扩展运算符来得到一个数组或者是遍历当前的数据结构，为什么能够遍历的原因就是因为存在这个Iterato...
2019-08-26 14:18:00
143
转载 ES6新特性之Promise
基本概念从字面意思上来看，Promise是承诺。它表示一个异步操作的最终状态（完成或失败），以及该异步操作的结果值。根据Pormise的执行结果可以拿到一个最终状态。 new Promise（{ function(resolve,reject){ ...
2019-08-23 13:49:00
112
转载 ES6新特性之Reflect
基本概念reflect是一个内置的对象，提供了拦截JavaScript操作的方法（主要作用）。它将部分属于语言内部的方法转移到reflect上去，比如defineProperty。优化了一部分函数的返回结果，它的风格上倾向于函数式编程，保留对象的默认行为（Proxy），没有构造函数，所有的属...
2019-08-22 16:48:00
156
转载 ES6新特性之Proxy
基本概念字面意思的理解就是代理。用于定义基本操作的自定义行为，就是我们可以自定义某些行为，比如属性的查找，赋值，枚举，函数调用等。实际上我们利用这个Proxy实现对编程语言进行编程，就是把一些内部的方式，内置的方法改变了，这种编程就叫做语言编程。属性代理就做拦截。关于Proxy需要注意...
2019-08-21 16:27:00
285
转载 Set 和 Map
Set1：基本概念类数组对象, 内部元素唯一 let set = new Set([1, 2, 3, 2, 1]); console.log(set); // Set(3){ 1, 2, 3 } [...set]; // [1, 2, 3] 接收数组或...
2019-08-20 09:51:00
76
转载 ES6新特征之Symbol
基本概念Symbol：表示独一无二的值，属于类字符串数据类型，本质上可以当字符串来用。基本用法Symbol是JavaScript的第七种数据类型，前六种分别是undefined、null、Boolean、String、NUmber、Objects、Symbol。 // 1 ...
2019-08-19 13:46:00
87
转载 函数的扩展
这篇文章主要介绍了函数的扩展，函数的扩展只要有三个方面：1 参数的默认值2 箭头函数3 关于尾调用的优化参数的默认值（会形成一个单独的作用域）可以在直接定义函数的时候，定义好参数如果没传或者传错 undefined。//解构的基本用法//用法1：function log(x, ...
2019-08-16 16:08:00
241
转载 对象的扩展
对象的改变分为对象的扩展和对象的新增方法。对象的扩展和新增的方法都有哪些？1：属性的简洁表示法 //在ES6中的写法： const week = 'week'; const year = { week, hello() { ...
2019-08-15 09:53:00
130
转载 数值的扩展
ES6传达的一个比较重要的思想，一个是尽可能的减少全局的方法而把它移植到特定的对象上去，另一个是在一些判断的场景下，尽可能的减少隐式的转换使得得到的结果更为安全。1：二进制、八进制表示法 /* 0b(0B) 二进制*/ Number('0b111'); // 7...
2019-08-12 13:51:00
96
转载 数组的扩展
1：扩展运算符主要作用就是展开当前数组；一般应用于浅拷贝、合并数组、解构 console.log(1, ...[2, 3, 4], 5); // 1 2 3 4 5 ...[2, 3, 4] // VM71: 1 Uncaught SyntaxError: Un...
2019-08-09 10:04:00
89
转载 字符串与正则的扩展
1、字符串的扩展Unicode - \u0000 ~ \uFFFF '\{u0061}' // a '\uD842\uDfB7' "\u{20BB7}" // "????" 字符串遍历器 - 识别大于0xFFFF let text2 = Str...
2019-08-08 10:03:00
88
转载 变量的扩展与解构
1、发展历史基本概念：ES6 是 ECMAScript6 的一个简称；1996年网景（Netscape）提交给国际标准组织（ECMA）的新语言，希望成为国际标准。第二年发布了Javascript并称为ECMAScript。为什么不叫JavaScript而是ECMAScript呢？有两个原因...
2019-08-07 14:06:00
165
转载 JavaScript模块化开发
1：发展历史早期的Javascript是作为浏览器的脚本语言，使用<script>标签直接引入，没有所谓的模块化。也就是说如果我们需要一个js文件，我们就加一个<script>标签，把需要的js引入进来。这种方式的特点在于：简单粗暴。但是当项目越来越大，依赖越来越多...
2019-08-06 13:49:00
95
转载 JavaScript的排序算法
1：基本概念时间复杂度：算法执行所耗费的时间。这个复杂度直接和样本的个数有关，复杂度反映了算法的性能，一般来说，复杂度越低，算法所消耗的时间越短。 /* O(N1) */ for (var i = 0; i < data.length; i++) { ...
2019-08-05 13:34:00
100
转载 JavaScript实现Ajax
1：基本概念jQuery的Ajax请求实际上是封装的一个XHLHttpRequest，从字面意思来看是，XML是一种文件格式，Http是一个网络请求，Request最开始是用于请求XML文件的，后来不断扩展可以请求多种类型的文件。XHLHttpRequest，网络请求模块，或者是一个浏览器...
2019-08-02 16:14:00
515
转载 JavaScript自定义事件
1：基本概念系统内发生的动作或发生的事情，系统会在事件出现时触发某种信号，提供一个自动加载某种动作的机制。 var myButton = document.getElementById('button'); myButton.onclick = function(){ ...
2019-08-01 14:09:00
85
转载 JavaScript面向对象编程(OOP)
1：基本概念面向对象编程是用抽象方式创建基于现实世界模型的一种编程模式。这句话的意思是：每个对象能够接受信息，处理数据和发送消息给其他对象；这就意味着在这个编程模式下，每一个对象都是一个独立的个体，它可以接收，可以处理，然后再把消息发送出去。每个对象都可以被看作是一个拥有清晰角色或责任的独...
2019-07-30 13:52:00
101
转载 JavaScript正则表达式
1：基本概念正则表达式是用于匹配字符串中字符组合的模式。它也是一个描述字符模式的对象，使用正则表达式可以进行强大的模式匹配和文本检索与交替功能。正则表达式有两部分组成，一部分是普通字符，一部分是特殊字符。普通字符比如说键盘可以输出的这些字母大写A-Z和小写a-z，0-9的数字；特殊字符可以...
2019-07-29 13:40:00
68
转载 JavaScript闭包
基本概念函数和声明该函数的词法环境的组合。闭包包含了函数也包含了声明该函数的词法环境（作用域）。闭包实际上是将函数与其所操作的某些数据（环境）关联起来，这些数据或者是环境可以理解为它的一个作用域。因此我们可以达到一个能够访问另一个函数作用域的变量的函数的目的。//定义局部变量funct...
2019-07-26 14:12:00
55
转载 JavaScript函数式编程
1：基本概念函数式编程是一种编程思维方式，并不是一些语法规则，对于复用性高的功能代码进行一定的函数封装，实现了代码的高可复用性（主要目的）。函数式编程的特点：函数是第一等公民，因为叫函数式编程，因此函数的地位是最高的，也就是说比起变量函数的地位更高一点。只用表达式而不用语句，表...
2019-07-25 13:51:00
93
转载 JavaScript调用栈
1：基本概念栈(stack)：用来保存简单的数据字段。堆(heap)：用来保存栈中简单的数据字段对指针的引用。队列：是一种先进先出的线性数据结构。函数的调用的进栈和出栈的顺序，遵循 先进后出 的原则。空间分配：堆：一般由程序员释放，如果程序员不释放就会在结束时由OS回收；栈：一般...
2019-07-24 09:46:00
200
转载 JavaScript中的this
1：基本概念this字面意思是当前，当前执行代码的环境对象或者是上下文。代表着当前方法执行的环境上下文，那么何为环境上下文，通俗的说，谁调用了函数，谁就是这个函数的环境上下文。在js中，this只有两种指向，一种是指向当前的封闭作用域，或者是指向当前作用域的外层，this的最顶层就是win...
2019-07-23 11:07:00
61
转载 JavaScript常用的继承方式
JavaScript常用继承方式主要分为(7种)：原型链继承、构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合继承以及继承多个对象。1：原型链继承(核心：将父类的实例作为子类的原型)基本概念：重写原型对象，赋予一个新的对象的实例。基本思想就是让一个原型对象指向另一个父类的实例。 ...
2019-07-22 10:02:00
58
转载 构造函数
1：基本概念提起构造函数，我们需要从JS的创建对象开始，JS的创建对象有两种方式，一种是对象字面量法（把一个对象的属性和方法一一罗列出来），对象字面量法有一个明显的不足在于它不适合批量的或者是构建大量的类似或者重复的对象，由于这个限制也就有了另一种创建方式，构造函数。对象字面量 c...
2019-07-19 13:53:00
83
转载 Audio 和 Video的简单介绍
HTML多媒体 ， 主要分为Audio 音频和 Video 视频。1：Audio基本语法src 指定当前播放的音频文件，controls播放控制器，loop歌曲循环，autoplay自动播放 (chrome66之后被禁止)主流浏览器已经关闭了自动播放，需要js触发才行，preload 预...
2019-07-18 11:56:00
588
转载 离线地图
瓦片地图原理瓦片地图由一片一片的地图瓦片构成，它的尺寸是256px*256px，是一张张的图片。下面的金字塔图片，从上到下，呈一个指数关系的增长，最上面对应比例尺最小，表示范围最大的地图，一般而言，最大的这个就代表世界地图整个的地球范围。然后依次往下，对应不同的层级。对于瓦片地图256p...
2019-07-16 13:46:00
189
转载 HTML 地理坐标
1：定位基准说到地理坐标，一定是有一个定位的基准的。在web开发的过程中，它的定位基准一共有那么几种：第一种是IP，根据当前电脑或者是手机设备它的IP地址来确定当前的地理坐标。IP定位是通过ISP机房，也就是每一个登记的机房位置，比如小区，每一栋大楼都会有一个登记的ISP机房。如果使用IP...
2019-07-15 13:48:00
215
转载 Canvas动画
1：Canvas动画原理快速切换的静态画面。2：基本步骤绘制 - 清空 - 绘制 - 清空 - 绘制 ...3：控制函数setTimeoutsetIntervalrequestAnimationFrame4：四种运动线性运动const canvas = docume...
2019-07-14 18:45:00
66
转载 Canvas的变换
Canvas的变换的相关内容主要是从平移（translate）、旋转（rotate）、缩放（scale）、矩阵变换（Tramsform）、阴影（Shadow）、画布合成和路径裁剪（Clip）多个方面拓展了Canvas的绘图能力。1：Translate（平移）translate(x,y); ...
2019-07-13 22:18:00
91
转载 丰富Canvas的应用
这篇文章主要介绍了多媒体样式，Canvas填充、文本以及图片等多媒体样式应用, 结合状态保存与恢复介绍了Canvas如何绘制多彩的内容。1：添加样式主要有填充样式（fillStyle），轮廓的样式（strokeStyle），然后还有一个透明度（transparency）和线条样式（line...
2019-07-12 14:45:00
91
转载 Canvas 的简单介绍
1：基本概念Canvas是HTML5的一个新特性，canvas又叫做画板。顾名思义，我们可以在canvas上绘制我们需要的图形。最开始，canvas它是由苹果公司提出的，当时不叫canvas，叫widget，因为HTML并不存在一套二维的绘图API。Canvas本身是一个HTML元素，需要H...
2019-07-11 13:39:00
803
转载 WebWorker进阶
WebWorker与主线程之间的通信这篇文章主要分享介绍了WebWorker特殊应用场景, 扩展了WebWorker的能力, 为跨页面通信提供了另外一种思路。在上一篇文章里面也有了解到webworker与主线程之间的通信，使用的是一个PostMessage。在上一篇文章中，有个例子是，从主线...
2019-07-10 13:43:00
270
转载 初始WebWorker
基本概念JS单线程：我们都知道JavaScript它是一个单线程的语言，同一时间只能做一件事。比如：在浏览器中，某一时刻我们在操作DOM，你们这个时刻我们就不能去运行JavaScript代码，反过来也是，当我们在运行JavaScript代码的时候，我们也不能去操作DOM，这个也就是JS的单线...
2019-07-09 11:46:00
135
转载 Web 存储技术
一、背景介绍第一个Web存储的技术叫做Cookie，它是网站的身份证。是网站为了辨别用户身份，进行session（服务端的session）跟踪而存储在用户本地终端上的数据，也就是说它是存在电脑硬盘上的，一个很小的txt类型的文件。Cookie每次都会跟随http请求发送到服务端，也就是说每一...
2019-07-08 10:50:00
528
转载 BEM的命名规范
基本概念CSS 的命名规范又叫做BEM规范，为的是结束混乱的命名方式，达到一个语义化的CSS命名方式。BEM是三个单词的缩写：Block（块）代表更高级别的抽象或组件，Element（元素） Block的后代，以及Modifier（修饰） 不同状态的修饰符。命名方法：.block__e...
2019-07-06 10:27:00
125
转载 CSS Module
CSS Module产生背景在软件工程里面模块指的是可组合、分解和更换的单元。下面是一张css树，项目里面总的css文件是由一系列小的单元组成，比如下面的reset.css就是一个单元。模块化的概念不光在css里面，在JS里面也是同样适用的，我们把代码按照一定的规则和逻辑拆分，分解成可组合可...
2019-07-05 14:02:00
163
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人