- 博客(27)
- 收藏
- 关注
原创 面向对象象
先查找自身的属性和方法 然后再找__proto__,再找构造函数 如果都找不到返回undefined。原型链:在创建构造函数和实例化对象的时候 自动形成一种查找关系。构造函数创建(传参)+原型创建(不传参)
2022-09-28 19:06:45
115
原创 DOM方法
BOM 浏览器对象模型 Browser Object Model 主要是针对浏览器进行操作 BOM给我们提供了很多工具方法,可以帮助我们快速操作浏览器window对象是整个BOM中的顶级对象 window对象包括下面的二级对象,其中二级对象中最特殊是document对象,document对象标识html节点 由document对象衍生出整个DOM。
2022-09-19 20:59:56
95
原创 .函数返回值
定时器的分类延时定时器语法: setTimeout(函数,时间)作用: 延迟一定的时间再去执行函数里面的代码,只会执行一次使用场景 :广告弹窗间歇定时器语法:setInterval(函数,时间)作用:每隔一定的时间就去执行函数中的代码 会执行多次使用场景:轮播图 倒计时 计时器 抽奖注意:定时器的时间单位是ms 1s = 1000ms。
2022-09-06 21:18:45
77
原创 【无标题】
同步执行:在做一件事情的时候 如果这件事没有做完,后面的代码就只能等待异步执行:在做一件事情的时候 如果这件事需要花费一定的时间 会先执行后面的代码,然后再回头执行处理这件事定时器的分类延时定时器语法: setTimeout(函数,时间)作用: 延迟一定的时间再去执行函数里面的代码,只会执行一次使用场景 :广告弹窗间歇定时器语法:setInterval(函数,时间)作用:每隔一定的时间就去执行函数中的代码 会执行多次使用场景:轮播图 倒计时 计时器 抽奖。
2022-09-04 16:13:04
89
原创 1. 操作标签
数据类型:根据数据的特征,功能分为不同的数据类型 不同的数据类型有不同的操作。属性:属性是在开始标签上 属性名=“属性值”特殊:class需要写成className设置。设置:标签.属性名 = 值。操作标签内容分为两种。...
2022-08-26 22:18:08
741
原创 1. 操作标签
数据类型:根据数据的特征,功能分为不同的数据类型 不同的数据类型有不同的操作。属性:属性是在开始标签上 属性名=“属性值”特殊:class需要写成className设置。设置:标签.属性名 = 值。操作标签内容分为两种。
2022-08-24 19:24:47
113
原创 一、代码初识
1.1.2 内部引入1.1.3 外部引入2.1.4 语法规则与注释2.2 JavaScript的调试语句js调试:在实际开发过程中用于检测代码的功能的一种方式3.2.2 console.log()语法:console.log(输出信息)作用:在控制台打印信息 多个输出之间用逗号隔开3.2.3 打断点在sources找到当前运行的文件—在打断点的代码行号上点击4.3 变量概念:存储数据的容器 称作变量(标识符) 给存储数据的区域起个名字语法:var 变量名 =
2022-08-22 22:20:33
63
原创 响应式设计
也叫响应式布局,响应式开发实现不同屏幕分辨率的终端上浏览网页的不同展示方式。响应式布局是根据设备屏幕宽度不同适当调整标签显示的布局,从而在每种设备屏幕宽度下呈现的界面是不同的。...
2022-08-17 21:40:12
177
原创 calc()函数
视口简单来说就是浏览器显示页面内容的区域。视口:浏览器显示内容的屏幕区域,相当于PC端浏览器可视区 (白板区域)在PC端,正常的视口宽度就是整个浏览器的窗口可视区的宽度,会随着浏览器窗口大小的重置而缩放;...
2022-08-14 16:20:04
11686
原创 背景属性
background-clip: border-box; 背景被裁剪到边框区域,在内容区、内填充区、边框区域显示,默认值background-clip: padding-box; 背景被裁剪到内填充区域,在内容区、内填充区显示background-clip: content-box; 背景被裁剪到内容区域,仅在内容区域显示2、渐变从一种颜色到其他颜色的过渡(两种及两种以上颜色)线型渐变 : 从一个方向到另一个方向的渐变重复线性渐变2)径向渐变 radial-gradient径向渐变 : 一个
2022-08-06 20:42:32
292
原创 html5
html经过了第5次重大改版,增加了一些语义化的标签 高版本浏览器支持,ie9以下不支持, html5是向后兼容的,原来html4的 标签仍然可以用。
2022-08-03 21:38:52
71
原创 一、文本框和按钮不对齐现象(高度得设置一样)
input设置左浮动(floatleft)。取消input默认的2px边框和上下1px内边距设置1px的边框设置高button设置高度比input的高度大2px
2022-07-29 23:41:30
575
原创 九、定位1
表示“将元素放在文档布局流的默认位置,HTML元素的默认值,即没有定位,遵循正常的文档流对象。注意定位并不是一种用来做主要页面布局的方式,主要用于管理和微调页面中的一个特殊项的位置。n的取值在0-100之间表示半透明,0表示完全透明,100表示完全不透明。4.元素设置绝对固定浮动之后,就不在区分标签类型了,类似于行内块标签。父元素加静态定位,子元素加相对定位,能阻止透明度的传递。可以在一个元素上设置一个或多个阴影,阴影之间用逗号隔开。相对于窗口定位的元素如弹窗、跟随滚动的导航、侧边栏。...
2022-07-26 21:54:39
82
原创 一、CSS显示模式
概念父元素向后代元素传递属性的机制表现后代元素会继承父元素的属性一般text-,line-,font-,color开头的基本都能继承a标签不能继承字体颜色colorh标签不能继承font-weightb.strong不能继承font-weighti,em不能继承font-style可继承的属性font-sizefontcolorcss的层叠性是通过继承性和优先级实现样式声明不冲突(同时应用于元素)样式声明冲突同级选择器,css样式中最后定义的声明应用于元素(就近原则)...
2022-07-22 22:35:29
180
原创 一、外边距问题及解决方法
本身属性为displayblock;的元素称为块级元素常见块级元素div,h1-h6,p,ul,li,dl,dt,ol本身属性为displayinline;的元素称为行级元素常见行级元素本身属性为displayinline-block的元素称为行级块元素常见行内块元素img、input(表单元素后续会讲到)没有设置宽高的时候,宽继承父元素的宽度,高度由内容撑开默认独立成行——默认垂直布局宽度默认由内容撑开高度默认由内容撑开可以设置宽高。...
2022-07-22 22:33:28
247
原创 一、复合选择器
CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括边距、边框、填充、和实际内容。(即装东西的容器)所有HTML标签可以看作盒子,在CSS中,“boxmodel”这一术语是用来设计和布局时使用的。(即网页布局就是利用CSS摆盒子)[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9fZAE0Wr-1658240979487)(C。...
2022-07-19 22:31:51
55
原创 三、css字体、文本属性
作用使用逗号分隔的列表来对选择器进行分组,给列表中每一个选择器选中的元素设置样式。vertical-align作用垂直对齐属性设置垂直对齐,比如顶部,底部或中间。注意只有在边框独立border-collapseseparate时才能用。border-collapse属性设置表格的边框是否被合并为一个单一的边框。概述由两个或多个基础选择器通过不同的方式组合而成的选择器。separate边框独立(默认值)作用E元素之后紧跟着的兄弟元素F。collapse相邻边框被合并。...
2022-07-17 19:09:09
56
原创 二、字体格式化标签
1、表格简介2、表格的作用table语法: 作用:定义表格tr语法: 作用:定义表格中的行td语法: 作用:普通单元格,定义表格数据(table data)单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。默认样式:内容水平居左,垂直居中th语法:作用:表示表头单元格,通常在行或列的开始处,定义行或列包含的数据类型默认样式:字体加粗,内容水平居中,垂直居中。table属性width\height语法:作用:定义表格的宽或高注:省略单位 默认pxbordercellpaddingcellsp
2022-07-14 15:01:41
398
原创 HTML列表标签
特点:特点:自定义列表特点:宽度默认撑满整个父元素高度默认由内容撑开独立成行-dl dt dd都是块级标签dl标签自带外间距dd标签自带外间距浏览器显示,dd标签的内容会缩进显示1、什么是HTML语义化?用合适的标签去匹配相应的内容。2、语义化的好处有哪些?在没有 CSS 的情况下,页面也能呈现出很好地内容结构。...
2022-07-14 14:51:10
54
原创 一、HTML常的标签
实例:运行效果:1、绝对的路径五、行级标签都有哪些、特点?本身具有display:inline;属性称为行级标签 常见的行级标签:span a b strong em i del sup sub ;特点:1.宽度和高度由内容撑开。2.水平布局,在一行显示,一行放不下会自动折行。3.可以设置 边框、内间距 。4.不能设置宽高 。5.不能设置上下外间距,只能设置左右的外间距。...
2022-07-13 20:22:47
189
原创 Web基础介绍
HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)。 HTML不是一种编程语言,而是一种标记语言 (markup language)。 标记语言是一套标记标签 (markup tag)。HTML 使用标记标签来描述网页。1、谷歌浏览器生产商:Google内核:webkit、blink2、火狐浏览器3、 苹果浏览器4、 欧朋浏览器5、浏览器.........
2022-07-12 11:08:19
90
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人