1、获取元素 document.querySelector() document.querySelectorAll() 扩展: ······ 2、修改HTML标签内的内容 ....
1、获取元素 document.querySelector() document.querySelectorAll() 扩展: ······ 2、修改HTML标签内的内容 ....
重点!! js复习 js阶段的主要内容有:1.变量的定义和使用2.循环结构:for forEach map filter3.分支结构:if...else 三元表达式4.数组...
一、查询选择器:querySelector() 查询选择器能够获取你查询的元素 用法: 上面的语句含义为: 左边:声明一叫myButton的变量右边:在document对象中...
1,基本概念 函数的作用,可以复用(精简代码) 1.1、函数声明:function 函数名(){} 例如:function name(){}其中,name是函数名 1.2、调...
一、for循环 循环的退出break和continue 区别:break直接退出循环,continue结束本次循环 双for写99乘法表案例 js部分 css部分 效果 二、...
一、运算符 算术运算符 赋值运算符: 一元运算符: 更多例子: 更多例子: 比较运算符 注意:字符串与字符串比较,比较的是他们的 ASCII码 数字与字符串比较,会先把字符...
一、js书写位置 参考css,有三种,其中内联式不推荐 与css的区别: 内部式js写在</body>标签前面,因为代码从上到下运行,如果先运行js,但js代码涉及的html...
一、媒体查询补充 1,视口变小到一定宽度时,盒子背景色变化、或直接隐藏盒子、或引入某个文件(link) 改变背景色: 隐藏盒子: 引入文件(): 二、bootstrap框架 ...
vw/vh含义 w即宽度,h即高度vw/vh跟rem一样,都是相对长度单位, vw意思是视口宽度的1/100vh是视口高度的1/100 vw和vh不混用, 优点:不需要媒体查...
一,rem适配 根据不同的逻辑分辨率,设置不同的根字号 步骤: 1,利用媒体查询设置单个适配 2,根据视口大小计算对应的rem数值 根据步骤一,根字号=32px 假设某个盒子...
flex-direction—改变元素排列方式 默认主轴是横轴,侧轴是纵轴,使用flex-direction让二者交换但是主轴属性依然用——justify-content进行...
一些概念: 设备分辨率:出厂固定,无法更改。逻辑分辨率:由软件,驱动决定。 viewport内容 百分比布局(流式布局): 高度固定,宽度自适应 flex布局步骤: 1,设置...
空间转换 空间转换就是在平面的基础上多了z轴方向z轴:从屏幕指向自己的方向,为z轴正方向,指向屏幕内部为反方向。 transform: translate3d(x, y, z...
精彩,夜不能寐,速更
2022-04-01字体图标 下载字体图标(https://www.iconfont.cn/[https://www.iconfont.cn/])步骤;百度搜索iconfont--素材库或者搜索...
字体图标 下载字体图标(https://www.iconfont.cn/[https://www.iconfont.cn/])步骤;百度搜索iconfont--素材库或者搜索...
一,字体图标 1,下载字体图标: 登录iconfont(https://www.iconfont.cn/[https://www.iconfont.cn/])搜索需要的图标 ...