自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 es6新增的数组方法

1. some 判断数组中是否至少有一个元素满足指定的条件 - 返回布尔值原理:some内置的原理,遍历数组,判断每个值是否满足条件,有满足条件的就返回true,并且break循环,遍历完以后都没有一个元素满足的,就返回false。语法:布尔值 = 数组.some( function (v, i, a) {return 条件}); // i 和 a 是可选参数1.例如:判断成绩中是否有及格的var arr = [56,59,88,43,39,];var bool ...

2022-03-26 09:52:18 257

原创 三种截取字符串的方法

第一种:slice - 截取的时候,开始下标和结束下标可以使用负数表示语法:字符串.slice(开始下标, 结束下标)注意:2. 返回被截取出来的字符串,不包含结束下标对应的字符3. 如果第二个参数省略了,就默认截取到字符串末尾4. 如果开始下标和结束下标相等 - 截取到空字符串5. 截取字符串一定是从左向右进行截取的,如果开始下标大于结束下标就截取不到内容了-1下标就表示最后一个下标-2下标就表示倒数第二个下标var str = 'abcdefg'var str

2022-03-20 21:41:22 88901

原创 字符串方法

1. 通过下标获取指定的字符:字符串.charAt(下标) - 返回值,返回找到的字符2. 通过下标获取对应字符的10进制阿斯克码:字符串.charCodeAT(下标) - 返回字符对应的阿斯克码需要记忆的阿斯克码:1. 数字0-9:48-572. 大写字母A-Z: 65-903. 大写字母a-z: 97-122总结:1. 字符串.charCodeAt() - 根据下标获取字符对应的阿斯克码2. String.fromCharCode() - 根据阿斯克码获取对应的字符..

2022-03-20 21:23:41 126

原创 认识 ES5

ES5研究两个特性1. es5新增的语法 - 严格模式2. es5新增了一些数组的方法严格模式1. 默认是没有开启严格模式的2. 严格模式就是js中的一种语法,一旦使用这种语法,就等于我们的代码,使用了严格模式。3. 开启了严格模式以后,我们的代码更加规范:4. 在全局/局部的最上面,添加字符串: 'use strict'5. 全局中使用可以规范到局部/局部中开启严格模式,只能规范局部严格模式的特性* 不允许省略var定义变量* 不允许函数参数同名* 不允许普

2022-03-20 21:20:34 496

原创 数组的方法

数组的增删操作1. 开头添加: unshift给数组的开头添加一个或多个元素:数组.unshift(一个值或多个值)2. 开头删除: shift给数组的开头删除一个元素:数组.shift() - 括号里不需要参数3. 末尾添加: push给数组的末尾添加一个或多个元素:数组.push(一个值或多个值)4. 末尾删除: pop给数组的末尾删除一个元素:数组.pop() - 括号里不需要参数5. 任意位置增,删,改:splice给数组进行增,删,改:数组.splice..

2022-03-20 21:02:30 267

原创 css边框(border)实现三角形

直 接 看 代 码 吧注意:div的宽高必须为0,用边框的大小100像素撑开。边框的颜色:如果想要设置箭头朝下的三角形,就要设置上边框的颜色,其他的三条边为透明。下面这个是实现的效果:...

2022-03-03 20:59:27 415

原创 选择器权重

认识选择器1. 类型选择器 (a,div,p)2. 类选择器(class)语法:class="类名" .类名{属性:属性值;} 可以起多个名字。id选择器语法:id="id名" #名字 {属性:属性值;}注意:id只能起一个名字,可以作为锚点使用,相当于身份证。伪类选择器1. a:link 超链接访问前样式2. a:visited 超链接访问后样式3. E:hover`当鼠标悬停显示的样式4. E:active 鼠标按下显示的样式E表示任何选择器.通配.

2022-03-02 15:39:34 1128

原创 弹性盒flexbox

flex布局=伸缩布局解析:任何容器都可以使用flex布局方式,通过给父元素设置flex属性,来控制子盒子的位置和排列方式。flex-给父亲元素的常见属性1. flex-direction:row; 主轴为x轴 子盒子从左往右排列(默认为x轴)2. flex-direction: column; 主轴为y轴 子盒子从上往下排列3.设置主轴上的子元素排列方式justify-content:flex-start ;=设置子盒子在主轴上开始的地方排列justify-con..

2022-03-01 21:58:50 1232

原创 定位positition知识点

1.为什么需要定位?1. 定位是可以让盒子自由的在某个盒子里移动位置或者固定屏幕中的某个位置,并且可以压住其他盒子。2.语法属性:positition属性值:1.relative=相对定位特点:不脱标,占有原来的位置,相对于自己原来的位置进行移动,移动时参考的对象为原来的位置。2.absolute=绝对定位特点:脱离文档流,不占有原来的位置,移动时参考的对象为离自己最近的父元素,并且是设置了定位的父元素,如果祖级元素都没有设置定位,则参考浏览器为准。3.fixed=固.

2022-03-01 20:57:24 139

原创 浮动知识点

1️⃣:浮动1. 为什么需要浮动?因为在页面布局中,很多情况下需要元素在一行显示,可以把块级元素转为行内块元素。虽然转为行内块元素可以在一行显示,并且可以设置大小(width,hight),但是盒子之间会有空隙,为了解决这个问题,我们可以给需要在一行显示的元素设置浮动。2.任何元素都可以设置浮动,添加浮动之后会有行内块元素的特性。3.如果第一个盒子设置左浮动,第二个盒子也设置左浮动,那么第二个盒子就紧挨着第一个盒子的左边,不会有缝隙。语法:选择器{属性:float:属性值:

2022-03-01 20:14:26 133

原创 css怎样设置让盒子水平垂直居中的方法

第一种方法:弹性盒flexboxdiv {position: relative;width: 300px;height: 300px;border: 2px solid red;margin: auto; }p { position: absolute; top: 50%; left: 50%; margin-top: -50px; ...

2022-02-28 18:44:39 207

空空如也

空空如也

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

TA关注的人

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