自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

原创 Collection和Map

如果用普通迭代器,底层代码中有期望次数和实际次数(防止无限次迭代发生的策略)如果对值进行修改则会出现期望次数和实际次数不一样的情况会产生运行错误。覆盖了equals()方法和hashcode()方法,使得HashMap中两个相等的映射返回相同的哈希值。JDK根据对象的 地址或字符串或数字 计算 出的 int 类型的数值。由链表保证元素有序,也就是说元素的存储和取出顺序是一致的。由哈希表和链表实现的Set接口,具有可预测的迭代顺序。JDK不提供此接口的任何实现 他提供更具体的。

2023-11-19 16:13:10 73

原创 24 节点

文档 document元素 element(页面中的标签都叫元素p、div、 a元素就是标签)节点 Node页面中所有的内容都叫做节点(元素、标签、属性、文本——文字、空格、换行、回车 )DOM节点 HTML文档元素节点 标签属性节点 属性文本节点 文本内容注释节点 注释节点属性(可以用标签.出来,元素.出来,属性.出来,文本.出来)节点类型 nodeType1代表标签节点2代表属性节点3代表文本节点节点名字 nodeName

2022-03-15 10:50:56 210

原创 23 自定义属性

需求:经过盒子加边框<style> *{ margin: 0; padding: 0; } div{ width: 200px; height: 150px; background: skyblue; float: left; margin-left: 10; border: 2px solid skyblue; /*盒子不会显示变大 */

2022-03-13 08:55:59 119

原创 22 样式操作

需求:网页开关灯<style> .cls{ background: black; }</style><body><input type="button" value="开/关灯" id="btn"><script> //获取body标签 document.body 拿到body标签 var btn = document.getElementById("btn"); btn.onclick = fun

2022-03-10 21:32:43 313

原创 21 事件应用

需求:点击显示隐藏<style> .dv{ //设置样式 width: 200px; height: 200px; color: pink; }</style></head><body> <input type="button" value="隐藏" id="btn"> <div id="dv"></div> <script>

2022-03-06 15:33:10 107

原创 20 注册事件

根据标签获取元素<input type="button" value="修改p标签" id="btn"> <p>我是段落标签</p> <p>我是段落标签</p> <p>我是段落标签</p> <p>我是段落标签</p> <p>我是段落标签</p><script>//获取事件源 var btn = document.getElementB

2022-03-04 14:35:16 63

原创 19 DOM操作

DOM操作Document Object Model 文档对象模型BOM操作Browser Object Model 浏览器对象模型最常用事件鼠标点击 onclick鼠标经过 onmouseover鼠标离开 onmouseout鼠标双击 ondblclick<script> //定义一个函数 function dj(){ alert("点击"); }</script><button onclick = "dj

2022-03-03 23:17:17 89

原创 18 Array对象

创建数组1.通过字面量来创建var arr = [10,20,30,40,50,60];2.通过内置构造函数方式来创建new来创建var array = new Array(10,20,30,40,50,60);console.log(array);两种创建方式只有1个区别,如果里面就写一个数字,假设是6,表示的是6个empty,长度为6判断这个对象是不是数组1.instanceof 判断这个对象是否是数组,如果是返回的是true,如果不是就是falsevar ary = [];c

2022-03-02 13:46:37 87

原创 17 String对象

String对象(系统自带内置对象)1.length 返回长度var str = "哈哈";console.log(str.length); //22.charAt(索引) 返回值是指定索引位置的字符串,如果超出了,返回空字符串var str1 = "我是靓仔";var str1 = str1.charAt(2);console.log(str1); //靓3.fromCharCode(数字值) 可以是多个,返回ASCII码的对应值var str3 = String.fromCh

2022-02-25 23:17:07 75

原创 16 内置对象

内置对象(系统自带)Math、Date、Array、Object…Math 数学内置对象1.Math.PI 圆周率console.log(Math.PI); //πMath.max( ) 最大值Math.min( ) 最小值console.log(Math.max(10,20,3,6,9)); //20console.log(Math.min(10,20,3,6,9)); //3Math.abs( ) 绝对值console.log(Math.abs('-1'))

2022-02-24 22:44:58 249

原创 15 作用域和预解析

作用域全局作用域局部作用域(私有作用域)全局作用域:网页一打开就形成了全局作用域,在函数外面就形成了全局作用域全局变量:在全局作用域下面定义的变量,在函数外面定义的变量局部作用域:函数一执行就形成了局部作用域局部变量:在局部作用域下定义的变量,在函数里面定义的变量,形参也是局部变量var num = 10; //全局变量function fun(){ var num = 20; //局部变量 return num;}var result = fun();console.

2022-02-22 11:22:31 484

原创 14 函数案例

斐波那契数列需求:有个人想知道,一年之内一对兔子能繁殖多少对?于是就筑起一道围墙把一对兔子关在里面。已知一对兔子每个月可以生一对小兔子,而一对兔子从出生后第三个月起每月生一对小兔子。假如一年内没有发生死亡现象,那么一对兔子一年内(12个月)能繁殖成多少对?每月兔子数:1,1,2,3,5,8,13,21,34,55,89,144斐波那契数列的规律:第一项 + 第二项 = 第三项伪代码:从第三个月开始var num1 = 1; //第一个月var num2 = 2; //第二个月var sum

2022-02-18 23:57:33 141

原创 13 函数

函数返回值 return当函数执行完的时候,并不是所有的时候都要打印结果,我们希望函数给我们反馈(返回结果,然后再进行继续运算),函数可以通过返回值return来得到一个值。完整的函数有参数和返回值function 函数名(形参1,形参2,形参3,......){ 函数体; return 值;}// 函数返回值会返回到调用处,可以通过变量来接收这个返回值var 变量 = 函数名(实参1,实参2,实参3......);需求:封装一个求和函数function getSum(x,

2022-02-17 18:19:55 263

原创 12 函数

函数引入函数:把相同的功能模块进行封装起来,需要的时候直接调用函数语法: function 函数名(){ //定义函数 函数体; } 函数名(); //调用函数例: function fun(){ //定义函数 console.log("学习函数"); } fun(); //调用函数 需求:函数求和1.0 function consoleSum(){ //定义函数 var x = 10...

2022-02-16 17:20:46 125

原创 11 数组反转和冒泡排序

数组反转——就是把数组中的数据的位置进行调换 var arr = [10,20,30,40,50]; for(var i = 0; i < arr.length/2; i++){ var temp = arr[i]; //第三方变量储存值,把第一个元素放到第三方变量里去 arr[i] = arr[arr.length-1-i]; //后面的元素和前面的元素换位置 arr[arr.length-1-i] = temp; //再从第三方中拿出储存好...

2022-02-15 13:46:17 279

原创 10 数组

数组: 可以一次性存储很多个数据可以存储任意数据类型可以通过下标来改值、长度下标改值: var arr1 = [5,6]; arr1[0] = 10; //10 6数组循环(遍历、迭代、枚举) var arr2 = [10,20,30,40,50,60]; for(var i = 0; i < arr2.length; i++){ console.log(arr2[i]); //遍历出数组 } console.log(arr...

2022-02-14 21:29:37 397

原创 09 break和continue

break:当程序遇到break之后,直接跳出当前的整个循环,此时这个循环结束,执行循环下面的代码 for(var i = 0; i < 10; i++){ while(true){ //true代表成立 console.log("哈哈"); break; //只结束当前的while循环 } } console.log("已跳出");需求:100-200中第一个可以被7整除的数字 for(var i = 100...

2022-02-12 12:40:21 338

原创 08 循环

分支结构 if、if-else 、if-else if else if......else、switch-case循环 while循环、for循环单分支 只有一个分支用 if 有两个分支用if-else 多分支范围类if-else if......else 多分支具体值switch-case需求:计算1-100之间所有整数和(5050) //定义一个变量 var sum = 0; //存储和 var i = 1; //初始值 while(i &l...

2022-02-11 15:02:39 191

原创 07 多分支结构

07 多分支结构

2022-02-10 21:10:40 298

原创 06 分支结构

06 分支结构

2022-02-10 14:54:44 369

原创 05 运算符

05 运算符

2022-02-10 14:53:15 64

原创 04 数据类型转换

04 数据类型转换

2022-02-10 14:51:39 146

原创 03 字符串拼接

03 字符串拼接

2022-02-10 14:50:09 170

原创 02 数据类型

02 数据类型

2022-02-10 14:47:35 327

原创 01 JS概念

01 js概念

2022-02-10 14:45:53 141

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除