工作中的代码整理

最新推荐文章于 2024-08-17 11:28:11 发布

木偶小小

最新推荐文章于 2024-08-17 11:28:11 发布

阅读量1.4k

点赞数

分类专栏： javascript 工作中涉及的代码整理文章标签：代码整理

本文链接：https://blog.csdn.net/sunny_810/article/details/98948958

版权

javascript 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

工作中涉及的代码整理

1 篇文章 0 订阅

订阅专栏


{{# if(d !="" && d != null ) {}}
            <div class="form-item old-item">
                <label for="" class="form-label">
                    老昵称：
                </label>
                <div class="form-input">
                    <span class="old-text">{{d}}</span>
                </div>
            </div>
            {{#} }}

 {{# if(d !="") {}}
 {{# }else{}}
  {{#} }}

审核驳回实名认证的id

某个进程删除了所以没有找开

1 安装环境排查
同样的安装环境，比如demo页面就能启动，说明环境正常
2 代码排查
同样的mac电脑，其它mac或微软电脑启动正常
3 都排除的情况下，把项目仓库删除，重新拉取，重新换一个文件夹，
再执行 foo release foo sever start  即可正常启动

3.foo -help里有kill 进程的命令

bt模板

<script id="list-tpl-test" type="text/html">
    {{#
        var glist = d.goods_list;
        if(glist.length) {
    }}

        {{# for(var i=0; i<glist.length; i++){
            var item = glist[i];
        }}

            <h2>{{item.title}}</h2>
        {{# } }}


    {{# }else{ }}
            <div class="empty-tip white-bg" id="empty-tip">
                <span class="icon">
                <img  src="../../assets/imgs/fav-empty.png" alt="暂无数据"/>
                </span>
                <span class="text">
                你还没有收藏任何宝贝，赶紧上<a class="fav-items-tip" href="http://www.17zwd.com/">17网逛逛</a>吧！
                </span>
            </div>
    {{# } }}
</script>

备注：

关于一些优化的内容, 懒加载或者资源优化,要随时问
主页/ 宝贝详情页这些的浏览基本上不会涉及太复杂的数据交互

移动端的话基本上就是打开速度快点会比较好, 然后流量限制, 图片都做懒加载, 包括首页的内容, 比较长, 所以数据最好用接口做异步加载

开发上的优先级对应主站页面的优先 > 首页 / 详情页这些
对应到用户后台的在后
首页/ 详情页这些会有一些分享链接的场景
数据都是接口出的, 多页面的话可以考虑在用户中心用的那个前端模板

Port already in use:
sudo lsof -i:3333
kill -9 3794
3794是 查出来的 PID

lsof -i:8080可以查到8080端口是否被占用；
kill -9 process可以把相对应的process马上kill掉；
process 指的是第一条命令lsof -i:8080出来的PID

node包
/usr/local/lib/node_modules

备注：

被指派到的紧急或临时任务,, 如果当前没时间需要别人负责的, , 在对应的WT上评论里把当前在做的WT链接贴一下, 然后吧任务重新指派给我,
如果两个都是需求 (不是bug) , 先指派给产品让那边确认优先级
不要直接回复产品或测试一句没时间或有其他事就不管
有些bug如果是几分钟十几分钟就能解决的, 抽时间看一下

//ie8
.lt-ie9 #local-wrapper .book-wrapper {
    width: 308px;
    background: #fff;
    border: 1px solid #ddd;
}

.lt-ie10 #root-wrapper, .lt-ie9 #root-wrapper {
    background: #fff;
    input,textarea{
       background: #fff;
    }
}
id="oldPhone" 通过旧手机 找回

id="getCode" 获取验证码的btn
id="phoneCode" 输入的验证码

//input 输入完 activebtn
$form.on('input propertychange','.input',function(){

});
$wrap.on('blur', '.input', function() {
    var reg ;
    //手机号码
    if(this.name == 'mobile'){
        reg = /^1[3|4|5|7|8][0-9]{9}$/;
    }
    //email地址
    if(this.name == 'email'){
        reg =  /^[a-z0-9]+(?:[._-][a-z0-9]+)*@[a-z0-9]+(?:[.-][a-z0-9]+)*\.[a-z]{2,}$/i;
    }
    //密码6-16位 区分大小写
    if(this.name == 'password' || this.name == 'comfirmpassword'){
        reg = /^(?!(?:\d+|[a-zA-Z]+)$)[\da-zA-Z]{6,}$/;
    }
    //四位数的验证码
    if(this.name == 'captura4'){
        reg=/^[a-zA-Z0-9]{4}$/;
    }
    fitRex(this, reg);
});

var post_flag = false; //定义一个变量为false
function changeInfo(url,data) {
  if (post_flag) {
    return false; //如果正在提交则结束
  }else {
    post_flag = true; //标记当前状态为正在提交
    $.ajax({
      type: "post",
      url: url,
      data: data,
      success: function(result) {
        if (result.errorCode == 0) { //我这里设置result.errorCode == 0为传送成功或获得想要的值
           //返回正确值后的代码写在这
        }else{
            post_flag = false; //传送失败或不是想要的值后，将post_flag重归为false
        }
      },
      error: function(error) {
        post_flag = false; //这个的原理也是一样，发送错误后重归为false
      }
    });
   }
 }



    division: function (arg1, arg2) {
        var t1 = 0, t2 = 0, r1, r2;
        try {
            t1 = arg1.toString().split(".")[1].length;
        }
        catch (e) {
        }
        try {
            t2 = arg2.toString().split(".")[1].length;
        }
        catch (e) {
        }
        with (Math) {
            r1 = Number(arg1.toString().replace(".", ""));
            r2 = Number(arg2.toString().replace(".", ""));
            return (r1 / r2) * pow(10, t2 - t1);
        }
    },


前提是容器必须绝对定位，去掉了 position:absolute; 半透明效果就没了
设置zoom:1或disaplay:inline-block，或定高宽等都是可以的哦~


IE9同时支持rgba和filter，导致在IE9下的边框颜色更深一些，如何解决呢？
 :root .xxx { filter: none; }

首先，
不表明规则，
问了之后，给定了规则，
然后在测试提了之后，
产品又给出了另一条规则，

1、从产品原型开始，弄清楚原型各个流程
2、从设计图上，比较下原型和设计图的区别，是否有多的或者少的
3、前后合作上
1、针对功能，事先和后事同事商量好获取数据的方式，是同步还是异步，变量名，rap2
2、写法上提前想好思路

$("link[title!='"+style+"']").prop("disabled",true);

   // 获取筛选类型
    function getSelectType() {
        let type =  $wrap.find('.J-show-current-type').attr('data-id');
        let start_date =  $wrap.find('#sDate').val();
        let end_date =  $wrap.find('#eDate').val();
        let keyword =  $wrap.find('#keywords').val();
        return { page: pagination.curPage,type,start_date, end_date,keyword};
    }

1、
ie8下 垂直居中 height 和 line-height,font-family用英文

2、sarafi下的小人
input:focus::-webkit-contacts-auto-fill-button{
    opacity: 0;
}


fis.match(
    pattern(
    '/js-modules/**.js',
    '/widget/diaolog/diaolog.js',
    '/widget/slider/slider.js',
    '/widget/login/js/init-userLogin.js',
    '/widget/login/js/initPopup.js',
    '/widget/common_head/common_head.{es6,js}',
    '/widget/crumb/crumb.{es6,js}',
    '/widget/diaolog/diaolog.{es6,js}',
    '/widget/loading/loading.{es6,js}',
    '/widget/mask/mask.{es6,js}',
    '/widget/Message/Message.{es6,js}',
    '/widget/pagination/pagination.{es6,js}',
    '/widget/sidebar/sidebar.{es6,js}',
    '/widget/slider/slider.{es6,js}',
    '/widget/toast/toast.{es6,js}',
), {
    packTo: '/pkg/vendor.js'
});