sukdia-CSDN博客

原创 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

sukdia的博客