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

原创 CSS_元素类型及转换

元素类型:根据css盒模型的显示分类(三类)划分一:块状元素 内联元素 内联块状元素(争议点:内联块状元素是自己属于一类还是内联一类)划分二:块状元素 内联元素 可变元素(按钮)各种元素类型的特点:一:块状元素(默认情况下):1.块状元素在页面中以矩形区域显示2.块状元素能直接添加宽高3.块状元素在页面显示是自上而下独占一行的排列4.块状元素一般作为内容或其他元素的容器常见的块状元素:div -最常用的块级元素dl - 和dt-dd 搭配使用的块级元素f

2021-06-28 21:56:17 498

原创 DOM

DOM

2020-12-30 21:10:41 154

原创 内存分区

内存分区1.概述内存是存储数据的,我们内存被分为不同区域,不同区域存储的数据类型跟作用都不一样;就好比成我们房子,房子里面有厨房,客厅,卧室等,不同的房间放不同的东西,对应不同的房间直接作用也不一样。2.图解...

2020-12-30 08:51:45 146

原创 JavaScript_定时器

定时器1.setTimeout() 超时定时器延迟执行代码,只执行一次;清除定时器使用clearTimeout()<body> <button onclick="fn()">停止定时器</button> <script> // setTimeout()超时定时器 // 五秒之后执行一次函数内的代码(只执行一次) var timer = setTimeout(function () {

2020-12-29 09:14:40 130

原创 BOM

BOM1.什么是BOM?BOM(Browser Object Model)是浏览器对象模型

2020-12-28 21:00:31 100 1

原创 JavaScript_Math

JavaScript_Math / Data一,Math内置对象1.Math概述Math 是一个内置对象,它拥有一些数学常数属性和数学函数方法。Math 不是一个函数对象。2.Math对象属性(有个大概了解即可)Math.E欧拉常数,也是自然对数的底数,约等于 2.718。Math.LN22 的自然对数,约等于 0.693。Math.LN1010 的自然对数,约等于 2.303。Math.LOG2E以 2 为底的 E 的对数,约等于 1.443。Math.LOG10E以 10

2020-12-28 09:03:22 152 1

原创 冒泡排序&选择排序

冒泡排序&选择排序冒泡排序从第一个数开始从左往右,它会把相邻的两个数进行比较;如果左边的数比右边的数大,那么它就会立即交换顺序继续往后比较;如果左边的数比右边的小,那么右边的数就会去往后继续比较;这样第一轮比较下来会确定最大的值第二轮下来确定第二大的值依次类推…完成排序假设有n个数需要用冒泡排序进行排列如何实现?分析:n个数,那么我们需要进行 n-1 轮的比较,因为最后一个数可以不用比较了;第一轮里面需要比较n-1次(因为假设有n个数,我们从第一个开始的数得跟另外n-1个数

2020-12-26 17:08:48 1128 4

原创 字符串(String)

字符串(String)1.创建方式// 创建字符串的时候要使用引号,单引号双引号都可以// 如果有多层引号,单双引号要切换使用,还可以使用转义(反斜线\)// 字面量创建var str = 'hello "xi\'ao\'ming"'// 通过new运算符创建var str1 = new String('hello string')2.ASCII表3.字符串的length// 字符串也有索引和lengthvar str = 'hello string'console.log(st

2020-12-26 09:37:29 115 1

原创 数组去重

数组去重1.双重for循环去重// 使用循环,依次比较,遇到重复的就删除var arr = [4,2,5,7,2,6,2,6,6,5]// 总共有length个数,那么就得比较length-1趟(外层循环就有了)for (var i = 0; i < arr.length-1; i++){ // 当前这一趟比较从i+1开始 // 比较的终点 length-1 for(var j = i+1; j < arr.length; j++){ if(ar

2020-12-25 16:46:03 133 1

原创 数组

数组(Array)1.什么是数组?数组就是一组数据的集合,它是JavaScript中的一种复合数据类型,用来存储和操作有序数据集的数据结构。2.创建数组 // 1.字面量的方式声明一个数组 var arr = [3, 4, 5, 6, 7] // 2.new运算符声明数组 // 传一个参数的时候,这个传的参数的数值就是数组的长度 var arr1 = new Array(4) // 此时arr1这个数组是一个空数组,但是它

2020-12-24 23:28:58 213

原创 JS对象

JS对象1.什么是对象?js语言中一切皆为对象,比如数字,字符串,数组,Math,Object,函数js中对象的本质:属性和方法的集合(无序,所有对象没用length属性)官方一点的语言来解释:什么是对象,其实就是一种类型,即引用类型。而对象的值就是引用类型的实例。在ECMAScript中引用类型是一种数据结构,用于将数据和功能组织在一起。它也常被称作为类,但ECMAScript6以前却没有这种东西。虽然ECMAScript是一门面向对象的语言,却不具备传统面向对象语言所支持的类等基本结构2.创建

2020-12-24 14:39:21 137

原创 递归

递归(recursion)1.什么是递归?递归就是函数自己调用自己,但是不能无限制的调用,得有出口;它的本质就是一个循环例题:下面是一个等比数列,每一项都是前一项的两倍,求第n项是多少1,2,4,8,16,… // 分析:分析可知,第n项是前一项的两倍,那么(n-1)*2=n ,我们要算第一个,我们就去找n-1是多少,一直找到有确定值的那一个 function fn(n) { if (n === 1) { retu

2020-12-23 09:00:01 379

原创 JS函数

JS函数函数我们计算机语言里面的函数,不是数学的函数。跟数学的函数没关系。我们可以把JS中的函数理解为一个“盒子”,这个盒子里面装的是一段JS代码。当我们每次使用这个盒子的时候,就是在使用这个盒子里面的代码函数的特点a. 封装代码:使代码更加整洁b. 重复使用:在重复使用的时候直接调用就好c. 执行时机:随时可以在我们想要执行的时候执行函数的创建(两种方式)注意:函数创建完毕是不...

2020-12-22 17:23:43 242

原创 JS中的循环结构语句

JS中的循环结构语句什么是循环结构语句?就是重复的执行一段代码,注意!!!你要有尽头,不能无穷无尽的重复循环一: 基础循环语句while 循环语法:while (条件){ 要重复执行的代码 }释义:while 当 … 时。当条件为 true 的时候,就会执行 { } 里面的代码,直到条件为 false 的时候就不再执行 { } 里面的代码。如果一开始条件判断就不满足,那么就一次都不执...

2020-03-28 14:54:40 303

原创 JS中 if 语句的小练习

JS中 if 语句的小练习1. 通过 if 语句判断一个数字是不是偶数分析1:判断一个数是不是偶数,就是代表这个数除以2不会有余数,这个数要被整除才会是偶数,不被整除那就不是偶数。所以,我们定义一个变量 num 来表示这个数接着如果 num % 2 === 0 就是偶数,否则就不是接着转变为代码: var num = 520 if (num % 2 === 0) { consol...

2020-03-26 09:40:05 657

原创 JS的分支结构

JS的分支结构一:什么是分支结构?代码执行顺序的一种,我们的代码应该是从上到下,依次执行。分支结构就是到了某一位置的时候,选择性的执行哪一行代码。当代码到达分支位置的时候,根据条件决定执行 a 行,还是 b 行。分支结构的代码有两种语法:1. if 语句 2. switch 语句二: 分支结构 - if 语句(如果 … 就 …)if 语句的语法分成四种形式:if (条件) {要执行的代...

2020-03-25 14:24:24 1247

原创 JS中数据类型的转换

JS中数据类型的转换什么是数据类型的转换?就是把一个数据类型转换成一个其他的数据类型。一:其它数据类型转换成 数值Number()语法:Number(你要转换的变量)返回值:能转换的就是数字,不能转换的就是 NaN注意:把要转换的内容当成一个整体,能转换的就是数字,不能转换的就是 NaN ,认识小数点,还有就是需要稍微注意下 Number 它的首字母需要大写,不要写成了number...

2020-03-24 15:48:42 247

原创 CSS3 2D转换

CSS3 2D转换2D2D变换,是在一个平面对元素进行的操作,可以对元素进行水平或者垂直位移、旋转或者拉伸。注意:默认状态下,x轴是水平的,向右为正(与数学当中相同);.默认状态下,y轴是垂直的,向下为正,这与传统的数学坐标系不同!!!2d位移transform:translate(参数1,参数2); 参数1:在X轴移动的距离 参数2:在Y轴移动的距离 参数的设...

2020-02-25 23:10:41 293

原创 css定位属性的运用

css属性的运用在讲css定位前我们先来看一下下面这个小问题:问:将物品 a 放在桌子 b 上需要几个步骤?分析: 第一步:拿起物品a 第二步:找桌子b(参照物) 第三步:放在上面(坐标:桌子的上面)定位定位属性:position作用:检索或者设置元素的定位方式(改变元素位置的属性)定位的步骤:第一步:给元素添加position属性,...

2020-02-23 18:07:33 422

空空如也

空空如也

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

TA关注的人

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