
ES6
绝世唐门三哥
改变世界的程序猿@三哥
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS---实现盒元素div内input/textarea的focus状态时给父元素加属性!
要实现当textarea文本框获得焦点时,自动给其父元素添加类名或样式,您可以使用 CSS 的伪类选择器。这个选择器会在元素本身或其任何子元素获得焦点时应用样式。原创 2024-12-27 15:22:04 · 522 阅读 · 0 评论 -
JavaScript---常用JS方法(utils.js)额外篇
3. 通过css检测系统的主题色从而全局修改样式4. 数组随机打乱顺序5. 随机获取一个Boolean值6. 把数组的第一项放到最后一项 7. dom节点平滑滚动到可是区域,顶部,底部8. 获取随机颜色9. 检测是否为空对象10. 数组克隆方法总结(clone)11. 一步从时间中提取年月日时分秒(推荐使用)12. 检测两个dom节点是否覆盖重叠13. 判断是否是NodeJ原创 2022-10-26 17:24:16 · 2540 阅读 · 3 评论 -
ES6---几个优雅的运算符使用技巧(?. ??= ||= &&=)
1. 使用可选链式调用2.逻辑空分配(?? =)3.逻辑或分配(|| =)4. 逻辑与分配(&& =)原创 2022-09-14 18:07:20 · 665 阅读 · 0 评论 -
JavaScript---说一说JS数据类型有哪些,区别是什么?
引用类型是储存在堆内存中,占据空间大。引用类型在栈中储存了指针,该指针向堆中该实体的起始地址,当解释器寻找引用值时,会检索其在栈中的地址,取得地址后从堆中获得实体。基本数据类型是直接储存在栈中的简单数据段,占据空间小,属于被频繁使用的数据。symbol、BigInt 是ES6之后的新类型。2. 所有类型分为两种:基本数据类型、引用类型。普通对象,数组,正则,日期,Math数学函数。...原创 2022-09-04 22:28:56 · 444 阅读 · 0 评论 -
Array---数组的交集、并集、差集、分组、平均数、扁平化、求和、位置交换、归档
1. 数组并集(ArrayUnion)2. 数组交集()3. 数组差集()4. 数组分组(ArrayGroup)5. 数组平均数(ArrayMean)6.数组生成(ArrayRange)7.数组求和(ArraySum)8.数组扁平化()9. 数组值位置交换()10.数组归档(归类)()11. Array.includes判断多个if条件12. Array.find 查找符合条件的数组元素13.数组中所有项都满足某条件:Array.every。...原创 2022-08-29 18:05:03 · 920 阅读 · 1 评论 -
JavaScript---Set对象函数的使用,去重储存等方式
JavaScript---Set对象函数的使用,去重储存等方式。原创 2022-08-09 17:32:43 · 620 阅读 · 0 评论 -
ES6---ES6相关知识点使用方式技巧汇总
2. 关于合并数据(扩展运算符...)3. 关于拼接字符串原创 2022-07-07 14:05:41 · 175 阅读 · 0 评论 -
ES6---ES 2022 正式发布,带你了解下新特性
ES 2022 正式发布,带你了解下新特性3 4 可索引值方法 .at()5 RegExp match 指数 (d)原创 2022-07-06 15:21:04 · 601 阅读 · 0 评论 -
JavaScript------BigInt处理科学计数法问题
首先说明下该新方法的兼容性BigInt处理方式let b = 12000000000000000000000000000000// 打印: 1.2e+31// 采用BigInt方式处理后:BigInt(b).toString()// '11999999999999999112715591221248'整体看来可以展开展示,但是来说有一定的误差。...原创 2022-05-26 14:27:45 · 715 阅读 · 0 评论 -
Javascript------for...of...用于异步加载调用的循环事件中
对于原生的for循环以及后来较为方便的forEach循环:(这两者相比for循环速度快!!!)不管里面有回调还是异步接口,都是直接循环完了,一下子扔给下面的代码!!!所以对于异步循环,这样子其实就违背了初衷,虽然事件正常执行,但是几乎同时完成了!实际验证结果如下(附有gif动图,直观查看结果)通用异步函数,有时间间隔的返回结果(测试函数) const nums = [1, 2, 3, 4, 5] // for...of...循环 function powxy(原创 2022-04-28 20:15:32 · 1540 阅读 · 0 评论 -
ES6---ES2021新特性介绍(数字分隔_符较舒服)
· String.prototype.replaceAll· Promise.any· WeakRef· 逻辑赋值运算符· 数字分隔符???? String.protype.replaceAll???? 示例:const newStr = str.replaceAll(regexp|substr, newSubstr|function)???? 例子:const p = 'The quick dog fox jumps over the lazy dog.'① p.rep原创 2021-01-27 17:00:32 · 1227 阅读 · 0 评论 -
ES6--- ES2020 的新功能
动态 import ()静态 import 语法最早于 ES 2015 引入,用于导入由另一个模块导出的变量。该语法称为静态语法,因为开发者无法在运行时动态导入模块,但静态导入可以在编译时进行优化。此外,还有一个类似函数的动态 import(),它不需要依赖 type="module" 的 script 标签。如果合理地使用动态导入,则可以通过按需加载依赖项减少分发包的大小。新的动态 imp......原创 2020-04-22 17:41:17 · 884 阅读 · 0 评论 -
ES6------export和import对应文件的写法说明
一、当采用模块化导出时:正确的方式:导出文件可以使用 import { exp_a, exp_b } from a.jsa.js:export function exp_a(params) { console.log(`exp_a${params}`);}export function exp_b(params) { console.log(`exp_b${params}`);}或者function exp_a(params) { console.log(原创 2020-08-24 16:16:02 · 435 阅读 · 0 评论 -
ES6-----let、const和var 声明变量的区别,真正的深入理解知识点
let和const 比 var 多了 块级作用域:存在函数作用域和全局作用域,还有块级作用域为什么需要块级作用域:第一种场景,内层变量可能会覆盖外层变量。 第二种场景,用来计数的循环变量泄露为全局变量。var 和 let :https://www.cnblogs.com/fly_dragon/p/8669057.htmlvar :存在变量提升的问题 只存在函数作用域和......原创 2019-10-08 10:08:22 · 380 阅读 · 0 评论 -
知识点------史上最全Array数组方法的汇总
关键方法: $.inArray(e,arr,[,fromIndex]) 通过元素查找索引值返回值,对应的索引;无则返回-1https://blog.youkuaiyun.com/weixin_44266650/article/details/89305280 介绍$.inArray关键方法: arr.includes(val) 返回对应布尔值可用来判断数组中是否含有对应元素,当然该方法...原创 2019-06-17 10:59:01 · 364 阅读 · 0 评论 -
ES6------检测电脑支持ES6的程度
Window中:$ npm install -g es-checker$ es-checker结果:原创 2019-11-25 10:07:45 · 205 阅读 · 0 评论 -
ES6------ECMAScript6中Generator和yield的使用(可以很方便的调用ajax同步的哦)
介绍:Generator函数是ES6提供的一种异步编程解决方案,语法行为与传统函数完全不同。形式上:Generator函数是一个普通函数,但是有两个特征。一是,function关键字与函数名之间有一个星号;二是,函数体内部使用yield语句,定义不同的内部状态(yield语句在英语里的意思就是“产出”)。function* helloWorldGenerator() { yield...原创 2019-11-14 13:42:51 · 328 阅读 · 0 评论 -
RegExp------正则的扩展
具名组匹配简介:正则表达式使用圆括号进行组匹配。const RE_DATE = /(\d{4})-(\d{2})-(\d{2})/;正则表达式里面有三组圆括号。使用exec方法,就可以将这三组匹配结果提取出来。const matchObj = RE_DATE.exec('1999-12-31');const year = matchObj[1]; // 1999const ...原创 2019-11-13 11:34:02 · 188 阅读 · 0 评论 -
ES6---String字符串新方法汇总
模板字符串( template string )是增强版的字符串 ,用反引号(、)标识。它可 以当作普通字 符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。原创 2019-11-07 10:46:50 · 745 阅读 · 1 评论 -
ES6---解构赋值的介绍
这里先记点精华部分:(解构赋值:数组按顺序;对象按属性名)定义: 按照一定的模式从数组和对象中提取值,然后对变量进行赋值,这被称为解构(Destructuring)注意:如果等号的右边不是数组(或者严格来说不是可遍历的结构)将会报错!!!解构赋值允许指定默认值。......原创 2020-05-08 09:47:54 · 323 阅读 · 0 评论 -
ES6------ 声明变量的方法(es5和es6)
ES5: 有 var 和 function 声明;其中函数声明有两种形式:var f = function (){}(函数表达式) 和 function f(){} (函数声明式)ES6:共有6种声明 var function let const import class ...原创 2019-10-09 14:33:22 · 766 阅读 · 0 评论