常用css3属性

border-radius

box-shadow 边框阴影

background-size： 可以设置宽高；cover（整个背景图都放进来，但是有可能溢出）/contain（背景图被包含div 可能有些地方没有背景图）

动画：：transform/变形 旋转 rotate（30deg） 位移 translate（）缩放scale（）扭曲 skew

　　过渡 ：transition：width 2s ease（运动方式） 3S（延迟时间） //需要被触发。改变的时候才有效

　　动画 animate（run（动画名字）； 2s； ease（运动方式） ；3S（延迟时间）；forwards//返回最后的状态 ）  //页面一加载就执行

弹性盒模型

flex-grow：1 剩余空间剩余份数（分配剩余空间）

flex-direction /四个值 row/主轴排列顺序

align-items 纵轴对其方式 /flex-start  strch内容基线对其/

justify-contet 主轴对其方式

H5新增

语意义化标签  input type color/data/email/num

JSON.parse 字符串转化成JSON对象

JSON.stringify() JSON对象转化成字符串

深克隆

//浅克隆
var person = {name: ‘zs‘,age:20}
function clone(obj) {
    var result = {}
    for (key in obj) {
       result[key] = obj[key]
    }
    return result
}

//深克隆
var person = {name: ‘zs‘,age:20,
father:{name: ‘zss‘,age:120}}
function clone(obj) {
    var result = {}
    for (key in obj) {
        if (typeof obj[key] === ‘Object‘) {
            result[key] = clone(obj[key])
        }
       result[key] = obj[key]
    }
    return result
}
//当对象中储存有对象  实例的这个对象属性变化 会映射到每一个例子的这个属性

深克隆方法二

let str = JSON.stringify(person)
//转化字符串不存在直接赋值

存储 1.cookie

  //设置过期时间
    var data = new Data()
    data.setData(20)
    //存储一个cookie
    document.cookie = ‘name = 11; expires=‘ + data
    //取cookie
    document.cookie //取出来的是字符串 多个也是取字符串

都是本地存储

1.储存大小不同

2.生命周期不同

• s关闭浏览器就么有
• l一直有
• C可以设置过期时间

3.请求头里都会携带cookie（同源的http请求）cookie访问有同源限制

4.作用域不同 

• sessionStrage 不同窗口不共享
• cookie所有同源窗口共享
• localStrage所有同源窗口共享

cookie是js里的

localStorage sessionStrage

css3

原文：https://www.cnblogs.com/-constructor/p/12495323.html