是天音鸭-优快云博客

原创二阶段JavaScript-Day18知识点整理(面向对象)

面向对象就是拿别人写好的功能对象，调用对象的方法即可。核心思想：封装。对象的创建对象：一系列属性和方法的无序集合。类：学生（不具体，抽象，模板）老师狗动物对象：张飞（具体，抽象，模板产生的一个具体的实例）由类产生对象： Array —>var arr = [12,34,3,5] 通过类产生对象的这个过程：实例化对象 1.字面量创建对象 var obj = {name:"tianIn"}; 2.内置的object创建对象 var obj = ne

2021-12-22 15:40:05 629

原创二阶段JavaScript-Day17知识点整理(运动、运动封装)

1.运动让一个元素在页面中上下左右运动，设置定时器，每隔一定的时间改变物体的left值和top值即可。 var oBtn = document.querySelector('button') var oDiv = document.querySelector('div') oBtn.onclick = function(){ // 让物体向前移动5px 每点击一次，向前移动5px oDiv.style.left = oDiv.

2021-12-22 15:37:55 681

原创二阶段JavaScript-Day16知识点整理(ES5语法、ES6语法)

1.ES5 1.数组方法：forEach, map, filter, every, some 2. 严格检查模式 “use strict” 3.call(), bind(), apply()改变this指向 //1.全局定义的函数直接调用时，this -> window //2.对象内部的方法调用，this -> 调用者（对象） //3.事件处理函数，this -> 事件源 //4.定时器内部的this -> window //5.自调用函数，this ->

2021-12-20 16:38:03 890

原创二阶段JavaScript-Day15知识点整理(正则表达式)

1.正则表达式的概念正则表达式是用于匹配一个字符串是否满足某种规则 2.正则表达式的创建 var reg = /abc/;//规则就是abc var reg2 = new RegExp('abc'); //验证字符串中是否包含reg这个规则 var str = 'abcabc'; console.log(reg.test(str)); 3.正则表达式的元字符 \d：匹配一位数字 \D：匹配一位非数字 \w：匹配一位数字或字母或下划线 \W：匹配一位数字或字母或下划线

2021-12-17 14:20:59 496

原创二阶段JavaScript-Day14知识点整理(键盘事件、元素大小位置、事件流、事件委托、拖拽)

1.键盘事件的对象属性键盘事件对象包含一系列信息： 1.事件源 2.事件类型 3.按下的是哪个键（e. keyCode：返回对应键的ASCII码值，回车键对应13） 4.是否按下了ctrl（e. ctrlKey：返回true代表按下了ctrl键，返回false代表没有按下ctrl） 5.是否按下了alt（e. altKey：返回true代表按下了alt键，返回false代表没有按下alt） 2.元素的各种大小和位置 1.获取元素的大小 //元素的可视宽（不包含边框） od

2021-12-16 14:54:06 917

原创二阶段JavaScript-Day13知识点整理(DOM事件、事件类型、事件对象)

1.事件概念和事件三要素事件就是能被JS监听到的的行为。事件三要素： 1.事件源：触发事件的源头，谁触发的事件谁就是事件源。 2.事件类型：是哪种事件类型，如：鼠标事件，键盘事件…(click, dblclick, mouseover, mouseout…) 3.事件处理函数：事件触发后执行的行为({}中会执行的代码) 2.this的指向 //事件中的this，指向事件源，即oBtn。 oBtn.onclick = function(){ this.style.bac

2021-12-15 14:19:42 206

原创二阶段JavaScript-Day12知识点整理(DOM节点)

1.什么是DOM节点节点：w3c规范，页面上所有的内容都可以称为节点，DOM的最小单元就是节点。节点的种类：节点的种类有12种，这里只列举5种。 1.元素节点，标签，nodeType：1 2.属性节点，属性，nodeType：2 3.文本节点，文本，nodeType：3 4.注释节点，注释，nodeType：8 5.文档节点，文档，nodeType：9 节点.nodeName：元素节点的nodeName值都是大写的标签名。 DOM以树状的形式出现（倒

2021-12-14 14:13:45 969

原创二阶段JavaScript-Day11知识点整理(深入DOM操作)

1.DOM操作之innerHTML //设置内容 //针对非表单控件 //支持标签。可以解析标签 tianIn.innerHTML//获取内容 tianIn.innerHTML = "<b></b>";//设置内容 //不支持标签，可以解析标签 tianIn.innerText//获取内容 tianIn.innerText = "";//设置内容 //针对表单控件 tianIn.value//获取内容 tianIn.value = "";//设置内容 2.DOM操作之自定义属性

2021-12-13 13:30:21 447

原创二阶段JavaScript-Day10知识点整理(操作BOM、操作DOM)

1.BOM(browser object model) BOM，即浏览器对象模型，提供了一系列操作浏览器的方法。 BOM：核心对象，顶级对象叫window。 2.window对象的方法： window. 可以省去。 //弹出框 window.alert("弹出框"); //输入框 window.prompt("输入框"); 返回值：输入的内容。 //询问框 window.confirm("输入内容"); 返回值：点击确定返回true，点击取消返回false。 //打开网址 w

2021-12-11 10:29:20 683

原创二阶段JavaScript-Day09知识点整理(Math对象、Date对象、定时器)

1.Math对象 Math对象：用于数学运算，提供了一系列数学计算的api。 1.Math.random(); 含义：获取[0,1)之间的一个随机数。 2.Math.floor(); 含义：向下取整。 3.Math.ceil(); 含义：向上取整。 4.Math.round(); 含义：四舍五入。 5.Math.abs(); 含义：取绝对值。 6.Math.pow(n, m); 含义：n的m次方。 7.Math.sqrt(); 含义：开

2021-12-09 13:48:56 443

原创二阶段JavaScript-Day08知识点整理(严格检查、字符串API、JSON)

二阶段JavaScript-Day08知识点整理(严格检查、字符串API、JSON) 1.严格检查模式位置写在全局作用域和局部作用域的最顶端。 "use strict" 作用：1.消除代码的不严谨性。 2.提高代码的安全性。 3.提高代码的执行效率。使用严格检查模式检查的问题： 1.未声明的变量不能直接使用。 2.严格检查模式下，不允许函数参数有相同的变量名。 … 2.字符串定义字符串 //字面量法,type of检测结果为string var

2021-12-08 20:15:04 257

原创二阶段JavaScript-Day07知识点整理(ES5数组方法、冒泡排序、选择排序、数据类型)

二阶段JavaScript-Day07知识点整理 1.ES五新增数组方法 1.map(); 语法：arr.map(function(item, index){ return item*3; }) 含义：遍历数组，item代表每个元素，index代表下标。返回值：返回映射的新数组。 2.forEach(); 语法：arr.forEach(function(item, index){}) 含义：遍历数组。返回值：没有返回值。 3.filter();

2021-12-07 14:49:54 288

原创二阶段JavaScript-Day06知识点整理(对象、数组、数组常用方法)

二阶段JavaScript-Day06知识点整理 1.自定义对象对象：万事万物皆对象，对象是一系列属性与行为的结合。定义对象 var tianIn = {}; //定义一个空的对象 var tianIn = { name: "天音", ID: 100548497, eat(){ console.log('恰饭'); } }; 对象属性的增删改查 //增 tianIn.level = 148; tianIn['level'] = 148;

2021-12-06 14:43:25 340

原创二阶段JavaScript-Day05知识点整理(函数、作用域、递归、事件)

二阶段JavaScript-Day05知识点整理 1.函数 1.预解析 JavaScript代码在运行的时候会先对代码进行预解析，把声明式函数和var声明的变量提到代码头部，然后再执行代码。 2.作用域（重点）作用域就是一个变量可以生效的范围，即变量使用范围。 3.全局作用域全局作用域是最大的作用域。全局作用域中对应的变量可以再任意地方使用。页面打开的时候，浏览器会自动生成一个全局作用域window。作用域会一直存在直到页面关闭。 4.局部作用域局部作用

2021-12-03 19:46:10 229

原创二阶段JavaScript-Day04知识点整理(双重for循环、函数的定义和调用)

Day24-javascript-04 1.循环分支结构 1.双重for循环（循环嵌套）特点：分为外层循环和内层循环外层走一次，内层全走完外层控制行数，内层控制列数循环总次数为: 内层循环次数*外层循环次数双重for循环语法： for(外循环的初始; 外循环的条件; 外循环的操作表达式){ for(内循环的初始; 内循环的条件; 内循环的操作表达式){ 需要执行的代码; } } 2.函数 1.函数的概念函数就是把任意一段代码放到一个盒子里，

2021-12-02 16:22:40 793

原创二阶段Javascript-Day03知识点整理(switch语句、循环结构、循环控制)

Day23-javascript-03 分支语句之switch语句 switch条件分支结构语法： switch(要判断的变量){ case 情况1: 情况1要执行的代码 break; case 情况2: 情况2要执行的代码 break; case 情况3: 情况3要执行的代码 break; default: 上述case都不满足时执行的代码 } 要判断某

2021-12-01 17:44:16 344

原创二阶段Javascript-Day02知识点整理(数据类型转换、运算符、if语句、三元运算)

Day22-javascript-02 1.数据类型转换 1.其他数据类型转换成数值类型 Number() 整体强制转换，转换不成就是NaN。 parseInt() 转换成整数 parseFloat()转换成浮点数除了加法以外的数学运算。 2.其他数据类型转成字符串变量.toString() String(变量) 使用加法运算 3.其他数据类型转换成布尔类型 Boolean(变量) 在js中，只有 undefined, null ,"", 0, Na

2021-11-30 14:26:35 473

原创二阶段Javascript-Day01知识点整理(认识JS、JS核心、JS基础语法、数据类型)

Day21-2021-11-29 JavaScript二阶段 1.认识Js Js是运行在浏览器端（客户端）的解释性脚本语言。 Js引擎：执行Js代码：从上往下一行一行执行（类似python） Js作用：行为（动效，轮播图，Tab切换，楼层，拖拽，百度搜索，表单验证…） 2.Js核心（1）ECMAScript：javascript的语法规范。常用：ECMAScript6，及es6，es2015。 W3C规范HTML和CSS。（2）BOM: 浏览器文档模型，提供一套操作浏览器的api。（3）

2021-11-29 17:24:59 187