.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
遇到body html 没有铺满的情况下，可以试试
1. body{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
}
2. html{ overflow-x: inherit; }
----------------------------------------------------------------------------------
transform: scale(.5);
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-o-transform: scale(.5);
-ms-transform: scale(.5);
------
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
---------
弹性盒子。
justify-content:center;水平居中
align-items: center 垂直居中
flex-wrap: nowrap;/*默认样式，超出不换号，自己平均缩小*/
flex-wrap: wrap; 换行
flex-flow: column wrap-reverse; 换行
justify-conten: space-between; 实现子集等比例排列 （两端对齐）
-webkit-flex: 3; 定义子集分配空间
flex: 3;
--------------
calc
width:90%;
width: -moz-calc(100% - (10px + 5px + 20px)*2);
width: -webkit-calc(100% - (10px + 5px + 20px)*2);
width: calc(100% - (10px + 5px + 20px)*2);
--
width: calc((100% - 80px)/4); 做 排列li 比较方便
----------------------------
框框A 字体。太多，太麻烦，提升快秘诀---赖！！
display: block;
width: 249px;
height: 64px;
line-height: 64px;
text-align: center;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
border: 1px solid #756f6d;
===========================================
display: block;
width: 100px;
color: #666666;
font-size: 16px;
text-align: center;
line-height: 60px;
height: 60px;
==========================================
伪类元素 ：
content: '';
position: absolute;
display: block;
width: 1px;
height: 50%;
background: #c9c9c9;
right: 0;
top: 50%;
transform: translateY(-50%);
================================================================================================
百度地图简单快速生成
http://api.map.baidu.com/lbsapi/creatmap/
==============================================
mailto：+"邮箱地址" ; 实现点击a标签发送邮件。写入href 里
----------------------------------------------
去除数组每个元素末尾的字母
map(item => item.replace(/s$/,""))
arrs.map(item => item.replace(/s$/,""))
==================================================================
JS 刷新当前页面
location.reload();
jq 窗口大小改变 : resize()
JS原生写法：
window.onresize =
===============================================================
select,option{
/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
border: none;
outline: none;
/*很关键：将默认的select选择框样式清除*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
/*将背景改为红色*/
background:#fff;
/*加padding防止文字覆盖*/
padding-right: .14rem;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {display: none;}
居中：
text-align:center;
text-align-last: center;
-----------------------------------------------------------------
http://ruanyf.github.io/es-checker/index.cn.html（检测当前的浏览器是否支持ECMAScript 6）
git 修改host
C:\Windows\System32\drivers\etc
刷新本地的DNS缓存
用“WIN +Ｒ”快捷键打开运行窗口，输入“ｃｍｄ”命令，进行命令行窗口。
在命令行窗口输入“ipconfig /flushdns”执行，刷新本地的DNS缓存数据。
“已成功刷新NDS缓存”
CMD 基本操作
返回上一级 输入 cd.. 回车
返回根目录 输入 cd\ 回车
进入某个盘 D:
查看目录文件 dir （类似于linux下的ls）
创建目录和删除目录 创建 ：md 目录名（文件夹） 删除： rd 目录名（文件夹）
查看本机ip ipconfig
清除屏幕 cls （类似于linux下的clear）
复制文件 copy 路径\文件名 路径\文件名 ：把一个文件拷贝到另一个地方。
移动文件 move 路径\文件名 路径\文件名 ：把一个文件移动（就是剪切+复制）到另一个地方。
删除文件 删除文件的，不能删除文件夹 ： del 文件名
ping 测试网络是否畅通 ping ip(主机名)
使用help命令，查看所有的dos命令
git命令－切换分支
查看远程分支 git branch -a
查看本地分支 git branch
切换分支 git checkout -b dev origin/dev
＃切换回master分支 git checkout master
git的分支与合并
git merge
创建新分支 git branch dev
切换到该分支 git checkout dev
提交一次 git commit
切换回 master git checkout master
再提交一次 git commit
用 git merge 把 dev合并到 master
git merge bugFix
再把 master 分支合并到 dev
git checkout dev;
git merge master
git秘钥创建
https://www.cnblogs.com/yjlch1016/p/9692840.html
上传头像+预览 == 》
https://www.cnblogs.com/Nick-chen/p/6438564.html
********************字体小于12px
transform: scale(0.8); 缩放后字体移动 transform-origin: 23px 6px;
-webkit-transform-origin-X: center; 配合使用
