web学习（五月）

偏执的太偏执、 2024-04-17 13:56 11阅读 0赞

1、网页跳转传参，包含中文解析是会出现乱码：

代码：Url + "?name=" + '张三' + "&birthday=" + ‘2018年1月1日’
    
    直接进行数据传输，中文会出现乱码
    
    解决方法：
        使用js 自带方法 escape（string）进行编码
        参数接收时使用unescape（para）进行解码    
        另： 接收传递的参数使用 var parameter = location.href 
    复制代码

2、ajax 请求返回的结果，进行json 转化

后端返回结果json属性不带引号：
    {name：‘张三’，age：‘李四’}
    
    解析为json对象时，使用：
    var data = eval('(' + Result + ')');
    
    若后端返回为严格的json格式，则可使用全局JSON，进行解析
    var data =JSON.parse（Result）
    复制代码

3、数组翻转很有用

var newArr= arr.reverse();
    复制代码

4、浮点数保留小数位数

原生js：var num =2.446242342;
            num = num.toFixed(2); // 输出结果为 2.45
    复制代码

5、时间类型变量相减得到天数等

var value= (date1.getTime() - date2.getTime())/(24 * 60 * 60 * 1000)
    复制代码

6、数组对象中克隆与数据选择

arrayObject.slice(start,end);
    slice() 属于半开性质，即 前闭后开，输出不包含end索引。
            若参数只传 0，即slice(0),则进行数组拷贝
    复制代码

7、CSS 选择器优先级判断

!import 优先级高于一起！！！
    其余 通过 [class id 元素] 进行选择，
    依据不同的特指度，特指度相加越大，优先级越高
    ICE 计算公式
    I--id       --特指度+100           
    C--class    --特指度+10
    E--element  --特指度+1
    
    例：
    p           ----->  +1
    p.large     ----->  +11
    P#large     ----->  +101
    div p#large ----->  +102
    div p#large ul.list     ----->  +113
    div p#large ul.list li  ----->  +114
    复制代码

8、

转载于:https://juejin.im/post/5afd6f3251882542ab4a216e