- 博客(24)
- 收藏
- 关注
原创 ES6 - Class
1.Class是什么认识class人类:类具体的人:实例、对象类可以看做是对象的模板,用一个类可以创建许多不同的对象Class基本用法类名一般大写class Person {} class Person { //实例化时执行的构造方法,所以必须有构造方法,但是可以不写出来 constructor(name, age) { console.log('初始化构造方法');
2021-04-21 21:05:26
108
原创 ES6 - Promise
1.Promise是什么认识PromisePromise是异步操作的一种方式回调函数 document.addEventListener('click', () => { console.log('这是异步请求!'); }, false); console.log('这是同步请求!');什么时候使用PromisePromise一般用来解决层层嵌套的回调函数(回调地域 callback hell)的问题 * {
2021-04-18 21:24:55
162
原创 ES6 - ES6的新增方法
1.对象inclues()的用法基本用法判断字符串中是否含有某些字符 console.log('abc'.includes('a')); //true console.log('abc'.includes('b')); //true console.log('abc'.includes('ab')); //true console.log('abc'.includes('ac')); //false第二个参数表示开始搜索的
2021-04-17 22:21:38
753
原创 ES6 - 遍历器与for...of循环
1.lterator的使用lterator的作用lterator:遍历器(迭代器)for ()[1,2].forEach()new Set().forEach()lterator是用来遍历的寻找lterator console.log(lterator); // lterator is not defined console.log([1, 2][Symbol.iterator]());//Array Iterator {} const it = [1, 2][Symbol
2021-04-16 21:19:48
91
原创 ES6 - Set和Map数据结构
1.set是什么什么是Set集合 [1,2]数组是一系列有序的数据集合Set是一系列无序列、没有重复值的数据集合理解SetSet没有下标去标识每一个值,所以set是无序的,也不能像数组那样通过下标去访问set成员 console.log([1, 2, 1]); //(3) [1, 2, 1] console.log(new Array(1, 2, 1)); //(3) [1, 2, 1] const s = new Set(); s.add(1); //add方法每次只能添加一个
2021-04-15 20:44:19
73
原创 ES6 - 对象字面量的增强与函数参数的默认值
1.对象的属性和方法简介表示对象字面量是什么// 实例化构造函数生成对象const person = new Object();person.age = 17;person.speak = function() { console.log(1);}console.log(person); //{age: 17, speak: ƒ} //对象字面量 const person = { age: 18, speak: function() {
2021-04-13 22:29:06
102
原创 ES6 - 解构赋值
1.认识解构赋值 const arr = [1, 2, 3]; const a = arr[0]; const b = arr[1]; const c = arr[2]; console.log(a, b, c); //解构赋值 const [a, b, c] = [1, 2, 3]; console.log(a, b, c); //1,2,32.什么是解构赋值解析某一数据的
2021-04-11 22:00:36
133
原创 ES6 - 模板字符串与箭头函数
1.模板字符串的使用字符串和其他东西一块使用的时候,方便注入const username1 = 'zhangsan'; const username2 = `zhangsan`; console.log(username1, username2);//zhangsan zhangsan console.log(username1 === username2);//true const person = { usern
2021-04-09 21:58:05
276
原创 ES6 - let和const
let 和 const1.let和const是什么? 声明变量或常量 var 声明变量 let代替var 声明常量 const声明常量constant 注意: var let 初始化以后还可以重新赋值 const 初始化后 不允许重新赋值 var username = 'xiaohong'; let age = 18; const sex = 'nan' console.log(
2021-04-09 21:35:48
55
原创 面向对象-包装类,Date和Math对象(七)
包装类什么是包装类Number()、String()和Boolean()分别是数字、字符串、布尔值的“包装类”很多编程语言都有“包装类”的设计,包装类的目的就是为了让基本类型值可以从它们的构造函数的prototype上获得方法举例var a = new Number(123);var b = new String('大白鹅');var c = new Boolean(true);a、b、c是基本类型值么?它们和普通的数字、字符串、布尔值有什么区别么?<!DOCTYPE html&
2021-04-03 21:05:26
75
原创 面向对象案例 (六)
案例面向对象到底是什么?面向对象的本质:定义不同的类,让类的实例工作面向对象的优点:程序编写更清晰、代码结构更严密、使代码更健壮更利于维护面向对象经常用到的场合:需要封装和复用性的场合(组件思维)小案例:红绿灯页面上做一个红绿灯,点击红灯就变黄,点击黄灯就变绿,点击绿灯就变回红灯使用面向对象编程,就能以“组件化”的思维解决大量红绿灯互相冲突的问题面向对象编程,最重要的就是编写类TrafficLight类红绿灯TrafficLight类的属性和方法属性:自己的当前颜色color、自
2021-04-03 21:04:44
270
原创 CSS3-动画
动画(animation)什么是动画动画是 CSS3 中最具颠覆性的特征之一,可通过设置多个节点来精确的控制一个或者一组动画,从而实现复杂的动画效果动画的基本使用先定义动画在调用定义好的动画语法格式(定义动画)@keyframes 动画名称 { 0% { width: 100px; } 100% { width: 200px }}语法格式(使用动画)div { /* 调用动画 */ a
2021-04-03 21:01:22
82
原创 面向对象 - prototype和原型链查找、继承(五)
什么是prototype任何函数都有prototype属性,prototype是英语“原型”的意思prototype属性值是个对象,它默认拥有constructor属性指回函数普通函数来说的prototype属性没有任何用处,而构造函数的prototype属性非常有用构造函数的prototype属性是它的实例的原型在prototype上添加方法之前,我们将方法写到了对象身上function People(name, age, sex) { this.name = name; this.
2021-03-30 17:51:35
97
原创 面向对象-构造函数和类(四)
用new操作符调用函数一种新的函数调用方式:new 函数()JS规定,使用new操作符调用函数会进行“四步走”:1)函数体内会自动创建出一个空白对象2)函数的上下文(this)会指向这个对象3)函数体内的语句会执行4)函数会自动返回上下文对象,即使函数没有return语句四步走详解function fun() { this.a = 3; this.b = 5; } var obj = new fun(); console.log(obj);四步走详解 - 第1步func
2021-03-30 17:51:27
87
原创 面向对象—上下文(三)
函数的上下文函数中可以使用this关键字,它表示函数的上下文与中文中“这”类似,函数中的this具体指代什么必须通过调用函数时的“前言后语”来判断函数中的this<script>var xiaoming = { nickname : '小明',age : 12, sayHello : function () { console.log('我是' + this.nickname + ',我' + this.age + '岁了');}};xiaoming.sayHello();
2021-03-30 17:51:16
157
原创 面向对象—对象的深浅克隆(二)
对象的深浅克隆基本类型值和引用类型值举例当var a = b变量传值时当用==比较时基本类型值数字、字符串、布尔、undefined、null内存中产生新的副本比较值是否相等引用类型值对象、数组等内存中不产生新的副本,而是让新变量指向同一个对象比较内存地址是否相同,即比较是否为同一对象对象是引用类型值对象是引用类型值,这意味着:• 不能用var obj2 = obj1这样的语法克隆一个对象。• 使用 = = 或者 = = = 进行对象的比较时,比较的
2021-03-30 17:51:07
79
原创 面向对象—认识对象、对象的方法和遍历(一)
认识对象对象(object)是“键值对”的集合,表示属性和值的映射关系<script>var xiaoming = {name: '小明',age: 12,sex: '男',hobbies: ['足球','编程']};//JS中,大括号表示对象//属性名(键名,key)//属性值(value)</script>对象的语法k和v之间用冒号分隔,每组k:v之间用逗号分隔,最后一个k:v对后可以不书写逗号<script>var obj =
2021-03-30 17:50:57
207
原创 CSS3伪元素选择器
CSS3伪元素选择器伪类元素选择器选择符简介::before在元素的内部的前面插入内容::after在元素的内部后面插入内容伪类选择器注意事项before 和 after 必须有 content 属性before 在内容前面,after 在内容后面before 和 after 创建的是一个元素,但是属于行内元素创建出来的元素在 Dom 中查找不到,所以称为伪元素伪元素和标签选择器一样,权重为 1案例:<style>
2021-03-30 17:39:26
76
原创 CSS3属性选择器
CSS3 选择器什么是 CSS3在 CSS2 的基础上拓展、新增的样式CSS3 发展现状移动端支持优于 PC 端CSS3 相对 H5,应用非常广泛属性选择器列表选择符号简介E[att]选择具有 att属性的E元素E[att=“val”]选择具有att属性、且属性值等于val的E元素E[att^=“val”]匹配具有val属性、且值以val开头的E元素E[att$=“val”]匹配具有val属性、且值以val结尾的E元素
2021-03-30 17:39:08
134
原创 HTML5
HTML5万维网的核心语言,标准通用标记语言下的一个应用标记语言(HTML)的第五次重大修改,作为心HTML语言,具有新的元素,属性和行为。HTML它有更大的技术集,允许更多样化和强大的网站和应用程序,增加了新特性:语义特性,本地存储特性,设备兼容特性,连续特性,网页多媒体特性,三维,图形以及特效特性,性能 与集成特性,CSS3特性。这个集合有时称位HTML5。...
2021-03-21 16:10:36
52
原创 js获取浏览器地址栏参数(详细)
js获取浏览器地址栏参数首先回顾两个js方法,substring( ),split( )substring()方法用于提取字符串中介于两个制定下标之间的字符。语法://参数 start开始位置 end结束结束strObject.substring(start,end);参数描述start必须。一个非负的整数,开始提取字符串中的位置。end可选,一个非负的整数,结束提取字符串中的位置。如果省略该参数,则会从start开始一直到该字符串最后。split( )方
2021-03-15 17:46:49
4770
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人