自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Javascript学习笔记----12移动端网页特效

1.触屏事件。

2024-06-02 16:13:03 111

原创 网页轮播图

【代码】网页轮播图。

2024-02-29 19:42:37 198 1

原创 Javascript学习笔记----11PC端网页特效

立即执行函数,不需要调用,立马执行自己的函数写法:面试常问!!!mouseover经过自身盒子会触发事件,经过子盒子还会触发,而mouserenter(mouseleave同理)只经过自身盒子触发事件。原因:mouseenter不会冒泡。

2024-02-28 16:28:31 169 1

原创 手机详情页放大镜效果

注意:big里的照片设置成absolute定位才可以移动。

2024-02-01 15:23:02 132 1

原创 Javascript学习笔记----10BOM

提供与浏览器窗口交互的对象window.onload=function(){} ----有了这个可以把js代码放在页面任何一个地方(只能写一个)window.addEventListener(‘load’,function(){}) ---等页面内容全部加载完毕document.addEventListener('DOMContentLoaded' ,function(){}) ---DOM加载完毕,不包含图片等1.调整窗口大小(只要窗口大小发生变化,就会发生这个事件)

2024-01-19 15:54:12 345 1

原创 Javascript学习笔记----9事件高级

2. addEventListener(事件类型,事件处理函数,可选参数默认是false ) ---同一个事件可以注册多个事件。不是每个子节点单独设置事件监听器,而是事件监听器设置在其父节点上,然后利用冒泡原理影响设置每个子节点。removeEventListener(事件类型,函数名称 )1.传统注册事件onclick ---唯一性。常用event,evt,e命名。注意:e.target返回的是。函数小括号里的,当形参来看。的对象,this返回的是。

2023-11-11 16:09:46 35 1

原创 Javascript学习笔记----8DOM

添加元素节点node.appendChild(child) node父级 child子级 ----后面追加元素。element.innerHTML ---识别html标签,保留空格和换行----常用。getElementsByClassName('类名') ----HTML5新增。3.子节点② children ----获得所有元素节点 --常用。1.父节点 parentNode ----得到的是离元素最近的父节点。element.innerText ----不识别html标签。

2023-11-10 18:37:12 30 1

原创 tab栏切换

【代码】tab栏切换。

2023-11-05 19:12:59 165 1

原创 Javascript学习笔记----8内置对象

2.替换字符-----replace('被替换的字符','替换为的字符')---他只会替换第一个字符。2.---在开头添加unshift() 在我们数组的开头 添加一个或多个数组元素。1.截取字符------substr('截取的起始位置','截取几个字符');1.---在末尾添加push()在我们数组的末尾,添加一个或多个数组元素。---在末尾删除pop() 他可以删除数组的最后一个元素。----在开头删除shift()删除开头的第一个元素。3.字符转换为数组----split('分隔符')

2023-11-01 16:42:07 28

原创 Javascript学习笔记----7对象

③调用对象方法 对象名.方法名() ----- obj.sayHi() ---千万别忘记加小括号。①对象名.属性名 ----理解为的---- console.log(obj.uname)②对象名['属性名'] ------ cosole.log(obj['age'])注意:①里面的属性或者方法采用键值对的形式 键 属性名:值 属性值。(为什么需要构造函数:把对象里面一些相同的属性和方法抽象出来封装到函数里面)k 变量---前端人员喜欢用k或者key。

2023-10-29 12:57:37 27 1

原创 Javascript学习笔记----6函数

局部变量只在函数内使用,当其所在的代码块被执行时,会被初始化,当代码块运行结束后,就会被销毁,因此更节省内存空间。全局变量在任何一个地方都可以使用,只有在浏览器关闭时才被销毁,因此比较占内存。上述运行结果:9 9 9 9 9 没有定义(因为a是局部变量)arguments对象存储了传过来的所有实参-----伪数组。在实际开发中,通常用一个变量来接受函数的返回结果。(形参用来接受实参的,形参类似于一个变量)1.return后面的代码不会被执行。function 函数名(形参){return需要返回的结果;

2023-10-22 20:35:47 43 1

原创 Javascript学习笔记----5数组

2.var 数组名 = [ ];1.var 数组名 = new Array();i是计数器,当索引号使用。

2023-10-22 15:09:05 40 1

原创 Javascript学习笔记---4流程控制

---条件成立执行语句一,否则执行语句二。continue:跳出本次循环进入下一次循环。流程控制:顺序结构,分支结构,循环结构。最后的语句---上述条件都不成立。else if(条件表达式二){else if(条件表达式三){break:退出整个循环。switch(表达式){if(条件表达式){if(条件表达式1){

2023-10-22 10:38:50 29 1

原创 Javascript学习笔记--3运算符

前置自增:先自加1,后返回值 ----++a。与其他代码一起使用:后置自增:先返回原值,后自加1 ----a++(可以用来判断是否能整除,能整除取余余数为0)逻辑与&&运算符比逻辑||或优先级高。++和--:(面试会问区别)

2023-10-21 14:20:05 59 1

原创 Javascript学习笔记--2数据类型

parseFloat()----得到的是小数 (都要注意大小写)isNaN:用来判断非数字,是数字返回false,不是数字返回true。Boolean()-----代表空,否定的值会转换为false。和字符串拼接的结果都是字符串!直接使用+ - =等数学符号和数字计算可进行隐式转换。1、js中变量的数据类型是根据等号右边的值来确定的。3.布尔型中true当1算,false当0算。2、js是动态语言,变量的数据类型可以改变。parseInt()----得到的是整数。4.typeof检测数据类型。

2023-10-20 20:38:20 43

原创 JavaScript学习笔记-1变量

例:var myname = prompt('请输入你的名字‘’)2.声明多个变量例:用英文逗号隔开,最后用分号结束。console.log()输入在控制台---打印。在<script> <script>中写代码。3-1.只声明不赋值结果是undefined。prompt()用户输入框--收集信息。1.更新变量,重新赋值变量值会更新。3-2.不声明不赋值直接使用会报错。3-3.不声明直接赋值使用可以使用。交换变量值用到临时变量。

2023-10-18 20:00:08 51 1

空空如也

空空如也

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

TA关注的人

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