- 博客(13)
- 收藏
- 关注
原创 web前端 js学习 第十四天 (键盘事件,鼠标事件,简易轮播)
键盘事件 onkeydown 键盘按下 持续触发 onkeyup 键盘抬起 onkeypress 键盘按下 持续触发 对部分功能键不起作用 键值 keyCode 特殊键 ctrlKey / altKey / shiftKey 返回值true示例:在盒子里移动 *{ margin: 0; } div{ width: 600px; height: 500px
2021-04-08 20:38:27
114
原创 web前端 js学习 第十三天( 事件 )
事件 事件:事情发生并得到处理 事件的三要素 : 事件源 + 事件类型 + 事件处理函数 事件对象:事情发生时,浏览器会有一个对象去记录事情发生的整个过程 事件对象通过事件处理函数的第一个参数得到事件绑定 1 行内js绑定事件 2 对象绑定事件 3 事件监听的方式 -- 不会发生覆盖 addEventListener('click' , fn) attatchEvent('onclick' , fn) 低版本I
2021-04-07 17:36:41
82
原创 web前端 js学习 第十二天 (元素操作 ,全反选择 ,选择卡......)
元素 回流 display:none visibility:hidden 重绘 backgorund-color 元素的宽高<div class="box"> <div class="a"></div></div><script> var oDiv = document.getElementsByClassName('a')[0]; console.log(oDiv) con
2021-04-06 20:17:32
70
原创 web前端 js学习 第十一天 (BOM DOM 延时器)
延时器 定时器 循环在执行 延时器 延迟执行一次 定时器和延时器都是异步 定时器和延时器不做区分 定时器和延时器存储的都是编号 clearInterva 和 clearTimeout 可以混用 延时器可以改成定时器 setTimeout(fn,1000); function fn(){ console.log(666); setTimeout
2021-04-06 19:42:51
201
原创 web前端 js学习 第九天 (字符串,对象)
函数回调// var arr = [1,2,3]; // for(var i = 0 ; i < arr.length ; i++) { // // 要做的事情 // fn() // } // bb 数组 // cb 函数 function aa(bb,cb){ // var arr = [1,2,3]; for(var i = 0 ; i < bb.length ; i++) {
2021-03-31 20:38:44
58
原创 web前端 js学习 第八天 (数组拓展,多维数组)
数组的扩展方法 sort 排序 默认是ASCII升序 回调 filter 过滤 得到满足条件的数据 数组 --filter 过滤 得到的是数组 every 是否所有的数据都满足条件 布尔值 map 改变数组里面的值 映射 some 判断是否有满足条件的数据 布尔值 forEach 遍历数组,没有返回值 map 映射 map 映
2021-03-31 20:27:54
211
原创 web前端 js学习 第七天 (数组--冒泡,选择排序)
基本数据类型存储在栈内存中 -- 存储的是值 引用数据类型存储在堆内存中 -- 存储的是地址 数组的深拷贝和浅拷贝 浅拷贝实际上拷贝的是地址 深拷贝实际上拷贝的是值数值常用方法2: splice 删除/替换/插入元素 --- 直接改变原数组 -- 返回被删除的数据,得到的是数组 concat 合并多个数组 -- 不会改变原数组 join 数组变成字符串 reverse 数组反向 incl.
2021-03-29 21:00:04
97
原创 web前端 js学习 第六天 (数组,递归,回调)
数组 数组:存储同一种数据类型的多个数据 数组的声明方式: 直接赋值 [3,2,5] 实例化对象 new Array(3,2,4) 实例化 new Array(10) 声明的是数组的长度 判断数组的方法 Array.isArray() 数组的长度 length 数组的角标 从0开始的 改变数组长度的方法 arr.length = num
2021-03-29 20:27:27
139
原创 web前端js 学习 第五天(函数封装)
函数类型具名函数 function fn(形参) {}赋值式声明函数 var aa = function () { document.write(1) } aa()匿名函数 – 立即执行函数封装的方法常用 !function(){ document.write(2); }() +function(){ document.write(2); }() ~function(
2021-03-26 20:53:44
132
2
原创 web前端js 学习第四天 (函数学习)
短路赋值<script> var a = 3 || 4 ; console.log(a) ; // 3 var b = 3 && 4 ; console.log(b) ; // 4 var c = 0 && 5 ; console.log(c) ; // 0</script>break 和continue 的区别提前结束循环 break 直接结束循环 continu
2021-03-25 20:49:50
87
原创 web前端js 学习第三天 循环(for / do..while / while)
判断年月日是否合法 判断 <script> // 思路: // 1 判断年 1000 - 3000 能被1整除 // 2 判断月 1 - 12 能被1整除 // 3 日期 1 - maxDay 能被1整除 var oYear = document.getElementById('inp1'); var oMonth = document.getE
2021-03-24 20:55:19
139
原创 web前端js 学习第二天 (随机数,if ,switch)
Math对象 Math.abs() 绝对值 Math.random() 随机数 [0,1) Math.round() 四舍五入取整 Math.ceil() 向上取整 Math.floor() 向下取整随机数 ———— 随机数取值范围公式var num = min + Math.round(Math.random() * (max - min)) ; var num = min + parseInt
2021-03-23 20:39:44
183
原创 web前端 Js 学习第一天
1 js 直译型 弱类型 脚本语言2 js的组成 ECMAScript + BOM + DOM ECMAScript 核心语法 es5 es6 BOM 浏览器对象模型 DOM 文档对象模型3 js和h5的关系 h5 广义:前端 --- 动态的网页 狭义:html第五个版本 js 实现网页动态效果的核心4 js 运行 js运行在js引擎中,也就是浏览器中 js创建
2021-03-22 20:09:48
68
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人