工作笔记2

.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

90%;

-moz-calc(100% - (10px + 5px + 20px)*2);

-webkit-calc(100% - (10px + 5px + 20px)*2);

calc(100% - (10px + 5px + 20px)*2);

--

 calc((100% - 80px)/4);  做 排列li 比较方便

 ----------------------------

框框A 字体。太多，太麻烦，提升快秘诀---赖！！

    display: block;

     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;

100px;

color: #666666;

font-size: 16px;

text-align: center;

line-height: 60px;

height: 60px;

 

==========================================

 

伪类元素  ：

content: '';

position: absolute;

display: block;

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:WindowsSystem32driversetc   

 

刷新本地的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; 配合使用