自定义博客皮肤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)
  • 收藏
  • 关注

原创 多组开关灯实现

多组开关灯

2022-09-21 16:33:04 170 1

原创 体脂的检测

体脂的检测

2022-09-21 16:30:49 176

原创 点击事件的应用

点击事件的应用

2022-09-21 16:29:19 94

原创 js的数据类型

undefined 未定义 声明变量但是没有赋值 没有存储空间 var a;typeof "你好" string。object 对象。一种特殊的数据类型(复合 引用 对象)null和undefined有什么区别。undefined 未定义。null 空对象 有存储空间。function 函数。string 字符串。boolean 布尔。number 数值。array 数组。typeof 检测数据类型。

2022-09-04 22:13:52 97

原创 JavaScript介绍

=基于对象和事件驱动的解释性脚本语言==基于对象:JavaScript 是一种基于对象的语言,这意味着它能运用自己已经创建的对象,因此,许多功能可以来自脚本环境中对象的方法与脚本的相互作用。事件驱动:JavaScript 可以直接对用户或者客户输入做出响应,无须经过 web 服务器,它对用户的响应,以事件驱动的方式进行。解释性解释性:可以直接识别,读一行执行一行编译性:高级语言,c c++ ,先编译计算机能识别的,再执行(速度快)

2022-09-04 22:11:46 50

原创 练习案例ing

发送

2022-08-29 17:01:55 57

原创 用代码实现计算功能

运算

2022-08-24 21:51:27 145

原创 骰子的代码实现

}}}}}}}}}}

2022-08-18 08:44:39 564

原创 【无标题】浏览器的私有前缀(兼容性前缀)

Autoprefixer是一款自动管理浏览器前缀的插件,它可以解析CSS文件并且添加浏览器前缀到CSS内容里,使用Can I Use(caniuse网站)的数据来决定哪些前缀是需要的。有些css3的属性还只是最新版的预览版,还没有正式发版, 没有形成标准,只是某些浏览器的专属属性 ,就需要加前缀。当一个属性或规则成为标准,并被主流浏览器的最新版普遍兼容的时候,可以去掉私有前缀。书写顺序:先写私有css属性,然后再写标准css属性。浏览器、内核、私有前缀。...

2022-08-18 08:42:31 96

原创 弹性盒子属性

自动分配距离,元素位于各行之前、之间、之后都留有空白空间, 中间的间距是两端间距的两倍,align-content: space-evenly;平均对齐,元素位于各行之前、之间、之后都留有空白空间, 行间距自动分配 间距相等。注意:父元素有固定高度且高度大于子元素换行后高度之和换行中间有缝隙。...

2022-08-18 08:41:01 168

原创 移动端项目

我们开发的网页,在不同的手机上,若想展示效果一致,必然不是为每一种型号手机都开发一套页面,而是一套代码要尽可能的能适配所有(部分极少数用户的机型在产品经理不纠结的时候也是可以舍弃的)的机型。对于苹果手机而言:由于系统封闭,不允许除苹果系统自带的浏览器内核以外的浏览器内核进入,因此各家浏览器的开发均在Safari内核的基础上进行开发;移动端浏览器:百度浏览器,火狐浏览器,谷歌浏览器,uc浏览器,360浏览器,qq浏览器,苹果浏览器,猎豹浏览器,搜狗浏览器,2345浏览器等等。手机端的屏幕尺寸各不相同。...

2022-08-17 21:34:11 279

原创 引用帧动画

animation: 动画名称 动画执行时间 动画速度曲线 延迟时间 动画播放次数 动画运动方向 动画结束之后显示的状态。动画播放方式 暂停。3.animation-timing-function 规定动画运动的速度曲线。1.animation-name 动画名称 是定义关键帧是所定义的动画名称。5.animation-iteration-count 动画的执行次数。2.ease 默认值 慢速度开始--速度变快--慢速度结束。7.animation-fill-moded动画结束之后的显示状态。...

2022-08-17 21:31:29 44

原创 可可爱爱没有脑袋

}}}}}}}}}}}}}

2022-08-17 21:30:11 66

原创 CSS 精灵(雪碧图、精灵图)

css精灵英文叫法 css sprites,通常被解释为“CSS 图像拼合”或“CSS 贴图定位”;其实就 是把网页中一些背景图片整合到一张图片文件中,再利用 CSS “background-image”, “background- repeat”,“background-position”的组合进行背景定位,background-position 精确的定位出背景图片的位置。...

2022-08-16 22:24:16 116

原创 CSS 浮动

网页中有很多布局效果,标准流没有办法完成,使用可以利用浮动改变元素默认的排列方式,

2022-08-16 22:23:09 76

原创 CSS显示模式

本身属性为display:block;的元素 称为块级元素常见块级元素 div,h1-h6,p,ul,li,dl,dt,ol本身属性为display:inline;的元素称为行级元素常见行级元素:span,strong,em,i,a,b本身属性为display:inline-block的元素称为行级块元素常见行内块元素:img、input(表单元素后续会讲到)没有设置宽高的时候,宽继承父元素的宽度,高度由内容撑开默认独立成行——默认垂直布局。...

2022-08-16 22:21:23 59

原创 CSS 盒模型

CSS 盒模型本质上是一个盒子,封装周围的 HTML 元素,它包括:边距、边框、填充、和实际内容。(即装东西的容器)所有 HTML 标签可以看作盒子,在 CSS 中,"box model" 这一术语是用来设计和布局时使用的。(即网页布局 就是利用 CSS 摆盒子)...

2022-08-16 22:19:45 41

原创 CSS字体 ,文本属性

1.使用多个字体名称形成一个回退系统(也就是备用字体),当浏览器不支持第一个字体的时候则会尝试下一个字体,多个字体之间用逗号隔开。/*font-family:"宋体","微软雅黑";*//*与上一个相比产生的效果不同,谁在前使用哪一个*/方法:测量两行文字中间的间距,然后除以2,得到平均间距,拉出参考线,进行标注,方便测量。/*第一个任意改写一个系统不存在的字体,会按照第二个字体显示*//*font-family:"微软雅黑","宋体";顺序:文字的样式 文字的加粗 文字的字号/行高 文字的字体。...

2022-08-16 22:17:23 328

原创 常用的行级标签及特性

strong标签:一个语义标签,强调语气,它里面包围的文本显示粗体效果。没有实际的语义,可以理解为一个小盒子,里面一般装着一个或几个文本内容。em标签:一个语义标签,强调语气,它里面包围的文本显示斜体效果。b标签:一个实体标签,它里面包围的文本显示粗体效果。默认横向显示——水平布局,一行排不下,自动折行。span标签:无语义标签,用于区分样式。i标签:它里面包围的文本显示斜体效果。应用场景:控制局部文本的样式。...

2022-08-16 22:11:09 169

原创 旋转立方体的形成

用代码实现立方体的步骤有哪些

2022-08-15 16:31:25 52

原创 关于前端是什么?

主要学习的内容:JavaScript基础、JavaScript函数、JavaScript数组与对象、DOM、事件实例、json解析、面向对象、原型与原型链和bootstrap。AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。主要学习的内用有:jQuery基础、jQuery常见方法、jQuery节点操作和jQuery实战联系。AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。...

2022-08-15 16:26:20 44

原创 【无标题】这个好看的花花

img src="../作业25/img/花.jpg" alt="">

2022-08-15 16:03:32 54

原创 关于学习这件事

学前端的第一天🤗有点兴奋也有点担心😳兴奋在这个时候还可以学习担心自己跟不上🌚考虑很久做的决定也是自己选择的路不能放弃也不想放弃自我监督会一直加油会一直进步更加会自己自律以后的日子不让自己后悔就是给自己最好的礼物❤...

2022-07-11 23:22:22 43

空空如也

空空如也

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

TA关注的人

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