摘要: Grid 块级容器 1、display:grid; 2、使用 grid-template-columns 规则可划分列数,使用 grid-template-rows 划分行数。 固定宽度(具体像素)当容器宽度过大时将漏白。 百分比自动适就容器。 使用 repeat 统一设置值,第一个参数为重复数量, 阅读全文
posted @ 2020-07-24 16:25 isremya 阅读(476) 评论(0) 推荐(0)
摘要: 数组、字符串API整理 数组 类型转换 1、将数组转变为字符串 toString( ) String( ) join( ) 2、Array.from( ) 将类数组转换为数组, 类数组指包含length 属性或可迭代的对象。 3、拓展运算符... 管理元素 1、push( ) 2、pop( ) 3、 阅读全文
posted @ 2020-07-24 16:12 isremya 阅读(220) 评论(0) 推荐(0)
摘要: for循环中使用setTimeout 1、JavaScript是单线程的; 2、所有同步任务在主线程中执行,形成一个“执行栈”,而异步任务都会进入到任务队列中等待, 只有当主线程里的同步任务都被执行完毕,异步任务才会进入主线程中被执行; 3、执行异步任务,就是执行对应的回调函数; 4、为什么输出的是 阅读全文
posted @ 2020-04-06 00:01 isremya 阅读(806) 评论(0) 推荐(0)
摘要: 相对定位和绝对定位的理解 1、功能理解 相对定位:相对于自己(一开始的位置)进行定位的,但无论怎么移动,这个元素会依然占据原来的位置,它是 不占用偏移后的位置的,也就是说偏移后的元素相当于一个投影/虚像。 绝对定位:相对于离自己最近的开启了定位的祖先元素进行定位的,脱离文档流,因此可以盖住页面上的其 阅读全文
posted @ 2020-04-05 23:57 isremya 阅读(711) 评论(0) 推荐(0)
摘要: CSS3知识点 background属性 1、background简写 // background: url(img/1.jpg) no-repeat left top; 2、多背景 每组属性间逗号隔开; 为避免背景将图像盖住,背景色通常定义在最后一组上; { background: url(img 阅读全文
posted @ 2020-04-05 23:46 isremya 阅读(1230) 评论(0) 推荐(0)
摘要: flex布局 用以代替浮动的布局手段; 必须先把一个元素设置为弹性容器;//display:flex; 一个元素可以同时是弹性容器和弹性元素; 设为flex布局以后,子元素的float、clear和vertical-align属性将失效。 主轴:弹性元素排列的方向; 弹性容器的属性 1、flex-d 阅读全文
posted @ 2020-04-05 23:37 isremya 阅读(743) 评论(0) 推荐(0)
摘要: 强制类型转换 一、将其他数据类型转换为string 法一:调用toString()方法 ​ 但null和undefined这两个值没有toString()方法 法二:调用String()函数 注: 调用xxx的yyy()方法,就是xxx.yyy(); ​ 调用xxx的yyy函数,就是xxx(); 二 阅读全文
posted @ 2020-03-07 01:27 isremya 阅读(249) 评论(0) 推荐(0)
摘要: 定位 可通过position属性还设置元素的定位。 ​可选值:static 默认值 没开启 ​ relative 开启相对定位 ​ absolute 开启绝对定位 ​ fixed 开启固定定位(绝对定位的一种) 开启定位后可通过left、right、top、bottom四个属性来设置元素偏移量。 l 阅读全文
posted @ 2020-03-07 01:12 isremya 阅读(773) 评论(1) 推荐(0)
摘要: 文档流 1、元素在文档流中的特点: ​ 块元素:在文档流中独占一行;在文档流中默认宽度是父元素的100%,默认高度是被内容撑开。 ​ 内联元素:在文档流中只占自身大小,如果一行不足以容纳多个内联元素就会换到下一行继续从左向右排列; ​ 高度是被内容撑开的。 2、元素脱离文档流后,高度宽度都被内容撑开 阅读全文
posted @ 2020-03-07 00:59 isremya 阅读(322) 评论(0) 推荐(0)
摘要: 盒子模型 盒子模型的四个部分:内容区、边框,内边距,外边距;前三者共同决定盒子可见框的大小。 边框 为元素设置边框 .box1{ width:100px; height:100px; background-color red; /*设置盒子内容区宽高及颜色。*/ border-width:10px; 阅读全文
posted @ 2020-03-07 00:50 isremya 阅读(587) 评论(0) 推荐(1)