JS高级部分(从数组开始的!!!)
想懂就来吧。欢迎你!!!
贵哥的编程之路(热爱分享)
IT讲师(csdn研修院 网易云课堂 51cto学堂 php中文网),努力进步中。我想看看我的巅峰在哪里。
展开
-
js三角恋
1.课程目标:1.1:原型怎么写?1.2:prototype的特点是什么?1.3:对象的三角恋关系是怎么样的?原创 2020-11-11 10:19:46 · 1973 阅读 · 19 评论 -
js对象篇
1.创建对象的三种方式:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>原创 2020-11-07 23:08:12 · 5209 阅读 · 15 评论 -
JS函数(号称最全最详解包括es6)
第一绝:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> //什么是函数? /* 1.什么是函数? 函数是专门用于封装代码的, 函数是一段可以随时被反复执行的代码块原创 2020-10-29 00:05:01 · 1315 阅读 · 0 评论 -
JS数组(最全的数组最详解包括es6)
数组第一:问题?什么是数组?数组就是用来存储一组数据的东西。注意:数组不是基本数据类型,他是引用数据类型。简称对象类型。问题?为什么呢?因为他的元素代表类一个一个对象啊。问题?怎么创建一个数组?<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body&g原创 2020-10-28 23:24:45 · 2404 阅读 · 2 评论 -
new String() split详解
<!DOCTYPE html><html><head> <title></title></head><body><script type="text/javascript"> /*let str="abc"; let newstr=str.replace("a","m"); console.log(newstr); let a="c"; let b="y"; let c="g"; let原创 2020-09-23 23:04:41 · 955 阅读 · 0 评论 -
js的join split startsWith endsWith
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script type="text/jav原创 2020-09-23 01:09:33 · 703 阅读 · 1 评论 -
详解length charAt indexOf lastIndexOf includes concat slice substring substr详解
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script type="text/jav原创 2020-09-23 01:01:12 · 706 阅读 · 0 评论 -
sort实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script type="text/jav原创 2020-09-23 00:49:50 · 815 阅读 · 1 评论 -
splice delete详解
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script type="text/jav原创 2020-09-21 23:21:12 · 745 阅读 · 0 评论 -
js中数组高级API下
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script type="text/jav原创 2020-09-21 23:17:56 · 1098 阅读 · 1 评论 -
详解indexOf lastIndexOf includes findIndex find
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script type="text/jav原创 2020-09-21 23:13:28 · 710 阅读 · 0 评论 -
forin forof forEach myForEach
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script type="text/jav原创 2020-09-21 22:51:23 · 689 阅读 · 0 评论 -
深拷贝,你懂吗?
Document原创 2020-09-21 22:39:07 · 663 阅读 · 0 评论 -
getComputedStyle currentStyle代表哪里的兼容
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style type="text/css"> *原创 2020-09-18 22:49:43 · 791 阅读 · 1 评论 -
对象深拷奥秘
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script type="text/jav原创 2020-09-14 00:15:15 · 658 阅读 · 0 评论 -
深浅拷贝
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script type="text/jav原创 2020-09-12 22:49:37 · 663 阅读 · 0 评论 -
解构赋值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script type="text/jav原创 2020-09-12 22:46:14 · 695 阅读 · 2 评论 -
对象解构赋值详解
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script type="text/jav原创 2020-09-12 22:43:18 · 1445 阅读 · 0 评论 -
详解对象遍历
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=a"> <title>Document</title></head><body> <script type="text/javas原创 2020-09-11 22:31:54 · 1035 阅读 · 0 评论 -
详解对象增删改查
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script type="text/jav原创 2020-09-11 22:20:30 · 802 阅读 · 0 评论 -
hasOwnProperty
<!DOCTYPE html><html><head> <title></title></head><body><script type="text/javascript"> class Person { name=null; age=0; } Person.prototype.height=0; /*let p=new Person(); // in的特点: 只要类中或者原型对象原创 2020-09-11 19:35:37 · 762 阅读 · 0 评论 -
isPrototypeOf详解
/* 1.什么是isPrototypeOf属性 isPrototypeOf用于判断 一个对象是否是另一个对象的原型 */ /* 2.isPrototypeOf注意点 2.1只要调用者在传入对象的原型链上都会返回true */<!DOCTYPE html><html><head> <title></title></head&原创 2020-09-11 19:30:13 · 3348 阅读 · 0 评论 -
instanceof
<!DOCTYPE html><html><head> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body><script type="text/javascript"> /* 1.什么是instanceof关键字?原创 2020-09-11 12:34:44 · 742 阅读 · 0 评论 -
js中获取对象类型
<!DOCTYPE html><html><head> <title> </title> <meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body> <script type="text/javascript"> let qq=new Object(); conso原创 2020-09-11 12:20:33 · 931 阅读 · 0 评论 -
JS中ES6继承
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script type="text/jav原创 2020-09-11 12:15:53 · 718 阅读 · 0 评论 -
JS中ES6类和对象
<!DOCTYPE html><html><head> <title></title> </head><body><script type="text/javascript"> /*function Person(myName, myAge) { //实例属性 this.name=myName; this.age=myAge; //实例方法 this.say=function原创 2020-09-11 12:02:14 · 695 阅读 · 0 评论 -
js多态
<!DOCTYPE html><html><head> <title></title></head><body><script type="text/javascript"> function Dog() { this.eat=function() { console.log(" 狗吃东西"); } } function Cat() { this原创 2020-09-02 00:42:43 · 451 阅读 · 1 评论 -
JS继承4
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript"> function Person(myName, myAge) { //原创 2020-08-18 00:38:48 · 462 阅读 · 1 评论 -
JS中继承3
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript"> function Person(myName, myAge) { //原创 2020-08-18 00:26:11 · 463 阅读 · 1 评论 -
JS中继承方式2
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> function Person(myName, myAge) { //let per=new Obje原创 2020-08-18 00:17:30 · 468 阅读 · 0 评论 -
JS中call apply bind的用法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> //this是什么?谁调用当前的属性或者方法的,它就是谁 /* 2.1.bind方法作用 修改函数或者方法中的原创 2020-08-16 23:52:49 · 492 阅读 · 0 评论 -
JS继承核心(1)第一种方式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript"> function Person()//父类 { this原创 2020-08-16 23:13:52 · 508 阅读 · 0 评论 -
JS中(实例与静态)属性与方法大展示
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> /* 1.在JavaScript中属性和方法分类两类 1.1实例属性/实例方法 在企业开发中原创 2020-08-16 00:14:47 · 476 阅读 · 0 评论 -
JS中私有属性注意点
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> function Person() { this.name="cyg"; th原创 2020-08-16 00:07:01 · 536 阅读 · 0 评论 -
JS中封装性,你真的懂封装性嘛????
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> </head><body> <script> /*function demo() { var num="局部变量1";原创 2020-08-15 23:55:47 · 508 阅读 · 0 评论 -
JS中属性注意点
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> function Person(myName, myAge) { this.name=myName;原创 2020-08-15 16:19:47 · 455 阅读 · 0 评论 -
JS中怎么构成原型链的???Function Object构造函数.这通通告诉您
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> function Person(myName, myAge) { this.name = myName;原创 2020-08-15 09:13:23 · 521 阅读 · 0 评论 -
JS中对象+构造函数+原型对象谈恋爱了嘛。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title><script> function Person(myName,myAge) { this.name=myName; this.age=myAge; this.currentType="构造函数中的属性"; this.say=fu原创 2020-08-15 01:28:52 · 471 阅读 · 0 评论 -
JS构造函数优化 三步优化到位
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> function mysay() { console.log("hello world");原创 2020-08-14 23:54:29 · 1078 阅读 · 0 评论 -
JS中构造函数系统做了什么,内存地址是否一样把
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> function Person(myName,myAge) { // let obj=new Objec原创 2020-08-14 23:38:06 · 687 阅读 · 0 评论