项目常用js、css大全（会一直添加的）

一：项目常用css

1. justify-content: space-around;
   /* 在弹性盒子内均匀排列每个元素
   每个元素周围分配相同的空间 */

2. display:flex弹性盒子：前端工程师必修
   flex菜鸟教程

3. white-space:nowrap; 文本不换行

4. overflow: hidden;:内容会被修剪，并且其余内容是不可见的。

5. text-overflow:ellipsis;:显示省略符号 … 来代表被修剪的文本。

6. border-bottom: 1rpx solid #dedede;：设置一个分割线

7. rich-text微信小程序中的富文本标签，可以将html放入其中执行

8. 固定一个底部边栏，position: fixed; left: 0; bottom: 0; display: flex; width: 100%;

9. 规定字符只能占用两行display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;

10. padding-bottom: 70rpx;距下边距

11. 颜色渐变：background-image: linear-gradient(90deg,#FF7408,#FE6227);

12. CSS让背景图适应整个屏幕（填满）：

body{
    /*设置背景图片*/
    background-image: url("../images/background/back.jpg") ;
    background-size: 100% 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;  /*关键*/
    background-position: center;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width: 1600px;
    z-index: -10;
    zoom:1;
}

13.删除游览器滑动栏overflow:hidden
14.隐藏游览器滑动栏

*::-webkit-scrollbar {
    display: none;
}

* {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

15display: flex; flex-direction: column;/*横向*/ /*flex-direction: row;纵向*/
16.设置字体样式：<font face="华文彩云" style="">流动中国</font>

二：项目常用js

1.获取url中参数：let id = $.getUrlParam("id");
方法二：

    var arr  = window.location.search;
	var str = arr.split("=");
	let id = str[1];

2.将字符串转化为json

var json  = JSON.parse(str)

3.js解析unicode编码

var str = unescape(data.replace(/\\u/g, "%u"));

4.js获取数据类型

console.log(typeof data)

5.js将数据转化为json的几种方式
方式一：
使用JSON.parse()将json字符串转化为json对象
使用JSON.stringify(params)将json对象转化为json字符串
方式二：将json字符串转化为JSON对象
json = eval(’(‘+json+’)‘) 这种方式不安全，会执行json串中的表达式
方式三：$.parseJSON(json); 将json字符串转化为JSON对象
6.js去掉所有的逗号，\等

params = params.replace('"','').replace(/[\\]/g,'')
str = str.replace(/,/g,"");

7.放入读取缓存数据的方法：

localStorage.setItem("type", type);
let type = localStorage.getItem("type");