摘要: babel是一个JavaScript编译器,babel官网:https://www.babeljs.cn/ babel运行环境基于node,所以需要安装node:https://nodejs.org/zh-cn/download/ 1.初始化项目的package.json,存储当前项目的信息:npm 阅读全文
posted @ 2021-01-16 18:20 向前走。 阅读(289) 评论(0) 推荐(0) 编辑
摘要: 一:类的声明 1.声明类,关键字class,constructor为构造函数 2.简单的类封装 二:静态方法与静态属性 静态方法与静态属性不会被类的实例所拥有,只能类自身调用 1.静态方法,用关键字static声明 2.静态属性,类.属性=值,只能给静态方法使用 三:getter、setter:在获 阅读全文
posted @ 2021-01-16 18:18 向前走。 阅读(55) 评论(0) 推荐(0) 编辑
摘要: 1.回调与Promise 回调依赖处理,十分不易于维护 用Promise链式处理, 1..then()为成功后走的分支,resolve为具体要求做的事事 2..catch为失败的分支 3..finally,不管是否成功,都会走此分支 4..all,把多个Promise实例包装成一个新的Promise 阅读全文
posted @ 2021-01-16 18:15 向前走。 阅读(35) 评论(0) 推荐(0) 编辑
摘要: 1.参数的默认值 2.扩展运算符 3.箭头函数 1.基础的箭头函数 2.函数体有多行代码 3.在箭头函数中,没有arguments参数 4.箭头函数中没有this 阅读全文
posted @ 2021-01-16 18:13 向前走。 阅读(57) 评论(0) 推荐(0) 编辑
摘要: 一:字符串扩展 1.模板字符串:`` 2.补全字符串:padStart、padEnd 3.repeat:重复 4.startsWith、endsWith:判断字符串的开头和结尾 5.includes:判断字符串中是否包含另一个字符串 二:for of 阅读全文
posted @ 2021-01-16 18:05 向前走。 阅读(49) 评论(0) 推荐(0) 编辑
摘要: 一:数组 扩展运算符:...,合并多个数组 交换变量 接收函数返回的多个值 二:对象 配合扩展运算符使用 合并对象 使用对象传入乱序的函数参数 获取函数的多个返回值 三:字符串 阅读全文
posted @ 2021-01-16 18:02 向前走。 阅读(67) 评论(0) 推荐(0) 编辑
摘要: 一:let let与var的区别 1.let声明的变量只在当前(块级)作用域内有效, 2.用let声明的变量不能被重复声明 3.let不存在变量提升,不会将let声明的变量提升到最前面 二:const声明的都是常量 1.声明时必须赋值,否则会报错 2.一旦声明,不能改变 阅读全文
posted @ 2021-01-16 18:01 向前走。 阅读(55) 评论(0) 推荐(0) 编辑
摘要: 实现效果 HTML <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="Total"> <div id="title"> 账户信息 </div> 阅读全文
posted @ 2021-01-16 17:59 向前走。 阅读(192) 评论(0) 推荐(0) 编辑
摘要: 实现效果:通过正则表达式进行校验、匹配、替换,点击常用的正则表达式时,直接使用 HTML CSS JS <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> dl, dd{p 阅读全文
posted @ 2021-01-16 17:58 向前走。 阅读(292) 评论(0) 推荐(0) 编辑
摘要: 1.校验QQ号 console.log(/^[1-9]\d{4,10}$/); // 严格控制5~11位console.log(/^[1-9]\d{4}$/); // 不小于5位即可 2.用户名 console.log(/^[\u4e00-\u9fa5a-zA-Z0-9_]{2,18}$/);con 阅读全文
posted @ 2021-01-16 17:57 向前走。 阅读(95) 评论(0) 推荐(0) 编辑
摘要: 1.search:返回匹配到的索引,没有匹配到则返回-1 2.match:非全局的情况下参会返回分组中匹配到的内容,全局匹配只能匹配到所有匹配到的字符 3.split:根据关键字切割 4.replace:替换字符串 阅读全文
posted @ 2021-01-16 17:55 向前走。 阅读(85) 评论(0) 推荐(0) 编辑
摘要: 一:首尾匹配 1.首匹配:^ 2.尾匹配:$ 3.案例:验证字符串为全数字 二:单体边界匹配 1.单词边界:\b 2.前瞻性匹配:指定单词后面元素的匹配 3.负向前瞻性:与前瞻性相反 阅读全文
posted @ 2021-01-16 17:54 向前走。 阅读(556) 评论(0) 推荐(0) 编辑
摘要: 1.选择,或:| 2.分组 3.引用,在正则中直接使用匹配到的数据 阅读全文
posted @ 2021-01-16 17:53 向前走。 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 1.指定要匹配的个数:{个数} 2.指定要匹配的个数范围:{范围起,范围止} 3.大于等于,匹配至少一个,大于等于1:{1,},或者+ 4.匹配0次或1次:可以用?表示 5.匹配允许0次:* 6.综合应用 7.非贪婪的重复:? 8.使用案例 阅读全文
posted @ 2021-01-16 17:51 向前走。 阅读(426) 评论(0) 推荐(0) 编辑
摘要: 一:转义字符 1.反斜杠:\,当要匹配在正则中有特殊含义的字符时,需要转义 2.匹配反斜杠 3.换行:\n 二:字符类 1.[字符字符字符字符]:从第一个开始拿出来匹配,匹配到一个就停止匹配 2.取反:^ 3.范围:-,只能从小到大 4.以unicode中的中文字符范围匹配中文字符 三:别名 1.条 阅读全文
posted @ 2021-01-16 17:49 向前走。 阅读(1629) 评论(0) 推荐(0) 编辑
摘要: 一:创建正则表达式的两种方式 1.字面量 2.构造函数 二:模式修饰符 i:ignoreCase:忽略大小写 g:global:全局匹配 m:multiline:多行匹配 模式匹配可以混合使用,不区分顺序: 阅读全文
posted @ 2021-01-16 17:48 向前走。 阅读(256) 评论(0) 推荐(0) 编辑
摘要: HTML和CSS实现 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body{background: #eee} #calculator{margin: 100px 阅读全文
posted @ 2021-01-16 17:46 向前走。 阅读(183) 评论(0) 推荐(0) 编辑
摘要: 一:history对象:保存了用户在浏览器中访问页面的历史记录,从浏览器打开的时候算起 1.back和go back:回到历史记录的上一步,和浏览器的后退按钮一致 go:去到历史记录的指定条记录,负数为后退 back()和go(-1)效果一致 2.forward和go forward:回到历史记录的 阅读全文
posted @ 2021-01-16 17:44 向前走。 阅读(117) 评论(0) 推荐(0) 编辑
摘要: location对象提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功能,它既是window对象的属性,也是document对象的属性 1.href:返回当前加载页面的完整url,同时,也可以设置url,此时加载的url会在浏览器的历史中生成一条浏览记录,可以通过浏览器回退按钮退回 2.ha 阅读全文
posted @ 2021-01-16 17:43 向前走。 阅读(92) 评论(0) 推荐(0) 编辑
摘要: BOM:browser object model,浏览器对象模型 window是浏览器的一个实例,在浏览器中,window对象有双重角色,它既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象 1.所有的全局变量和全局方法都被归在window对象上 2 阅读全文
posted @ 2021-01-16 17:41 向前走。 阅读(109) 评论(0) 推荐(0) 编辑