JS
文章平均质量分 78
三知之灵
这个作者很懒,什么都没留下…
展开
-
[ES6] Proxy & Reflect
Proxy 与 Reflect 是 ES6 为了操作对象引入的 APIProxy 可以对目标对象的读取、函数调用等操作进行拦截,然后进行操作处理。它不直接操作对象,而是像代理模式,通过对象的代理对象进行操作,在进行这些操作时,可以添加一些需要的额外操作Reflect 可以用于获取目标对象的行为,它与 Object 类似,但是更易读,为操作对象提供了一种更优雅的方式。它的方法与 Proxy 是对应的。原创 2023-09-16 23:40:44 · 82 阅读 · 0 评论 -
[ES6]模块
在 ES6 前, 实现模块化使用的是 RequireJS 或者 seaJS(分别是基于 AMD 规范的模块化库, 和基于 CMD 规范的模块化库)ES6 引入了模块化,其设计思想是在编译时就能确定模块的依赖关系,以及输入和输出的变量ES6 的模块化分为导出(export) 与导入(import)两个模块export 命令用于规定模块的对外接口,import 命令用于输入其他模块提供的功能。原创 2023-09-16 23:39:46 · 291 阅读 · 0 评论 -
[Typescript]基础篇之 Map 对象
基础篇之Map对象Map 初始化Map 方法方法的使用Map 的迭代Map 初始化//方法1let myMap = new Map();// 设置 Map 对象myMap.set("key1", value1);myMap.set("key2", value2);myMap.set("key3", value3);//方法2let myMap = new Map([ ["key1", "value1"], ["key2", "value2"]]);Map 方法原创 2023-01-15 10:59:17 · 449 阅读 · 0 评论 -
[Typescript]基础篇之简介
基础篇之简介什么是Typescript为什么产生 TypeScriptTypeScript 特性空白和换行大小写分号注释面向对象什么是TypescriptTypeScript 是 javascript 的超集TypeScript 通过类型注解提供编译时的静态类型检查TypeScript 可处理已有的 JavaScript 代码,并只对其中的TypeScript 代码进行编译TypeScript 是面向对象的编程语言为什么产生 TypeScript因为javascript是一个弱类型语言,为了实原创 2023-01-15 11:07:42 · 327 阅读 · 0 评论 -
[Typescript]基础篇之声明
基础篇之声明变量声明什么是变量变量命名规则变量的使用声明变量的四种方式多类型变量声明变量单一类型变量可能是多个类型中的任意一种复杂类型变量的声明--类型别名的使用类型断言(Type Assertion)类型推断变量作用域文件声明什么是声明文件声明文件变量声明什么是变量变量是一种占位符,用于引用计算机内存地址。可以把变量看做存储数据的容器。变量命名规则TypeScript 变量的命名规则:可以包含数字和字母。除了下划线 _ 和美元 $ 符号外,不能包含其他特殊字符,包括空格。不能以原创 2023-01-15 11:06:57 · 396 阅读 · 0 评论 -
[Typescript]基础篇之数组
[Typescript]基础篇之数组声明初始化数组解构数组迭代多维数组数组方法方法简介方法应用everysomeindexOflastIndexOfreducesortslicesplicepop数组对象是使用单独的变量名来存储一系列的值。声明let arr:[datatype][]初始化let arr:[datatype][]=[val1,val2,val3...]let arr:[datatype][]= new Array(4) //初始化数组大小let arr:[datatype][原创 2023-01-15 11:08:39 · 1551 阅读 · 0 评论 -
[ES6] class
类表达式可以为匿名或命名// 匿名类this.a = a;// 命名类this.a = a;原创 2023-09-16 23:40:16 · 59 阅读 · 0 评论 -
[ES6] promise & async/await
name: 函数名称。param: 要传递给函数的参数的名称。statements: 函数体语句。async 函数返回一个 Promise 对象,可以使用 then 方法添加回调函数});Promise 对象:await 会暂停执行,等待 Promise 对象 resolve,然后恢复 async 函数的执行并返回解析值。非 Promise 对象:直接返回对应的值。原创 2023-04-20 23:42:15 · 1115 阅读 · 0 评论 -
[ES6] Generator 函数
ES6 新引入了 Generator 函数,可以通过 yield 关键字,把函数的执行流挂起,为改变执行流程提供了可能,从而为异步编程提供解决方案常用于异步编程的还包括 promise 对象的应用,与 async/await 指令。原创 2023-04-20 23:41:30 · 658 阅读 · 1 评论 -
[ES6]函数
ES6 之前,JavaScript 的 this 对象一直很令人头大,回调函数,经常看到 var self = this 这样的代码,为了将外部 this 传递到回调函数中,那么有了箭头函数,就不需要这样做了,直接使用 this 就行。button 的监听函数是箭头函数,所以监听函数里面的 this 指向的是定义的时候外层的 this 对象,即 Window,导致无法操作到被点击的按钮对象。不定参数表示不确定参数的个数,形如,…箭头函数体中的 this 对象,是定义函数时的对象,而不是使用函数时的对象。原创 2023-04-20 23:40:52 · 790 阅读 · 0 评论 -
[ES6] 数组
Array.of(),将参数中所有值作为元素形成数组,参数值可为不同类型,参数为空时返回空数组。复制,当复制的是复杂对象,复杂属性也是完全复制,就是修改复制后的对象并不会改变原有的对象。查找数组中符合条件的元素索引,若有多个符合条件的元素,则返回第一个元素索引。查找数组中符合条件的元素,若有多个符合条件的元素,返回第一个元素。将一定范围索引的数组元素修改为此数组另一指定范围索引的元素。复制,但是当复制的是一个复杂对象,复杂属性复制的是指针。数组缓冲区是内存中的一段地址,定型数组的基础。原创 2023-04-20 23:39:36 · 974 阅读 · 0 评论 -
[ES6] 对象
当参数不是对象时,会先将参数转为对象然后返回,而 null 和 undefined 不能转化为对象,单独作为参数或者作为第一个参数都会报错;,如果被拓展的对象是复杂对象,对于复杂属性(对象、数组)仅仅是将指针指向了复杂属性,而简单的属性则是复制了一份。如果目标对象和源对象有同名属性,或者多个源对象有同名属性,则后面的属性会覆盖前面的属性。当使用动态属性的时候,不可同时使用简化表达,否则会报错!属性合并的时候,如果出现同名属性会保留靠后(靠右)的属性值。assign 的属性同拓展运算符,拷贝是浅拷贝。原创 2023-04-20 23:38:39 · 871 阅读 · 0 评论 -
[ES6] 数值
方法说明检查数值是否为有限检查值是否为 NaN将给定字符串转化为指定进制的整数把字符串解析成浮点数检查值是否为整数检查数值是否在安全范围方法说明普通计算计算一个数的立方根检查值是否为 NaN计算所有参数平方和的平方根返回 32 位无符号整数形式的前导 0 的个数数字处理用于返回数字的整数部分获取 32 位单精度浮点数形式判断Math.sign判断数字的符号(正、负、0)对数方法计算 e 的 x 次方减 1,= Math.exp(x) - 1。原创 2023-04-20 23:37:10 · 344 阅读 · 0 评论 -
[ES6] string 拓展
模板字符串相当于加强版的普通字符串,使用用反引号 `标记字符串,除了作为普通字符串,还可以用来定义多行字符串,可以在字符串中加入变量和表达式。标签模板,是函数的调用,可以使用方法名直接拼接模板字符串,则模板字符串自动转化为数组;如果模板字符串仅是反引号标记的普通字符串,则作为参数传入后被转化为数组,长度为 1。如果 length <原字符串长度+补全字符串长度,则截去超出位数的补全字符串;如果 length <= 原字符串的长度,则返回原字符串;分割后的数组,长度也即转化后数组的长度,例如上述存在两个。原创 2023-04-20 23:36:56 · 672 阅读 · 0 评论 -
[ES6] Map & Set
forEach 方法的第二个参数,表示绑定处理函数内部的 this 对象,如果省略则表示是调用对象本身,上述可省略第二个参数。Map 对象中的元素是按顺序插入的,迭代 Map 对象也是按顺序迭代,每一次迭代返回 [key, value] 数组。函数也类似,所以复杂类型的键值并不是形式看着一样就是同一个值,必须是指针指向的是同一个地址的键值才能获取到对应值。合并两个 Map 对象时,如果有重复的键值,则后面的会覆盖前面的。Map 的克隆是 Map 对象构造函数生成实例,迭代出新的对象。原创 2023-04-20 23:35:38 · 877 阅读 · 0 评论 -
[Typescript]基础篇之元组
基础篇之元组原创 2022-09-29 11:02:59 · 362 阅读 · 0 评论 -
[Typescript]基础篇之函数
基础篇之函数原创 2022-09-29 11:00:18 · 296 阅读 · 0 评论 -
[Typescript]基础篇之 String 对象
基础篇之 String 对象原创 2022-09-29 10:57:28 · 1112 阅读 · 0 评论 -
[Typescript]基础篇之联合类型
基础篇之联合类型原创 2022-09-29 10:56:26 · 221 阅读 · 0 评论 -
[Typescript]基础篇之条件语句
基础篇之条件语句原创 2022-09-29 10:54:56 · 187 阅读 · 0 评论 -
[Typescript]基础篇之 Number 对象
基础篇之 Number 对象原创 2022-09-29 10:54:30 · 684 阅读 · 0 评论 -
[Typescript]基础篇之循环
基础篇之循环原创 2022-09-29 10:51:59 · 1387 阅读 · 0 评论 -
[Typescript]基础篇之运算符
Typescript 运算符类型原创 2022-09-29 10:50:20 · 1105 阅读 · 0 评论 -
[Typescript]基础篇之数据类型
TS 数据类型原创 2022-09-29 10:47:04 · 389 阅读 · 0 评论 -
Uncaught DOMException: Failed to execute 'drawImage' on 'CanvasRenderingContext2D':
canvas学习报错问题原创 2017-12-27 16:55:06 · 95550 阅读 · 2 评论 -
canvas不受之前设置的旋转度数的影响
问题描述:当设置过画布的旋转弧度Math.PI/2后,之后再添加的内容都受之前的影响,都是旋转的,如何不受之前设置的旋转度数的影响解决方案:function drawHour(hour,minute){ ctx.save();//必须保存否则当前旋转影响后续判断 ctx.beginPath(); ctx.lineWidth=6; ctx.lineCap="round"; var ra原创 2017-12-19 17:01:48 · 2506 阅读 · 1 评论 -
Highcharts 图上文字重影问题
1.图片上文字出现阴影问题 现象: 描述:当背景色设置为深色时就可以看到文字出现重影问题 代码:Highcharts.chart('container', { chart: { type: 'column', backgroundColor: '#434A5C' }, xAxis: { categories: [...原创 2018-03-30 11:49:31 · 2680 阅读 · 0 评论 -
echart无数据时去除默认显示的冒泡
var myChart = ec.init(divobj,{ noDataLoadingOption :{ text: '暂无数据', effect:'bubble', effectOption : { ...原创 2018-04-02 14:10:59 · 5124 阅读 · 0 评论 -
替换
全局替换特殊字符替换value = value.replace(/@\$/g, replaceC);普通字符value = value.replace(new RegExp("ab", 'g'), replaceC);原创 2018-08-03 11:01:05 · 149 阅读 · 0 评论 -
Threejs-关于变更的设置
为了提高性能,threejs默认物体的形状和材质一经创建,就永不改变。 所以,修改物体的形状和材质,就需要手动告诉threejs,方法就是使用各种computeXXX方法和needsUpdate属性。相机变更相机位置更新:需要重新设置相机的位置,还需要重新渲染camera.position.set(x, y, z);//渲染renderer.render(scene,...原创 2018-08-30 17:20:41 · 5868 阅读 · 2 评论 -
如何为click事件添加beforclick事件
目标:当为某个元素绑定了click事件,后来又想添加一个click事件执行前的处理事件方法: document.addEventListener('click', myFilter, true);//为所有点击事件添加监听 function myFilter( em ) { var target = em.type; var targetId=em.原创 2017-08-01 10:46:55 · 1912 阅读 · 0 评论