自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 java数组的基本算法

/ 将新插入的值与前面比较大小 当前面不小于它或者前面没有元素可以比较的时候退出内循环。交换元素 将最小值的与数组第一个交换,交换后排序好的数不在进行比较。比较数组的元素两两比较大的放到后面小的放前面。依次判断数组中的元素获得最小元素的下标。// 判断数组是否是空数组或者数组个数为1。// 判断数组是否是空数组或者数组个数为1。// 判断数组是否是空数组或者数组个数为1。// 获取数组交换前的第一个位置。// 获取最小数的下标值。// 获取数组的长度。// 获取数组的长度。// 获取数组的长度。

2024-04-10 14:28:51 624

原创 jQuery的操作

JQ对象.html("") 相当于原生JS的 对象.innerHTML="";父元素.prepend(JQ节点对象或者标签字符串)元素.before(JQ节点对象或者标签字符串)父元素.append(JQ节点对象或者标签字符串)元素.after(JQ节点对象或者标签字符串)父元素.appendChild(元素节点对象)JQ对象.remove() (节点"自杀")节点对象.setAttribute("属性名","属性值")节点对象.getAttributeNode("属性名")

2024-04-08 18:20:14 307

原创 jQuery的动画

传入毫秒值 表示 元素的width/height/opacity 从0变化到本身大小。传入毫秒值,回调函数 显示动画执行完毕 触发的回调函数。},动画的持续时间,"linear/swing",回调函数)fadeTo(毫秒值,目标透明度,回调函数)参数是两个布尔值 默认值都是false。false: 立即停止当前动画。参数 传入毫秒值+回调函数。参数 传入毫秒值+回调函数。第三个参数动画速率 不传默认linear。毫秒值表示多少毫秒变化完。第一个参数: 后续动画是否会执行。false: 后续会执行。

2024-04-08 18:19:35 264

原创 js概述及基本使用

JQ对象.children([选择器]) []表示当前参数选择器 可传可不传。JQ对象.removeClass("类名1 类名2 ...")JQ对象.toggleClass("类名1 类名2 ...")JQ对象.eq(索引值) 在选择器关联的一堆元素中找到指定索引值的元素。JQ对象.addClass("类名1 类名2 ...")JQ对象.last() 在选择器关联的一堆元素中找第最后一个。JQ对象.first() 在选择器关联的一堆元素中找第一个。JQ对象.css("键","值")

2024-04-08 18:18:08 394

原创 js的特效

console.log('鼠标到可视区域的距离(clientX/Y)',e.clientX,e.clientY);window.onload 页面加载完毕事件 所有页面的dom节点加载完毕 页面所有的图片加载完毕 后才去执行的事件。html对象调用 返回的是可关东的浏览器页面被卷曲的头部和左侧的距离。内容不超出盒子宽高的时候 返回的是盒子自身的宽高+padding。其实获取的就是最终渲染的盒子的大小 不包含margin。获取当前盒子距离最近的有定位的父盒子左上角的距离。

2024-04-08 18:17:36 413

原创 BOM中的常用对象

console.log("地址路径部分:",location.pathname);console.log("地址的#号锚点部分:",location.hash);console.log("地址的参数部分:",location.search);console.log("协议:",location.protocol);console.log("主机:",location.hostname);console.log("主机+端口:",location.host);console.log('一次性定时器');

2024-04-08 18:17:05 309

原创 DOM中的一些属性

元素对象.classList.contains('类名') 判断是否包含指定的class。元素对象.classList.add('类名') 新增class 每次只能增加一个。元素对象.setAttribute('class','类名') 新增class。元素对象.setAttribute('class','类名') 修改class。元素对象.classList.remove('类名') 删除class。元素对象.classList.toggle('类名') 切换class。

2024-04-02 17:01:33 560

原创 DOM操作事件的初体验

var 变量=document.querySelector('css选择器') ***只能选中单个元素。var 变量=document.getElemenByClassName('标签class属性的值')通过className属性改变标签类名 会全部设置上新赋的值 如果想要原来的类名需要在赋值的时候也增加上。(伪数组名)[i].style.bacugroundColor='red'在事件当中的this 指向的除法当前绑定这个事件的那个事件源对象 也就是本就触发这个事件的事件源。

2024-03-30 10:41:05 678

原创 JavaScript中Date对象的创建及使用

var weeks = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");document.write(y+"-年 "+mon+"-月 "+d+"-日 "+" "+hour+":"+min+":"+sec+w)console.log('年:',date.getFullYear());console.log('月:',date.getMonth()+1);console.log('日:',date.getDate());

2024-03-30 10:40:00 427

原创 js数组的遍历方法

/ 4.every(对数组的每个元素进行回调函数 如果所欲回调函数都返回true则 every方法返回true 如果其中哟一个回调函数返回false 则every立即停止遍历every返回false)// 5.some(对数组的每个元素进行回调函数 如果素有回调函数都返回false则some返回false 如果其中有一个回调函数返回true 则some立即停止遍历 some返回true)// 修改数组长度(不推荐 在其他编程语言中 数组的length属性是只读 但是js是读写的)

2024-03-30 10:39:10 426

原创 js内置对象之Array

/返回的是被删除的元素组成的新数组。console.log(arr.unshift('张飞','刘备','关羽'));console.log(arr.includes('张飞'));console.log(arr.push('张飞','刘备','关羽'));console.log(arr.includes('哈哈'));//返回值是被删除的元素。

2024-03-30 10:37:26 347

原创 普通函数和构造函数之间的区别

因为内部没有使用this给当前对象添加属性和方法 所以创建出对象也是空的 返回了这个空对象。要想根据一个变量获取属性值 需要用到对象调用属性的第二种方式 对象[变量名]for (var 遍量 in 对象){声明的遍历存储的是当前对象的每一个属性}一旦普通调用 就没有新对象 也没有this指向新对象。k 是一个变量 所有per对象的属性都是存储在这个变量里面的。最终绑定上的是这个字符串变量的值作为属性名。绑定函数的第二种方式 等于一个有名字的函数。2.对象['属性名']=属性值。

2024-03-26 15:10:15 426

原创 js中对象的创建

因为工长函数把创造对象封装起来的 使用new Object()创建的。第一种创建对象的方式是这种创建对象的简化写法 所以这种方式几乎不用。创建对象的步骤封装其来历 反复调用提高了代码的复用性。4.返回当前新创建的对象(相当于内部return this)所以创造出来的对象都是new Object()使用new关键字调用 返回新创建的对象。2.将内部的this指向了当前新创建的对象。console.log('爱吃火锅');var 对象=new Object();把创造对象的过程封装成函数 反复调用。

2024-03-26 15:09:25 691

原创 js中变量和函数提升

预解析阶段会把function声明的函数 进行提升 提升到当前作用域的第一行 函数提升会提升整个函数 函数的调用不提升。在预解析阶段 把使用var和function创建的变量 进行提升 目的时为了更方便使用数据。预解析阶段会把var声明的变量进行提升 提升到对应作用域的第一行。(全局变量提升到全局第一行 局部变量提升到局部第一行)函数本身也是一种数据类型(算是引用数据类型的一种)在另一个函数内部 接收到参数的回调本身。然后另一个函数内执行这个回调函数的使用。两个不嵌套的平级的函数可以使用相同的参数名。

2024-03-25 14:48:29 707

原创 js中变量的作用域

变量在函数外 不属于任何一个函数的变量就是全局变量 整个js代码都可以使用。//隐式全局变量 系统自动帮助我们创建a变量(不推荐使用)生命周期比较长 容易造成空占内存 而且还会产生命名冲突(全局污染)变量在函数内创建 就是局部变量 局部变量只能挂在当前函数内使用。参数也是局部变量 所以不同的函数 可以使用相同的参数的名字。js变量按照声明的位置的不同分为全局变量和局部变量。所谓的变量的作用域指的就是变量的生效范围。函数调用完毕时 变量销毁。

2024-03-25 14:47:46 140

原创 java的类与对象

格式: 1.不带返回值 权限修饰符 void 方法名(参数类型 参数名,参数类型2 参数名2....){调用时执行的代码}* 类是一个抽象的概念, 不能直接使用 对象是符合类的特点的具体对象,对象可以直接调用。* 买菜做饭: 去菜市场 --> 挑选 --> 讨价还价 --> 回家 -->方法的重载: 同一个类中同名方法根据参数列表的不同执行不同的方法。* 成员变量: 位置在类中方法为的是成员变量,方法中的叫局部变量。* 类的方法来描述 (方法中有可以执行的代码)* 什么是类: 对一类事物的统称。

2024-03-23 17:20:45 270

原创 java中数组的基本使用

String[] strs ={"曹操","曹仁","曹真","曹爽","张八百","孙十万"};* 格式: 数组类型[] 变量名 = new 数组类型[]{元素1,元素2,...,元素n}* 数组类型[] 变量名 = {元素1,元素2,...,元素n}* 格式:数组类型[] 变量名 = new 数据类型[数组的长度];* 3.动态初始化 (手动定义初始化元素,系统判断长度)数组类型[] 变量名 = {元素1,元素2,...,元素n}

2024-03-23 17:20:05 408

原创 java中的流程控制语句

switch()里允许的类型:'char, byte, short, int, Character, Byte, Short, Integer, String, or an enum(枚举)1. if(布尔表达式){代码} 布尔表达式为true则执行{}里代码,false则不执行,继续执行if后面的代码。2. if(布尔表达式){代码1}else{代码2} ()结构为true 则执行代码1,否则执行else里的代码2。* 2.循环判断条件为true,循环执行,为false循环终止;

2024-03-23 17:19:21 471

原创 java中的运算符

关系运算符: ==!= < > <= >= 返回的类型布尔类型 true/false。++ 放在操作数前,先加一在计算. 放在操作数后先计算 ,下一次 在加一. --同理。短路与遇到true继续判断,遇到false直接返回false,不再继续判断。短路或遇到false继续判断,遇到true直接返回true,不在继续判断。java中一个= 表示赋值 == 比较是否相等(相同类型!赋值运算符 = += -= *= /= %=&&(短路与) ||(短路或)

2024-03-23 17:18:49 224

原创 java中的基本数据类型及变量

true /false null 只是类似关键字,但他们是特殊的值!整数类型:byte(-128~127) short int(默认) long。浮点型(小数): float double(默认,小数点后保留16位)js中变量格式: var 变量名 = 初始化值;java中 的变量格式: 变量类型 变量名 = 初始化值;关键字:java中赋予特殊含义的单词 特点都小写。布尔类型的值只能是true/false。java中的变量类型(基本数据类型)一次性声明多个变量(不推荐使用)

2024-03-23 17:18:08 201

原创 java代码初相识

/ java中字符串类型必须使用双引号 ""!// System.out.println('这是java代码');System.out.println("这是java代码");* Demo01 类的名字 类名首字母大写!// main 主方法/入口函数。* public 权限修饰符 公共权限。// 程序从这里开始执行。// 控制台打印。* class 类文件。* 多行注释。// 单行注释。

2024-03-23 17:17:23 163

原创 将数组中的undefined、空字符串、空值删除放到另一个数组中

/ 去除到数组中其他类型的类型 因为typeof(undefined)是数字型所以使用 全等===// 数组里面内容减一所以要让i-1,否则会删一个会少遍历一个数。// 将数组等于0的删掉放到另一个数组中的最后。将数组中不是number的删掉放到另一个数组中。// 去除数组中等于0的。// 遍历数组中的每一个元素。

2024-03-22 18:01:47 185 1

原创 js中的封装函数

/把show函数整个赋值给了demo变量 那么demo变量和show一样了都是函数 但是这个demo。只要函数遇到return就会把后面的结果返回给函数的调用者 函数名()=return后面的值。我们函数只是实现某种功能 最终的结果需要返回给函数的调用者 函数名()console.log('我是函数表达式创建的函数');console.log('我是变量式创建的函数');2. 执行函数 就是等于执行函数的代码 并且翻译一个返回值。console.log('我是show函数');

2024-03-22 17:42:46 513 1

原创 js数组中的函数

数组变量.splice(start,end) start 开始位置 end 结束位置 从指定位置开始截取到指定位置 返回被截取的元素。数组变量.join('自定义分隔符') 如果传入空字符串则没有分隔符。数组变量.unshift(元素) 向数组第一位增加元素。数组变量.push(元素) 向数组最后一位增加元素。数组变量.reverse() (会改变原数组)数组转换成字符串(插入指定分隔符)(不会改变原数组)数组变量.shift()删除数组第一个元素。数组变量.pop()删除数组最后一个元素。

2024-03-22 17:42:05 708 1

原创 js的一维数组

var 数组变量名=new Array(数字) 创建只有数字长度的数组 但是元素是空的。var 数组变量名=new Array(元素1,元素2,元素3....,元素n)var 数组变量名=[元素1,元素2,元素3....,元素n]数组是一连串的数据空间 把多个数据放到一起 方便统一操作(最大值 最小值 平均值)负数索引或者超出范围的索引 获取到的元素值为undefined。根据数据的索引值 取出指定位置的元素(索引值从0开始)数组的长度和数组的最大的索引值之间的关系?普通for循环来遍历数组。

2024-03-21 17:18:46 364 1

原创 js中的循环结构

执行思路 和while不同的地方就是do while先执行一次再去判断条件是否成立。for(初始化语句;终止本次循环剩余的代码 然后继续往下执行。2.执行循环判断条件 如果为true则继续执行。4 执行更新循环变量 回到第2部继续判断。1 先执行初始化语句 一般都是创建变量。1.先执行初始化语句 一般都是创建变量。while(循环判断条件){如果为false 则循环停止。条件为false则循环停止。外层循环执行一次 内层循环执行一轮。那么内部的循环我们称之为内循环。那么外部的循环我们称之为外循环。

2024-03-21 17:18:04 439 1

原创 js中的选择结构

如果是false 则继续往下判断表达式2 表达式2是true就执行语句体2。如果表达式都为false 则执行else语句体(最后一个)先运行表达式1 看他的结果是true还是false。先运行表达式 看他的结果是true还是false。运行表达式或者变量 看他的值是多少 和case分支的值进行比较(===)如果比较的结果是true 则执行当前case分支的语句体。如果是false则语句体不执行。如果是false则执行语句体2。如果是true 则执行语句体1。如果是true则执行语句体1。

2024-03-20 16:58:11 312 1

原创 js中各种运算符的使用

先运行表达式看他的结果是true还是false如果是true则最终表达式的取值1 如果是false则最终表达式取值2。左边为true则停止运算 返回导致true的值 如果都是false则取最后的值。> < >= <= ==(相等) ===(全等)!有六兄弟则直接停止 返回六兄弟的值 如果没有 返回最后的值。=== 如果两个值类型一致则直接比较是否相等 如果两个类型不一致则返回false。左边为false 则停止运算 返回导致false的值。||在运算的时候的规则(***最后返回的是具体的值***)

2024-03-20 16:56:23 337 1

原创 js中变量的类型及基本类型的使用

/NaN undefined 和数字相加 最终的结果是NaN。//false参加加法运算的时候当0来看。//true参加加法运算的时候当1来看。console.log(`希望大家永远${age}岁`)//模板字符串的写法。console.log('希望大家永远'+age+'岁')console.log('你好'-100);

2024-03-20 16:52:00 296 1

原创 js的概述及基本使用

变量就是一个容器 用来存储程序运行过程中 产生的临时数据。运行在浏览器中的 因为绝大部分浏览器都内置js解析器。ECMA 欧洲计算机制造商协会 推出的标准。// console.log('我是日志输出你看到了么')html和css(万维网联盟)推出的标准。js是受事件驱动执行的(以后讲)// prompt('请输入你的银行卡密码:')负责网页的动态效果 表单的验证。变量声明 var 变量名;// confirm('你确认了么')变量声明 和变量赋值。变量赋值 变量名=值。值可以变化的量:就是变量。

2024-03-20 16:44:26 282 1

原创 css中的边框、内边距和外边距

box-sizing:content-box(谷歌盒子模型) border-box(IE盒子模型)一个盒子宽度200px 文字距离盒子内左边距40px 边框3px 当前盒子最后的宽度是多大?盒子最终的宽高=盒子设置的宽高 padding border系统会自动减去。盒子最终的宽度=盒子自身设置的宽度+左右padding+左右border。盒子最终的高度=盒子自身设置的高度+上下padding+上下border。盒子最终的宽高=盒子自身的宽高+padding+border。

2024-03-20 16:42:18 436 1

原创 css中的定位和居中

给当前的块级+line-height=当前块级元素高度 前提是 行内和文字是单行的。只能通过定位 top 50% margin-top:-自身高度的一半。margin-left:-自身宽度的一半。给当前行内块+vertical-align:middle。margin-top:-自身高度的一半。给你行内块天机text-align:center。给外部的块级+line-height:块级的高度。给内部的块级加宽度(小于外部的)行内 文字 行内块在行内块里面横向居中。1:相对定位以元素自身的位置为基准设置位置。

2024-03-20 16:40:52 314 1

原创 css的三大特性

因为h系列标签的默认的字体大小的单位是em 是按照父元素字体大小来确定的 所以会变大。一部分样式设置给父元素的同时 子元素也会生效该样式 这就是css的继承性。所以想要该变a标签的文字颜色 需要选择器直接选择到a标签。标签选择器<类选择器<ID选择器<行内样式<!关于文本设置的属性会被继承 color font 其他不会。因为a标签的字体颜色是由多个伪类选择器(后面讲)div最终的样式由标签选择器+ID选择器样式叠加而来。否则会变得比继承的字体大。行内样式权重值 1,0,0,0。/* 就近原则 */

2024-03-20 16:38:05 157 1

原创 css中标签模式的转换

display:inline-block(转换成行内块元素)独占一行 可以设置宽高。在一行显示并且可以设置宽高。display:inline(转换成行内)display:block(转换成块级)特点:在一行显示不能设置宽高。

2024-03-20 16:36:21 155 1

原创 css中的选择器

标签选择器span{类选择器.box{color: red;id选择器#box{通配符选择器*{color: red;后代选择器.nav a{color: red;并集选择器div p,div span,div h1{color: red;交集选择器p.red{color: red;子代选择器color: red;

2024-03-20 16:35:11 142 1

原创 css的基础(1)

在当前HTML文件中 head标签内部 定义style标签 在style标签内定义css代码。文本(字体大小 字体 字体样式) 背景(背景颜色 背景图片 背景图片定位 大小....)2.rgb(0~255,0~255,0~255) 三原色 红色:rgb(255,0,0)标签都有一个通用的属性 style属性 style="css代码"4.rgba(0~255,0~255,0~255,0~1) 设置当前颜色是否为透明。在css文件里面 直接写css代码(不需要style标签了)

2024-03-20 16:33:26 251 1

原创 学习html的总结

width(宽) height(高) alt(图片不显示时显示文本) title(鼠标提示文本)target=''当前窗口还是新标签页打开。type='password'密码输入框。type='checkbox'多选框。type='submit'普通按钮。type='button'提交按钮。type='text'文本输入框。type='reset'重置按钮。type='radio'单选框。带盘符 或者网络协议。属性:src="图片地址"href='目标地址'name属性 提交用的。disabled 禁用。

2024-03-05 18:04:29 231

空空如也

空空如也

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

TA关注的人

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