工作笔记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 +R”快捷键打开运行窗口,输入“cmd”命令,进行命令行窗口。

在命令行窗口输入“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; 配合使用
不管前方的路有多苦,只要走的方向正确,不管多么崎岖不平,都比站在原地更接近幸福。 ——宫崎骏 《千与千寻》
原文地址:https://www.cnblogs.com/City-wall/p/10916032.html