- 博客(25)
- 收藏
- 关注
RSS订阅原创 Canvas的transform函数
文章目录变换矩阵什么是线性映射什么是线性变换什么是变换矩阵变换矩阵度娘定义：如果T是一个把Rn映射到Rm的线性变换，且x是一个具有n个元素的列向量，那么我们把mxn的矩阵A，称为T的变换矩阵。什么是线性映射度娘定义：线性映射是从一个向量空间V到另外一个向量空间W的映射，且保持加法运算和数量乘法运算。此处线性映射的映射是动词，但是在其定义中的映射是一个名词。这里的向量空间和线性空...
2019-11-10 15:03:33
657
2
原创 Canvas获取视频第一帧缩略图
2019年11月5日Chrome能显示方法Firefox下可以运行的方法一方法二记录下一个疑问，最近在重新看canvas做点Demo这样，时间是写在2019年11月5日，以后要是没有这个问题了，以W3C更新的为标准，这个只是参考尝试着在canvas中显示视频第一帧的时候碰上的问题：在Chrome中，用video.addEventLisener("loadeddata",func)、video....
2019-11-05 16:15:44
1933
1
原创 整理学习——ES6 class、super、extends、mixins
文章目录简单说明async function name()简单说明async function name()
2019-09-16 21:12:12
673
原创 整理学习——ES6 Promise对象
文章目录简要说明new Promise(executor)简要说明Promise对象用于表示一个异步操作的最终完成/失败，及其结果值。new Promise(executor)executor = function(resolve, reject){…}executor是一个参数为resolve和reject的函数。...
2019-09-11 16:28:32
159
原创 整理学习——fetch
文章目录简单说明fetch(input[,option])简单说明fetch()函数和promise对象都是用于异步编程的。异步编程最主要的目的就是解决有可能阻塞运行的代码。将阻塞的代码在子线程进行计算运行，而不阻塞主要运行的主线程，并在运行完毕了再运行处理结果的函数。fetch(input[,option])fetch(input[, option])属于WindowOrWorkerGl...
2019-09-08 12:47:54
419
原创 整理学习——ES6的异步
文章目录同步JavaScript异步JavaScript异步编程风格异步callbackspromise同步JavaScript通常情况下，程序代码在运行的时候，同一时刻只会执行一个事件。而在程序代码中，如果一个函数依赖于另一个函数的运行结果，那么这个函数需要等待另一个函数执行完毕并返回了结果才可以继续运行并结束。这种情况在计算机系统上并没有充分利用电脑的计算能力及多核CPU的优势。应该是电...
2019-09-02 13:55:14
205
原创 整理学习——ES6之迭代器和生成器
文章目录概述迭代器概述JavaScript目前有四种数据集合，分别为数组Array、对象Object、Set对象和Map对象。如果说这四种数据集合有着各自的获取接口，那么必定会造成开发成本和维护成本的增加。于是提出了一个新的接口机制，Iterator，来为这几种不同的数据集合，甚至于不同的数据结构提供统一的访问机制。任何数据结构只要部署了Iterator接口，就可以完成遍历操作。PS1：是大...
2019-08-27 23:04:13
233
原创 整理学习——ES6的Reflect
文章目录简单说明Reflect对象的方法Reflect.apply(target, thisArgument, argumentsList)异常Reflect.construct(target, argumentsList[, newTarget])异常Reflect.defineProperty(target, propertyKey, attributes)异常Reflect.deletePr...
2019-08-22 14:25:26
297
原创 整理学习——ES6的Proxy
文章目录概述概述Proxy对象用于定义基本操作的自定义行为（如属性查找、赋值、枚举、函数调用等）。是一个用来代理基本操作的对象。可以利用它来过滤和改写用户的某些操作。...
2019-08-21 16:35:24
557
原创 整理学习——Map和WeakMap
文章目录Map对比Object相同点不同点属性Map.lengthget Map[@@species]Map.prototypeMap实例属性Map.prototype.constructorMap.prototype.size方法Map.prototype.clear()Map.prototype.delete(key)Map.prototype.entries()Map.prototype.f...
2019-08-14 18:48:15
267
原创 整理学习——ES6的Set和WeakSet
文章目录Set([iterable])属性Set.lengthget Set[@@species]Set.prototype实例属性Set.prototype.constructorSet.prototype.size方法Set.prototype.add(value)Set.prototype.clear()Set.prototype.delete(value)Set.prototype.ent...
2019-08-14 14:02:12
281
原创 整理学习——ES6的Symbol
文章目录新的原始数据类型var s = Symbol([key])参数key转换StringBooleanObject作为对象属性名属性Symbol.lengthSymbol.prototype方法Symbol.for([key])与Symbol()的区别Symbol.keyFor(sym)内置Symbols迭代Symbol.iteratorSymbol.asyncIterator正则表达式Sym...
2019-08-10 17:09:32
112
原创 整理学习——ES6对象的扩展
文章目录简洁表示法注意事项属性名表达式定义对象的属性的方法方法的name属性简洁表示法属性简写。在对象之中，直接写变量，属性名为变量名, 属性值为变量的值。var foo = "bar";var baz = {foo};console.log(baz);//Output: {foo: "bar"}//相当于var baz = {foo: foo};方法简写var o = {...
2019-08-09 16:02:05
128
转载 整理学习——ES6函数的扩展
文章目录参数默认值使用解构赋值的方式设置默认值两种方法使用时的区别默认参数的位置length属性name属性Function构造函数bind返回的函数作用域应用rest参数扩展运算符代替数组的apply方法扩展运算符的运用严格模式箭头函数使用注意嵌套参数默认值参数变量默认声明，不能使用let或const二次声明。function setDefault(x, y="defaultVal"){}...
2019-08-06 22:04:58
74
转载 整理学习——ES6数组的扩展
文章目录Array.from()与扩展运算符的区别第二参数第三参数Array.of()数组实例相关方法copyWithin()includes()对比indexOf()对比Map结构的has对比Set结构的has数组的空位Array.from()将两类对象转为真正的数组：类似数组的对象（具有length属性）DOM操作返回的NodeList集合函数内部的arguments对象可...
2019-08-02 15:38:28
161
转载 整理学习——ES6数值的扩展
文章目录二进制、八进制表示二进制八进制转为10进制Number.isFinite()、Number.isNaN()Number.isFinite()Number.isNaN()与传统方法的区别Number.parseInt()、Number.Float()Number.isInteger()二进制、八进制表示二进制0b前缀八进制0o前缀转为10进制使用Number()即可Numbe...
2019-08-01 19:50:32
94
转载 整理学习——ES6正则的扩展
转载整理自：http://caibaojian.com/es6/regex.html文章目录RegExp(regExp[,modifier])字符串正则方法RegExp(regExp[,modifier])第一个参数为正则，可以使用第二个参数指定修饰符。返回的正则会忽略原有正则的修饰符，仅使用指定的修饰符。new RegExp(/abc/ig, 'i').flags// "i"字符串...
2019-07-31 19:44:08
101
转载 整理学习——ES6字符串的扩展
文章目录字符串Unicode表示codePointAt()fromCodePoint()字符串的iteratornormalize()查找字符串includes()startsWith()endsWith()repeat()补全长度padStart()padEnd()补全规则模板字符串字符串Unicode表示'\z' === 'z' // true'\172' === 'z' // tr...
2019-07-30 16:23:46
125
原创 整理学习——ES6变量的解构赋值
文章目录什么是JavaScript的解构？模式匹配的解构解构不成功不完全解构非对象解构默认值各类型数据的解构赋值对象什么是JavaScript的解构？哲学家们还没给出确切的定义，所以我就用我自己理解的来了。以下都是个！人！理！解！解构是将一个大的复杂的东西分解并重构成多个易于理解的小的东西。这个东西可以是一个概念也可以是一个实体。JavaScript的解构其实是分解解构，但是没有重构的过程...
2019-07-26 15:04:10
122
转载 ES6——顶层对象
文章目录不分离的弊端改变方式顶层对象不统一的顶层对象获取顶层对象局限性获取顶层对象的方法ES6之前，顶层对象的属性和全局变量是等价的，但是在ES6，顶层对象和全局对象开始分离。不分离的弊端无法在编译阶段就报出变量未声明的错误，只有运行时才知道。容易在不知不觉中创建全局变量顶层对象可随意读写window对象有窗口的意思，指的浏览器的窗口对象。而顶层对象有实体意义是一个不合适的设计改...
2019-07-24 09:07:38
216
转载 ES6——let和const命令
文章目录letconst共同点块级作用域不存在变量提升暂时性死区禁止重复声明let用来声明变量。const用来声明静态变量，但初始化后不可修改。共同点块级作用域其生命周期仅在块级作用域内。var a = [];for(let i = 0;i < 10; i++){ a[i] = function(){ console.log(i); }}a[5]();//Ou...
2019-07-23 18:31:50
84
原创 整理学习——JavaScript中的原型和原型链
整理学习——JavaScript中的原型和原型链）原型构造函数原型和原型链自己默默地理了一整天搞出来的东西，以下都是个人理解原型prototype属性，他包含了其所属对象以及其所属对象的构造函数的所有的属性和方法。换句话说，就是包含了构造函数给实例能够直接调用的属性和方法。首先从构造函数说起吧……构造函数通过构造函数new出来的对象都具有相同的特点(属性)和行为(方法)。//构造函数...
2019-07-20 11:03:02
125
原创 整理学习——Vue中的MVVM
整理学习——Vue中的MVVMMVVMViewModel追踪变化变化检测的注意事项View层Model层MVVM全称：Model-View-ViewModel目的：将数据层（Model）和UI视图（View）分离，依靠ViewModel对两者进行同步。先实例一个Vuevar vm = new Vue( obj)ViewModel主要在于监听数据的改变（Model层）和控制视图、...
2019-07-19 15:52:51
94
原创 个人前端目录
个人前端目录提示基础框架数据可视化版本控制模块管理CSS预处理器相关语言UI框架提示个人向的学习整理目录，并不代表着前端就仅仅是这些知识了，可以作为你的参考。之后写完会加上对应的链接。基础2019年7月17日HTML、HTML5、CSS、CSS3、JavaScript（ES6、BOM、DOM）、AJAX框架2019年7月17日Angular2、Vue、JQuery数据可视化20...
2019-07-17 22:35:07
119
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人