
JS + ES6 学习记录
文章平均质量分 69
学习JS和ES6,记录学习
shencailing
这个作者很懒,什么都没留下…
展开
-
3、js 移动端网页特效:touch触摸事件 ,回到顶部
js 移动端网页特效:touch触摸事件 ,回到顶部原创 2022-08-23 14:04:00 · 586 阅读 · 1 评论 -
笔记2、JS:DOM 和 BOM的区别;BOM:浏览器对象模型;onload、resize、setTimeout、location、offset、动画、本地存储
DOM 和 BOM的区别;BOM:浏览器对象模型;onload、resize、setTimeout、location、offset、动画原创 2022-08-22 09:59:10 · 509 阅读 · 0 评论 -
笔记1、JS:基础 + Web APIs 获取元素 document.querySelector DOM事件流:冒泡阶段 附加: javascript:;
获取元素 document.querySelector DOM事件流:冒泡阶段 附加: javascript:;原创 2022-08-12 15:32:53 · 817 阅读 · 0 评论 -
const let 自己在使用的场景
const let var一、const let var 使用场景 和 修改1.1 var1.2 let1.3 const二、使用优先级一、const let var 使用场景 和 修改1.1 varvar是最早学到的,var 不太使用。1、预解析//在声明前也 不会报错console.log(a); //undefinedvar a = 6;2、在循环体外面 也是可以使用的1.2 let1、不会预解析2、不可以重复的定义,let a = 0;...let a原创 2022-05-28 11:21:16 · 168 阅读 · 0 评论 -
ES6 Module语法: export 与 export default
这里写目录标题一、export 与 export default注意:export default命令其实只是输出一个叫做default的变量,所以它后面不能跟变量声明语句,如下:一、export 与 export default// 第一组export default function crc32() { // 输出 // ...}import crc32 from 'crc32'; // 输入// 第二组export function crc32() { // 输出 // ...原创 2022-02-14 09:43:04 · 610 阅读 · 0 评论 -
promise async await
这里写目录标题一、定义二、什么时候使用三、Promise的三种状态四、链式调用4.1考虑的是每层都是正确的情况4.2 有一层出现错误(reject)的写法五、promise.all 的使用(1)写法1(2)写法2下面的方法会简洁一点:六. async/await七、async await 的错误处理方法7.1 then - catch7.2 try - catch7.3 then - catch 结构赋值7.4 封装 then - catch 结构赋值一、定义ES6中重要和好用的特性是异步编程的一原创 2022-02-13 14:35:40 · 230 阅读 · 0 评论 -
javaScript 函数
javaScript 函数1、函数的概念1.1 利用函数关键字自定义函数(命名函数)1.2 函数表达式(匿名函数)2、函数的使用3、函数的参数(形参、实参)3.1 函数形参和实参匹配问题个数匹配问题:4、函数的返回值 return5、arguments的使用案例:1、利用函数求任意个数的最大值2、利用函数封装方法,翻转任意一个数组3、封装一个冒泡排序1、函数的概念定义:函数就是封装了一段可被重复调用执行的代码块,通过此代码块可以实现大量代码的重复使用声明函数:1.1 利用函数关键字自定义函数原创 2022-01-19 09:55:16 · 88 阅读 · 0 评论 -
javaScript 数组
javaScript 数组1、数组(Array)的概念2、创建数组--数组的创建方式3、访问数组元素--数组的索引4、遍历数组案例4.1、 求数组中的最大值(基础的方式):4.2、数组转换为分割字符串5、数组中新增元素案例5.1 通过修改length长度新增数组元素以及索引号增加数组元素(最基础的)6、筛选数组方法6.1 筛选元素1(最基础的)6.2 筛选元素2(上面方法稍微修改)6.3 删除数组指定元素6.4 数组排序(冒泡排序)1、数组(Array)的概念数组是指 一组数据的集合,其中每个数据被原创 2022-01-19 09:49:19 · 94 阅读 · 0 评论 -
JS基础 运算符 流程控制 循环控制
JS基础2 变量案例3 boolean undefined null3.1 boolean true false4 数据类型转换4.1 转换为字符串型4.2 转换为数字型(重点)4.3 转换为boolean 型5、运算符5.1 算数运算符5.3 比较运算符5.4 逻辑运算符5.5 赋值表达式5.6 运算符优先级6 流程控制6.1 顺序流程控制6.2 分支流程控制6.2.1 if 语句6.2.2 三元表达式6.2.3 switch 语句6.3 循环流程控制6.3.1 for 循环(主要)6.3.2 wh原创 2022-01-19 09:47:50 · 175 阅读 · 0 评论 -
[ES6]2 字符串的扩展
字符串的扩展一、JS中 有 indexOf二、includes():返回布尔值,表示是否找到了参数字符串。startsWith():返回布尔值,表示参数字符串是否在原字符串的头部。endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部。三、repeat()四、字符串补全长度的功能。padStart()用于头部补全,padEnd()用于尾部补全。4.1用途一:padStart()的常见用途是为数值补全指定位数。下面代码生成 10 位的数值字符串。4.2用途二:提示字符串格式五、trimStart原创 2022-01-19 09:28:54 · 80 阅读 · 0 评论 -
[ES6]1: 解构赋值
解构赋值1、解构不仅可以用于数组,还可以用于对象。2、数组/对象不同:2.1 数组的元素是按次序排列的,变量的取值由它的位置决定;2.2 而对象的属性没有次序,变量必须与属性同名,才能取到正确的值。2.3 如果变量名与属性名不一致,必须写成下面这样3、类似数组的对象都有一个length属性,因此还可以对这个属性解构赋值。1、解构不仅可以用于数组,还可以用于对象。2、数组/对象不同:2.1 数组的元素是按次序排列的,变量的取值由它的位置决定;2.2 而对象的属性没有次序,变量必须与属性同名,才能取到正原创 2022-01-19 09:09:34 · 320 阅读 · 0 评论 -
ES6 ... 什么意思 怎么用
... 怎么使用# 展开运算符# 剩余操作符原创 2021-12-27 14:25:59 · 215 阅读 · 0 评论 -
js函数 :Call Apply 使用方法 和 区别
Call Apply 使用方法 和 区别一、区别:一、区别:区别:在于传参时:Apply是数组 [xxx,xxx]的形式;Call是xxx,xxx的形式 ,下面例子可看<template> <div> <p>Call 参数:{{ fullName3 }}</p> <p>Apply 参数:{{ fullName4 }}</p> </div></template><scr原创 2021-12-27 10:49:51 · 204 阅读 · 0 评论