書山压力大-CSDN博客

原创 JavaScript学习DAY16

day16一、面向对象编程思想面向过程编程：解决问题的过程，按步骤进行，第一步做什么，第二步做什么，一步一步完成面向对象编程：找具有解决问题功能的对象，调用其功能，完成任务。如果对象不存在，则创建对象。面向对象与面向过程：1、面向过程就是亲力亲为，事无巨细，面面俱到，步步紧跟，有条不紊2、面向对象就是找一个对象，指挥得结果3、面向对象将执行者转变成指挥者4、面向对象不是面向过程的替代，而是面向过程的封装二、创建构造函数构造函数作用：创建对象

2021-08-18 20:19:29 55

原创 JavaScript学习DAY15

day15一、json基础语法json 介绍： JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于JavaScript语言的一个子集。注: 客户端与服务端之间传递数据时，采用json格式json语法：json对象: {"名称"：值,"名称":值} {"name":"Jack","age":23} 注: 名称: 字符串类型 string 值

2021-08-18 20:18:32 54

原创 JavaScript学习DAY14

DAY14一、ES6声明变量let 和 const和var的区别： 1：let const 不允许声明重复的变量 2：没有变量提升 (let const 声明的没有预解析) 3：let const 声明的变量受所有的 {} 限制使用范//var 声明的变量只有函数能限制其作用域，其他的不能限制if(true){ var num = 100}console.log(num) //100//let声明的变量，除了函数可以限制，所有的代码块都可以限制其作用域(if/w

2021-08-16 19:47:38 75

原创 JavaScript学习DAY13

DAY13一、自调用函数函数定义方式声明式 function fn(){ console.log('fn函数') } fn() 赋值式 var 函数名 = function(){ console.log('赋值式函数') } 函数名() 函数调

2021-08-16 19:45:59 43

原创 JavaScript学习DAY12

DAY12一、绑定事件的方式1、事件属性：把事件写在标签的属性里面<input type="button" onclick="alertMessage()" value="按钮"/>2、事件绑定dv.onclick = function(){ conloge.log('我是第一个事件')}dv.onclick = function(){ conloge.log('我是第二个事件')}//当你点击的时候，只会执行第二个，第一个就没有了3、事件监听：1、a

2021-08-16 19:44:43 70

原创 JavaScript学习DAY11

DAY11一、事件的组成部分 - 事件源 - 事件类型 - 绑定事件的方式元素.事件 = function(){} - 事件处理函数 function(){}二、常见的事件鼠标事件 - click - dblclick 双击 - mouseenter 鼠标进入 - mouseleave 鼠标移开

2021-08-16 19:37:38 92

原创 JavaScript学习DAY10

DAY10一、获取节点层次结构获取DOM节点 parentNode parentElement => 返回元素父节点 childNodes => 返回子节点（元素节点、文本节点） children => 返回所有子元素节点

2021-08-16 19:36:13 65

原创 JavaScript学习DAY9

DAY9一、浏览器的 onscroll 事件这个 onscroll 事件是当浏览器的滚动条滚动的时候触发，或者鼠标滚轮滚动的时候出发window.onscroll = function () { console.log('浏览器滚动了')}注意：前提是页面的高度要超过浏览器的可视窗口才可以scrollTop 获取滚动的距离滚动距离document 文档对象获取的是页面向上滚动的距离两种方式 document.body.scrollTop 没有<!DOCTYP

2021-08-16 19:35:15 179

原创 JavaScript学习DAY8

DAY8js 组成 ECMAScript + BOM + DOMBOM Browser Object Model 浏览器对象模型主要就是去操作浏览器相关的东西浏览器里面有一个顶级对象叫做 window一、locationlocation.href //返回url地址location.href = 新url地址btn.onclick = function(){// 使用 js 的方式让页面跳转编程式导航location.href = ‘http://www.baidu.c

2021-08-16 19:33:52 41

原创 JavaScript学习DAY7

DAY7一、math 提供的操作数字的方法1、Math.random()求随机数2、Math.pow(数字,多少次方)求一个数的多少次方 console.log(Math.pow(2,3))3、Math.PI圆周率 15位小数 console.log(Math.PI)3、Math.round()四舍五入 console.log(Math.round(1.500000))4、Math.ceil()向上取整不管小数是多少都是向上

2021-08-16 19:21:42 38

原创 JavaScript学习DAY6

DAY7一、数组塌陷当数组执行删除单元操作时,被删除单元,之后的单元,会前移,进而顶替被删除单元,出现在被删除单元的位置上,造成数组长度减少的情况,这样的现象称为数组的坍塌。i–就是为了让数组中的每一个数值的索引下标能够一一相对应，这样就能够防止数组坍塌现象。如果不写i–就会出现数组坍塌而造成有单元没有执行操作。 var arr = [0,0,1,2,3] for (var i = 0; i < arr.length; i++) { // 判断

2021-08-16 19:15:21 96

原创 JavaScript学习DAY5

DAY6一、数组是一个有序的数据集合创建方式1、字面量var arr = [1,2,3,4,‘hello’,true] // 没有数据我们管它叫做空数组2、内置构造函数var arr1 = new Array(5,6,7)// 一个参数是数组的长度// 二个及以上参数数组里面的数据二、索引和length索引就是数组里面的顺序索引从 0 开始数组里面获取最后一个元素:comsole.log(arr[arr.length-1]);length 是数组的长度 (数组里面有

2021-08-16 19:11:54 121

原创 JavaScript学习DAY4

DAY4一、作用域变量起作用的范围全局作用域全局作用域是最大的作用域在全局作用域中定义的变量可以在任何地方使用页面打开的时候，浏览器会自动给我们生成一个全局作用域 window这个作用域会一直存在，直到页面关闭就销毁了私有作用域(局部作用域)只有函数有私有作用域私有作用域里面的变量在外面拿不到二、作用域的查找规则自己作用域有就直接拿来用自己作用域没有就去到上一级作用域查找有就拿来用没有就继续往上直到找到全局作用域有就拿来用没有就报错 ** is not defined

2021-07-26 17:51:32 39

原创 JavaScript学习DAY3

DAY3一、函数定义方式声明式函数 function fn(形参){ } fn(实参)赋值式函数 var fn = function(形参){ } fn(实参)声明式函数可以在声明之前和之后调用函数表达是只能在声明之后调用调用方式函数的调用方式： + 函数名+括号 fn() + 通过事件调用函数function haha(){ alert('大家好，我是通过事件调用的函数');

2021-07-26 17:48:28 67

原创 JavaScript学习DAY2

DAY2程序三种结构：顺序结构，分支结构，循环结构一、条件分支语句if(){}if(){}else{}if(){}else if(){}if(){}else if(){} else{}switch … case 要判断某一个具体的值就用 switchswitch (要判断的变量) { case 情况1: 情况1要执行的代码 break case 情况2: 情况2要执行的代码 break case 情况3: 情况3要执行的代码 br

2021-07-21 17:39:02 40 1

原创 JavaScript学习DAY1

DAY1一、JavaScript发展史1、javascript是1995年网景公司雇佣布兰登开发的全新语言2、javascript最初是为了实现浏览器客户端交互3、ECMAScript与javascript关系：前者是后者的规格，后者是前者的一种实现。在日常场合，这两个词是可以互换的。二、书写方式行内式+ a 标签 `<a href="javascript:alert(123);"></a>`+ 非 a 标签 `<div οnclick="alert(

2021-07-20 11:41:55 87

weixin_43606194的博客