- 博客(19)
- 收藏
- 关注
RSS订阅原创 CSS_元素类型及转换
元素类型： 根据css盒模型的显示分类（三类） 划分一： 块状元素 内联元素 内联块状元素（争议点：内联块状元素是自己属于一类还是内联一类） 划分二： 块状元素 内联元素 可变元素（按钮） 各种元素类型的特点： 一：块状元素（默认情况下）： 1.块状元素在页面中以矩形区域显示 2.块状元素能直接添加宽高 3.块状元素在页面显示是自上而下独占一行的排列 4.块状元素一般作为内容或其他元素的容器 常见的块状元素： div -最常用的块级元素 dl - 和dt-dd 搭配使用的块级元素 f
2021-06-28 21:56:17
579
原创 内存分区
内存分区 1.概述 内存是存储数据的，我们内存被分为不同区域，不同区域存储的数据类型跟作用都不一样；就好比成我们房子，房子里面有厨房，客厅，卧室等，不同的房间放不同的东西，对应不同的房间直接作用也不一样。 2.图解 ...
2020-12-30 08:51:45
207
原创 JavaScript_定时器
定时器 1.setTimeout() 超时定时器 延迟执行代码，只执行一次；清除定时器使用clearTimeout() <body> <button onclick="fn()">停止定时器</button> <script> // setTimeout()超时定时器 // 五秒之后执行一次函数内的代码（只执行一次） var timer = setTimeout(function () {
2020-12-29 09:14:40
579
原创 JavaScript_Math
JavaScript_Math / Data 一，Math内置对象 1.Math概述 Math 是一个内置对象，它拥有一些数学常数属性和数学函数方法。Math 不是一个函数对象。 2.Math对象属性(有个大概了解即可) Math.E 欧拉常数，也是自然对数的底数，约等于 2.718。 Math.LN2 2 的自然对数，约等于 0.693。 Math.LN10 10 的自然对数，约等于 2.303。 Math.LOG2E 以 2 为底的 E 的对数，约等于 1.443。 Math.LOG10E 以 10
2020-12-28 09:03:22
217
1
原创 冒泡排序&选择排序
冒泡排序&选择排序 冒泡排序 从第一个数开始从左往右，它会把相邻的两个数进行比较； 如果左边的数比右边的数大，那么它就会立即交换顺序继续往后比较； 如果左边的数比右边的小，那么右边的数就会去往后继续比较； 这样第一轮比较下来会确定最大的值 第二轮下来确定第二大的值 依次类推… 完成排序 假设有n个数需要用冒泡排序进行排列如何实现？ 分析： n个数，那么我们需要进行 n-1 轮的比较，因为最后一个数可以不用比较了； 第一轮里面需要比较n-1次（因为假设有n个数，我们从第一个开始的数得跟另外n-1个数
2020-12-26 17:08:48
1217
4
原创 字符串（String）
字符串（String） 1.创建方式 // 创建字符串的时候要使用引号，单引号双引号都可以 // 如果有多层引号，单双引号要切换使用，还可以使用转义（反斜线\） // 字面量创建 var str = 'hello "xi\'ao\'ming"' // 通过new运算符创建 var str1 = new String('hello string') 2.ASCII表 3.字符串的length // 字符串也有索引和length var str = 'hello string' console.log(st
2020-12-26 09:37:29
211
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
173
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
262
原创 JS对象
JS对象 1.什么是对象？ js语言中一切皆为对象，比如数字，字符串，数组，Math，Object，函数 js中对象的本质：属性和方法的集合（无序，所有对象没用length属性） 官方一点的语言来解释：什么是对象，其实就是一种类型，即引用类型。而对象的值就是引用类型的实例。在ECMAScript中引用类型是一种数据结构，用于将数据和功能组织在一起。它也常被称作为类，但ECMAScript6以前却没有这种东西。虽然ECMAScript是一门面向对象的语言，却不具备传统面向对象语言所支持的类等基本结构 2.创建
2020-12-24 14:39:21
179
原创 递归
递归（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
437
原创 JS函数
JS函数 函数 我们计算机语言里面的函数，不是数学的函数。跟数学的函数没关系。我们可以把JS中的函数理解为一个“盒子”，这个盒子里面装的是一段JS代码。当我们每次使用这个盒子的时候，就是在使用这个盒子里面的代码 函数的特点 a. 封装代码：使代码更加整洁 b. 重复使用：在重复使用的时候直接调用就好 c. 执行时机：随时可以在我们想要执行的时候执行 函数的创建（两种方式） 注意：函数创建完毕是不...
2020-12-22 17:23:43
278
原创 JS中的循环结构语句
JS中的循环结构语句 什么是循环结构语句？ 就是重复的执行一段代码，注意！！！你要有尽头，不能无穷无尽的重复循环 一： 基础循环语句 while 循环 语法：while （条件）{ 要重复执行的代码 } 释义：while 当 … 时。当条件为 true 的时候，就会执行 { } 里面的代码，直到条件为 false 的时候就不再执行 { } 里面的代码。如果一开始条件判断就不满足，那么就一次都不执...
2020-03-28 14:54:40
347
原创 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
732
原创 JS的分支结构
JS的分支结构 一：什么是分支结构？ 代码执行顺序的一种，我们的代码应该是从上到下，依次执行。分支结构就是到了某一位置的时候，选择性的执行哪一行代码。当代码到达分支位置的时候，根据条件决定执行 a 行，还是 b 行。分支结构的代码有两种语法：1. if 语句 2. switch 语句 二： 分支结构 - if 语句（如果 … 就 …） if 语句的语法分成四种形式： if (条件) {要执行的代...
2020-03-25 14:24:24
1381
原创 JS中数据类型的转换
JS中数据类型的转换 什么是数据类型的转换？ 就是把一个数据类型转换成一个其他的数据类型。 一：其它数据类型转换成 数值 Number() 语法：Number(你要转换的变量) 返回值：能转换的就是数字，不能转换的就是 NaN 注意：把要转换的内容当成一个整体，能转换的就是数字，不能转换的就是 NaN ，认识小数点，还有就是需要稍微注意下 Number 它的首字母需要大写，不要写成了number...
2020-03-24 15:48:42
294
原创 CSS3 2D转换
CSS3 2D转换 2D 2D变换，是在一个平面对元素进行的操作，可以对元素进行水平或者垂直位移、旋转或者拉伸。 注意：默认状态下，x轴是水平的，向右为正（与数学当中相同）；.默认状态下，y轴是垂直的，向下为正，这与传统的数学坐标系不同！！！ 2d位移 transform:translate(参数1，参数2)； 参数1：在X轴移动的距离 参数2：在Y轴移动的距离 参数的设...
2020-02-25 23:10:41
340
原创 css定位属性的运用
css属性的运用 在讲css定位前我们先来看一下下面这个小问题： 问：将物品 a 放在桌子 b 上需要几个步骤？ 分析： 第一步：拿起物品a 第二步：找桌子b（参照物） 第三步：放在上面（坐标：桌子的上面） 定位 定位属性：position 作用：检索或者设置元素的定位方式（改变元素位置的属性） 定位的步骤： 第一步：给元素添加position属性，...
2020-02-23 18:07:33
466
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人