自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 APIs学习

const优先使用原因:作用:就是使用JS去操作html和浏览器分类:DOM(文档对象模型)、BOM(浏览器对象模型)console.log():直接显示内容console.dir():展示对象的完整结构、属性、原型链获取多个得到一个伪数组:没有数组方法如须获得里面的每个对象,需使用for循环方式:href、title、src等语法:对象.属性 = 值语法:通过类名修改样式语法:注意:className是用新值换旧值,如果需要添加一个类,需要保持之前的类名通过cl

2026-05-17 18:43:42 338

原创 Js进阶(4)

防抖会被打断,只执行最后一次节流不会被打断。

2026-05-10 17:15:00 355

原创 JS进阶(3)

深入对象创建对象方式字面量创建new Object() 创建构造函数创建构造函数:一种特殊的函数,主要用来初始化对象使用场景:可以通过构造函数来快速创建多个类似的对象两个约定:命名以大写字母开头只能由"new"操作符来执行说明:使用new关键字调用函数的行为被称为实例化实例化构造函数时没有参数是可以省略()构造函数内部无需写return,返回值即为新创建的对象构造函数内部的return返回的值无效new Object() new Date() 也是实例化构造函

2026-05-05 19:24:12 381

原创 JS进阶(2)

* const { name: uname, age } = { name: '佩奇', age: 6 }/* const pc = ['海尔', '联想', '小米', '方正']对象结构是将对象属性和方法快速批量赋值给一系列变量的简洁语法。数组解构是将数组的单元值快速批量赋值给一系列变量的简介语法。剩余参数允许我们将一个1不定数量的参数表示为一个数组。使用场景:适用于那些本来需要匿名函数的地方。现在:是上一层作用域的this 指向。'称心如意手摇咖啡磨豆机''称心如意手摇咖啡磨豆机'

2026-04-26 21:26:11 410

原创 JS进阶部分(1)

定义:JS里的一种数据类型 ,可以理解为一种无序的数据集合。

2026-04-19 18:24:28 346

原创 第三周学习

数组.push()方法将一个或多个元素添加到数组的末尾,并返回该数组的新长度。数组.pop()方法从数组中删除最后一个元素,并返回该元素的值 只删一个。形参:声明函数时写在函数名右边小括号里的叫形参。实参:调用函数时写在函数名右边小括号里的叫实参。start起始位置:指定修改的开始位置。数组.shift() 删除第一个元素。数组.splice() 删除指定元素。两个相同的函数后面的会覆盖前面的函数。再JS中实参的个数可以和形参的不相同。没有名字的函数,无法直接使用。return用于函数结束。

2026-04-06 16:58:01 369

原创 第二周学习

文档输出内容document.write(‘要出的内容’)向body内输出内容注意:如果输出的是标签,也会被解析成网页元素alert(‘要出的内容’)页面弹出警告框控制台打印输出。

2026-03-29 18:52:37 351

原创 第一周学习

可以单行或少量JS代码卸载html的标签属性中,以on开头的属性。变量是不能添加引号的,因为加引号的变量会变成字符串。Boolean()函数,除过空的,其余都为true。黑色为字符型,蓝色为数字型,深蓝色为布尔型。八进制 程序里面数字前加0,表示八进制。f 数字的前面加0x表示啊hi六进制。声明一个变量并赋值称为变量的初始化。alert(NAN);不声明不赋值只使用,电脑会报错。null与数字相加结果为该数字。复杂数据类型 object。

2026-03-23 14:54:24 369

原创 寒假学习2

表格的细线边框 border-collapse 合并相邻边框h-shadow:水平阴影v-shadow:垂直阴影blur:模糊距离spread:阴影尺寸color:阴影颜色inset:内部阴影h-shadow:水平阴影v-shadow:垂直阴影blur:模糊距离color:阴影颜色父级添加双伪元素网页制作要点导航栏实际开发中,不直接用链接a而是用li包含链接(li+a)的做法固定定位小技巧:固定在版心右侧位置小算法:left:50%margin-left:一半像素相对定位和

2026-02-14 18:35:37 679

原创 寒假学习1

PC网页布局移动端布局响应式布局:一套代码多端适配。

2026-01-24 21:44:47 824

原创 第八周学习

豆瓣项目

2025-12-14 18:48:37 197

原创 第七周学习

直接设置行盒(行块盒)父元素。

2025-12-07 17:14:56 583

原创 第六周学习

该元素virtual-area的底边对齐父元素的text-bottom。该元素virtual-area的顶边对齐父元素的text-top。bottom:该元素virtual-area的底边对齐line-box的最低边。百分比:相对于基线的偏移量,百分比是相对于自身virtual-area的高度。top:该元素virtual-area的顶边对齐line-box的最高顶边。行块盒最后一行有line-box,用最后一行的基线作为整个行块盒的基线。middle:该元素的中线与父元素的x字母高度一半的位置对齐。

2025-11-30 17:13:05 617

原创 第五周学习

a:first-child 选中的第一个子元素必须为a元素 a:first-of-type 选中子元素中第一个a元素a:last-child 选中最后一个子元素 a:last-of-typenth-child选中指定位置的子元素 eg: a:nth-child(5) 必须是a元素,且是第五个子元素even: 关键字,表示为偶数odd:关键字,表示奇数鼠标样式:cursor图标后缀:icourl 图片地址img元素属于HTML的概念背景图是CSS的概念图片默认情况下会在横坐标和纵坐标上不断重复b

2025-11-23 17:39:19 826 1

原创 第一次考核总结

通过本次复盘,我深刻认识到了我在各方面知识的不足,并且现在已经掌握。今后会时时复习,牢记教训!

2025-11-19 22:51:08 900

原创 第四周学习

包含块(containing block):每个盒子都有包含块,包含块决定可盒子的排列区域。衡量设计稿尺寸的时候,往往使用的是边框盒,但设置width和height,则设置的是内容盒。z-index可以是负数,如果是负数,浮动元素,常规流元素在其前面。在常规流中,块盒在其包含块中居中,可以定宽,左右设置为auto。如果元素没有在行盒中,浏览器将文字包裹为行盒,该元素叫做匿名行盒。2)包含块的高度不取决于子元素的高度,百分比相对于父元素的高度。大部分元素,页面上显示的结果,取决于元素内容,称为。

2025-11-16 18:09:06 932

原创 第三周学习

通常用于定义一些术语。

2025-11-09 20:32:38 703

原创 第二周学习

每个HTML元素都有具体含义a元素:超链接p元素:段落h1元素:一级标题所有元素与展示效果无关元素展示到页面的效果由CSS决定重要:选择什么元素,取决于内容的含义,而不是显示出的效果。

2025-11-02 21:03:42 851

原创 第一周学习

2.然后为后续的学习做一些准备,比如显示扩展名,以及安装了谷歌浏览器,并且安装了编辑器来写代码,除了自带的Windows记事本,额外安装了VScode编译器,给其安装了Chinese,live server等插件进行处理。3.除此之外还学习应用vscode创建一个页面(中途试了好多次,一直建立不了文件,最终发现文件名命名错了,并且不能运行),还学了自己如何使用markdown做笔记。···这是我用vscode弄出的一个页面(跟视频学的)嘻嘻,第一周有点懈怠,之后会积极学习!-局部属性:某些元素特有的属性。

2025-10-26 21:51:55 415 1

空空如也

空空如也

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

TA关注的人

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