• 工作笔记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; 配合使用
    不管前方的路有多苦,只要走的方向正确,不管多么崎岖不平,都比站在原地更接近幸福。 ——宫崎骏 《千与千寻》
  • 相关阅读:
    [NOIP 2012] 疫情控制
    [HDU 6315] Naive Operations
    [BZOJ 3363] Cow Marathon
    单片机的模块化编程
    QT中定时器的使用方法
    47: error: undefined reference to `QWebView::QWebView(QWidget*)'
    如何分析一个QT类
    个人收集的一些库、工具、技术介绍
    点阵字体显示系列之二:汉字显示
    点阵字体显示系列之一:ASCII码字库的显示
  • 原文地址:https://www.cnblogs.com/City-wall/p/10916032.html
Copyright © 2020-2023  润新知