自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JS之 数组的冒泡排序&选择排序

一、冒泡排序1.原理从第一个元素开始遍历数组,每相邻的两个元素比较大小,若前一个元素大于后一个元素,则两个位置交换数据。2.优化单次循环中,最后一个单元参与比较,不参与循环 之前比较出的最大值,不再参与之后的比较 n个单元,只要循环比较n-1次3.代码var arr = [5,4,3,2,1];//通过for循环实现排序,需要多次循环//通过循环,生成所有的索引...

2020-03-20 23:33:42 284

原创 JS之 NaN

在JavaScript中,number数据类型中包括数字和NaN。NaN,not a number,表示不是一个数字。它的数据类型为number。console.log(typeof(NaN)); //结果 number数据类型转换: 值 布尔值 false 字符串 ‘NaN’ NaN == NaN ???NaN == NaN 的结果是fa...

2020-03-16 00:03:01 302

原创 JS之 undefined与null的区别

初识JS,可能很多人都会混淆undefined和null,不是特别清楚两者的区别。下面我们就来对比一下undefined和null。一、undefinedundefined,表示数据未定义。通俗地讲,就是一个变量在声明的时候应该被赋值,但是并没有被定义,这时这个变量的数据类型就是undefined。undefined是全局对象(window)的一个特殊属性。当一个变量的数据类型为u...

2020-03-15 23:33:07 551

原创 JS之 数据类型转化——自动转化与强制转化

前言在JavaScript中,数据类型大致分为两种:基本数据类型/标准数据类型 引用数据类型/复杂数据类型/地址数据类型其中,基本数据类型包括:布尔类型(true、false) 数值类型(整数、浮点数) 字符串类型 undefined(未定义) null(空)引用数据类型包括:数组 对象 函数在实际应用中,往往会遇到不同数据类型的数据进行比较或者需要将数据转换为...

2020-03-15 21:02:36 1297

原创 网页布局总结

常用的网页布局包括:网格布局 flex弹性布局 流式布局 等比缩放布局(rem布局) 响应式布局

2020-03-02 17:54:26 420

原创 Grid网格布局

一、简介将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局Grid 布局与 Flex 布局有一定的相似性,都可以指定容器内部多个项目的位置。但是,它们也存在重大区别。Flex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列",产生单元格,然后指定"项目所在"的单元格,可以看作是二维布局。行和列...

2020-02-25 19:45:48 605

原创 CSS元素居中方法总结

一、文本居中左右居中:text-align:center;上下居中:line-height:(height数值);二、块元素居中方法一:margin:auto;让盒子左右居中。方法二:position:absolute;left:50%;margin-left:-(宽的一半);top:50%;margin-top:-(高的一半);让盒子上...

2020-02-24 10:48:36 141

原创 利用CSS动画与变形实现加载动画特效

本周跟随着老师,学习了CSS动画与变形,课堂上老师演示了几种加载动画的实现,课下自己发现一个比较有意思的加载动画,所以自己实现了一下。来看一下实现的效果:代码如下:html部分:<div id="box"> <div id="circle"></div> <div id="chunk1"><...

2020-02-23 15:52:47 300

空空如也

空空如也

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

TA关注的人

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