自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端-JS学习笔记七

P61_JS基础_this1.this        解析器在调用函数时每次都会向函数内部传递进一个隐含的参数                这个隐含的参数就是this,this指向的是一个对象,     &nbs

2022-04-06 16:25:26 658

原创 前端-JS学习笔记六

P51_JS基础_函数的简介1.函数function        函数也是一个对象        函数中可以封装一些功能(代码),在需要时可移植性这些功能(代码)        函数中可以保存一些代码在需要时调用    

2022-04-06 16:07:24 1486

原创 前端-JS学习笔记五

P41_JS基础_嵌套的for循环1.通过程序在网页中输出以下图形:***** ****** ******* ******** ********* *****for(var i=0 ; i<5 ; i++){ for(var j=0 ; j<5 ; j++){ document.write("*&nbsp;&nbsp;"); } document.write("<br />");}for(var i=0 ; i<5 ; i

2022-04-03 23:09:36 586

原创 前端-JS学习笔记四

P31_JS基础_if练习一从键盘输入小明的期末成绩:当成绩为100时,‘奖励一辆BMW’当成绩为[80-99]时,‘奖励一台iphone15s’当成绩为[60-80]时,‘奖励一本参考书’其他时,什么奖励也没有注:分数[0-100],会出现以下情况:>100,<0,abc, var score = prompt("请输入小明的期末成绩(0-100):"); if(score > 100 || score < 0 || isNaN(score)){ alert("

2022-04-03 22:52:47 1122 1

原创 前端-JS学习笔记三

P21_JS基础_赋值运算符1.=        可以将符号右侧的值赋值给符号左侧的变量2.+=        a += 5等价于a = a + 53.-=        a -= 5等价于a = a - 54.*=   &n

2022-04-01 20:07:24 230

原创 前端-JS学习笔记二

P11_JS基础_强制类型转换1.强制类型转换,将一个数据类型强制转换为其他的数据类型        类型转换主要指,将其他的数据类型                转换为String、Number、Boolean2.将其它的数据类型转换为String&nbsp

2022-03-31 15:33:46 678

原创 前端-JS学习笔记一

P1_JS基础_JS简介1.ECMAScript是JavaScript标准2.一个完整的JavaScript实现应该有以下三个部分构成:        ECMAScript标准、DOM文档对象模型、BOM浏览器对象模型P2_JS基础_JS的HelloWorld1.JS代码需要编写到script标签中 <head> <script type="text/javascript">

2022-03-31 14:50:20 929

原创 前端-CSS3学习笔记十二

P74_元素的层级1.对于开启了定位元素,可以通过Z-index属性来指定元素的层级        Z-index需要一个整数作为参数,值越大元素的层级越高                元素的层级越高越优先显示    &n

2022-03-14 17:20:50 1017

原创 前端-CSS3学习笔记十一

日期:2022/1/24P66_clear1.clear,作用:清除浮动元素对当前元素所产生的影响                        高度塌陷问题        可选值:

2022-03-06 21:46:03 82

原创 前端-CSS3学习笔记十

日期:2022/1/23P64_高度塌陷和BFC1.高度塌陷问题:        在浮动布局中,父元素的高度默认是被子元素撑开的                在子元素浮动以后,其完全脱离文档流,子元素从文档流中脱离   &nbsp

2022-01-24 09:57:53 163

原创 前端-CSS3学习笔记九

日期:2022/1/22P63_简单的布局1.头部        导航栏、logo2.主体3.底部

2022-01-23 10:27:23 411

原创 前端-CSS3学习笔记八

日期:2021/1/20P61_浮动的特点1.浮动元素不会盖住文字,文字会自动环绕在浮动元素的周围        所以可以利用浮动来设置文字环绕图片的效果2.元素设置浮动以后,会从文档流中脱离,从文档流中脱离后,元素的一些特点也会发生变化        脱离文档流的特点:     &nbs

2022-01-23 10:24:40 206

原创 前端-CSS3学习笔记七

日期:2022/1/12P60_浮动的简介1.浮动(float)可以使一个元素向其父元素的左侧或右侧移动        可选值:                none,默认值,元素不浮动      &

2022-01-20 16:52:18 250

原创 前端-CSS3学习笔记六

日期:2021/1/10P58_盒子的大小1.默认情况下,盒子可见框的大小由内容区、内边距和边框共同决定2.box-sizing用来设置盒子尺寸的计算方式(设置width和height的作用)        例子:box-sizing:border-box             &nbsp

2022-01-12 15:32:13 118

原创 前端-CSS3学习笔记五

日期:2021/12/30P51_盒子模型-外边距的折叠1.外边距(margin)的重叠        相邻的垂直方向的外边距会发生重叠现象        1.兄弟元素              &nb

2021-12-31 10:09:42 275

原创 前端-CSS3学习笔记四

日期:2021/12/29P47_盒子模型-内边距1.内边距(padding)        内容区和边框之间的距离是内边距        四个方向内边距:               &n

2021-12-30 11:41:54 233

原创 前端-CSS3学习笔记三

日期:2021/12/28所看视频链接:B站尚硅谷内容:P40_像素和百分比1.长度单位        1.像素                屏幕(显示器实际上是由一个一个的小点点构成的)     &nbs

2021-12-29 09:32:46 84

原创 前端-CSS3学习笔记二

日期:2021/12/27内容:P31_复合选择器1.交集选择器 作用:选中同时符合多个条件的元素 语法:选择器1选择器2选择器3选择器n{} 例子: div.red{ color:blue; } 将class为red的div中字体颜色设置为为blue .a.b.c{ color:green; } 将class为a、class为b、class为c的字体设置为green注:交集选择器中如果有元素选择器,必须使用元素选择器开头2.并集选择器

2021-12-28 20:50:23 582

原创 前端-CSS3学习笔记一

日期:2021/12/26所看视频链接:B站尚硅谷内容:P27_CSS简介CSS,层叠样式表(Cascading Style Sheets)后缀.css1.作用:        修改元素的样式2.分类:        1.内联样式(行内样式)       &nb

2021-12-27 11:33:57 96

原创 前端-HTML5学习笔记四

日期:2021/12/26所看视频链接:B站尚硅谷内容:P23_图片标签<img src="" alt="" />        自结束标签(替换元素——基于块与行内元素之间,具有两种元素的特点)1.作用        用于向当前页面中引入一个外部图片2.属性:    &nbsp

2021-12-26 17:11:21 245

原创 前端-HTML5学习笔记三

日期:2021/12/25所看视频链接:B站尚硅谷内容:P15_meta标签1.作用:        设置网页中的一些元数据,元数据不是给用户看的2.属性:        charset        网页的字符集   &nb

2021-12-25 22:37:13 902

原创 前端-HTML5学习笔记二

日期:2021/12/24所看视频链接:B站尚硅谷内容:P11_文档的使用1.结构说明<!--文档的声明,声明当前网页的版本--><!DOCTYPE html> <!--html的根标签(元素),网页中的所有内容都要写在根元素的里边--><html> <!--head是网页的头部,head中的内容不会在网页中直接出现,主要用来帮助浏览器或搜索引擎来解析网页--> <head> <!--meta标签用

2021-12-25 15:02:09 130

原创 前端-HTML5学习笔记一

日期:2021/12/23所看视频链接:B站尚硅谷内容:P1_课程简介1.语言:HTML、CSS、JavaScript2.浏览器:直接访问世界上任何一个网页P2——网页简史1.W3C(万维网联盟)标准:        1.结构-HTML -人的骨架        2.表现-CSS -人的皮肉  &nbs

2021-12-25 14:30:30 521

空空如也

空空如也

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

TA关注的人

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