织梦手机网站制作,在哪可以建一个网站,搜索引擎排名查询,在环评备案网站上做登记后会怎么样6JS
本本本本本地存储
localStorage
作用#xff1a;可以将数据永久存储在本地#xff08;用户电脑#xff09;#xff0c;除非手动删除#xff0c;否则关闭页面也会存在
特性#xff1a;a.可多窗口#xff08;页面#xff09;共享#xff08;同一浏览器可以共享可以将数据永久存储在本地用户电脑除非手动删除否则关闭页面也会存在
特性a.可多窗口页面共享同一浏览器可以共享b.以键值对的形式存储使用
语法
存储数据localStorage.setItem(key, value)
获取数据localStorage.getItem(key)
删除localStorage.removeItem(key)
本地原来若有数据使用setItem就是修改原来没有就是增加
sessionStorage
特性a.生命周期为关闭浏览器窗口 b.在同一个窗口页面下数据可以共享 c.以键值对的形式存储 d.用法跟localStorage基本相同
本地存储只能存储字符串类型
存储复杂数据类型
需要将复杂的数据类型转换为JSON字符串再存储到本地
语法JSON.stringfy(复杂数据类型)
?? 本地存储里面取来的是字符串不是对象无法直接使用
把取出来的字符串转换为对象
语法JSON.parse(JSON字符串)
map和join方法拼接字符串
数组中map方法 迭代数组 map可遍历数组处理数据并且返回新的数组
例如 const arr [red, blue, green] const newArr arr.map( function(ele) { return ele 颜色 }) console.log(newArr) // [red颜色, blue颜色, green颜色] map也称为映射指两个元素的集之间元素相互对应的关系
map重点在于有返回值forEach没有返回值
数组中join方法把数组中所有元素转换为一个字符串 const arr [red颜色, blue颜色, green颜色] console.log(arr.join()) // red颜色blue颜色green颜色 数组元素是通过参数里面指定的分隔符进行分隔的
参数空字符串() -- 则所有元素之间没有任何字符 括号内为空 -- 则逗号分隔
CSS
旋转
属性transformrotate(角度)
旋转单位角度deg角度 正顺逆负
改变转换原点默认情况下转换中心是盒子中心点
属性transform-orgin: 水平原点位置 垂直原点位置
取值方位名词(left, top, right, bottom, center) 、px、 %
多重转换
效果就是那个轮胎滚走了
技巧先平移再旋转
transformtranslate() rotate()
!!注意!!:
1.多重转换是复合属性具有层叠性
2. 以第一种转换形态的坐标轴为准 这也是为什么要先平移再旋转才能达到滚走的效果
缩放
属性transform: scale(缩放倍数) transform: scale(X轴缩放倍数Y轴缩放倍数)
技巧通常只为scale设置一个值表X轴Y轴等比例缩放 取值大于1表示放大小于1表示缩小
倾斜
属性transform: skew()
单位deg 正左负右
渐变 1. 线性渐变
background-image: linear-gradient( 渐变方向, 颜色1 终点位置 颜色2 终点位置, ...
);
取值
渐变方向①to 方位名词 ②角度度数
终点位置% 2. 径向渐变
作用可以给按钮添加高光效果
属性background-image: radial-gradient ( 半径 at 圆心位置, 颜色1 终点位置, ... );
取值
半径可以是2条则为椭圆
圆心位置取值px、%、方位名词
