自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 var let 和 const 的区别

在ES6之前我们声明变量是用var关键字,ES6新增了let 和 1、声明提升,也就是如果在var语句之前调用输出var声明的变量,该变量的值是undefined; <script> console.log(a); //控制台中输入undefined var a = 1; </script> 2、一个函数相当于一个作用域,在函数外面定义的,函数内部...

2020-04-19 11:17:11 129

原创 数组塌陷原理及解决办法

<script> var arr = [6, 2, 1, 3, 1, 3, 4, 5, 3, 2]; //先将数组按大小升序排序 arr.sort(function(a, b) { return a - b; }); //遍历数组,每两位进行比较 for (...

2020-04-05 09:31:06 239

原创 JS——深浅拷贝

浅拷贝 把引用数据类型的变量名赋值给另一个变量,相当于把内存地址赋给另一个变量,此时这两个数组指向同一个内存地址,改任意一个都会影响到另一个。 var arr1 = [1,2,3,2,1]; var arr2 = arr1; arr1[0] = '北京'; console.log(arr2); 深拷贝 把引用数据类型的数据内容赋值给另一个变量,此时这两个数组分别存储着各自的信息,没有联系,改任意...

2020-03-22 19:47:24 129

原创 JS—冒泡排序&选择排序

冒泡排序 原理:相邻的两个数作比较,前者比后者大就调换位置,依次类推,直到所有数字都升序排列。每一轮都会找到当前循环的最大值。 /* 随便定义一个数组 */ var arr = [2, 8, 5, 23, 6, 3, 66, 31]; /* n个数字只需要比较n-1次 */ for (var i = 0; i < arr.length - ...

2020-03-22 19:46:05 119

原创 JS—数据类型转化

数据类型的转化 ---- 转化不是等于,而是从一种数据类型,变成另一种数据类型,数值也会发生变化。 自动转换(隐式转换) — 计算机自动执行的,只有在特定情况下,才会执行转化。 1、 其他类型转化为布尔类型 — 一般在判断中 false : 0 “” undefined null NaN true : 除上面的5种外,其他都转化为true 2、其他类型转化为字符串 — 字符串拼...

2020-03-14 19:46:57 111

原创 父容器宽度自适应

多项子元素垂直排列且折行,父容器宽度如何自适应。 方法一:display:inline-flex <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i...

2020-03-05 19:13:00 1046

原创 CSS3之Grid网格布局

Grid布局是一个二维的布局方法,横纵两个方向同时存在。 属性(作用在父容器上) grid-template-columns:划分网格列数(单位可以是像素、百分比、自适应及fr比例单位) 例: grid-template-columns:50px 50px; grid-template-columns:50% 50%; grid-template-columns:repeat(3,1fr); ...

2020-03-01 22:27:49 248

原创 CSS3之Flex弹性盒模型

2009年,W3C提出了一种新的方案——Flex布局,可以简便,完整,响应式的完成各种页面布局。目前,已经得到了所有浏览器的支持,可以放心的使用了。 何为主轴,何为侧轴? 若flex-direction为默认row: 若flex-direction为column: 属性: 作用在flex容器上 作用在flex子项上 flex-direction order flex-wra...

2020-02-26 17:52:13 109

原创 CSS3新增的选择器有哪些?

首先说说CSS3之前已有的选择器 CSS1 id选择器 、class选择器 、标签选择器 、群组选择器 、后代选择器 、伪类选择器 用法 描述 #id 选择 id=“xxxx” 的所有元素。(具有唯一性,一个页面只可使用一次) .class 选择 class=“xxxx” 的所有元素。 element 选择所有 element (标签) 元素。 element1,ele...

2020-02-23 18:53:25 1253

空空如也

空空如也

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

TA关注的人

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