zoukankan      html  css  js  c++  java
  • 9.30 总结一下九月呗

    九月做了两个版本 1.3.1 和 1.4

    1.3.1主要是优化,新知识是bootstrap selectpicker,选择输入框:

    初始化:

    $("select[name=name]").selectpicker({
         noneSelectedText: ''
    });

    两个事件:changed.bs.select,hidden.bs.select

    $("select[name=name]").on('changed.bs.select', function (e) {//改变选中项
            var name = $(this).find('option:selected').text();
            var val = $(this).val();
            var code = $(this).find('option:selected').attr('data-code');
            if(code){
                    me.functionA();
            }
    }).on('hidden.bs.select', function(e){ //打开选择框并且其hidden后的处理
    
            if($(this).val()){//进入选择框并且选中某个值后,addClass("has-success") ,给其加上绿色边框,提示选择框通过验证
                  me.$group.removeClass('has-error').addClass('has-success');
                  me.$group.find('small').hide()
             }else{           //进入选择框却没有选中某个值时,addClass("has-error"),给其加上红色边框,提示为通过验证 
            me.$group.removeClass('has-success),.addClass('has-error);  
             me.$group.find('small).show();
    

      

      逻辑方面主要是切换不同名称后的处理,联动较多,考虑的不太周全,导致后期测试的时候问题频发,修完一个bug会引起另一个bug,捂脸。。。

    教训就是一定要多角度考虑,考虑全面,把各种可能的问题以及发生的情况都考虑进去。

    1.4是开发一个新模块,内容看着有点多,但是逻辑比较简单,不难,另一个还是优化。

    主要功能点是:

    1.两个编辑的弹窗,两个页面引用的同一个modal,但是对于不同页面带出的信息不一样,在弹窗里显示的也有所不同。

    对于单个部门详情的编辑,modal的部门选择是禁用的,默认为当前部门,而所有部门详情的编辑,选择框是活的,选择不同部门带出当前部门信息,开始没考虑这么细,后期花时间改了一下。

    2.第一次做上传文件!!没有想像中的难~用户选择上传文问,点击上传按钮后,js中将当前文件存为form_data对象,并且把这个对象用过upload方法,上传到指定接口就好啦!

    //选中excel的时候填入文件信息
    $('.file').on('change', function(e){
    	$('.import-result').html('');
    	var file = e.target.files[0];
    	if(file){
    	      $('.file-name').html(file.name);
    	       $('.icon-delete-button').removeClass('hidden');
    	}
    	me.uploadExcel(file);
    });
    uploadExcel: function(file){
    	var form_data = new FormData();
    	form_data.append('file', file);
    	MJJS.http.uploadFile(API.upload, form_data, function(d){
    	    var pList = [];
    	    for(var  i = 0; i < d.length; i++) {
    		pList.push('<p>' + (i+1) + '.' + d[i] + '</p>');
    	    }
    	    $('.import-result').html(pList.join(''));
            }, function(err){
                	$('.import-result').html('');
                    MJJS.page.dialog.alert(err.msg);
           })
    },

    3.优化主要是判断当前客户是否可以垫款,并决定页面的垫款充值单选框是否禁用,过程在选中客户后去调一个接口,取得该客户的相应信息,并对页面进行联动处理。

    4.学会了时间加减!对于支持垫款的客户,要限制垫款时间,在当前日期上架一定的天数,通过getDate()  setDate() 进行设置!

    5.字段验证,在valid.js中加入验证的接口,js里通过判断是否支持垫款,决定是否需要验证它的额度,活用removeField  addField 这两个方法。一开始决定难,后来做了发现很简单,嘻嘻

    总结:  

    加上八月做的1.3版本,目前已经做了三个版本了,每一次都会遇到很多问题,但是自己学着去解决,实在解决不了的也会去问 qz jf wd ,他们也很耐心得教我,感谢哟

    现在接触的功能越来越多啦,慢慢都在学会处理,很多时候新功能都会觉得难,但是真正开始做的时候就会发现真的很简单,只要开始做,都不是事儿~

    so,感谢九月,十月也继续加油吧,继续迎难而上,继续提高自己!

    十月我来啦!!!

  • 相关阅读:
    【特别推荐】12款最佳的网站速度和性能测试工具
    Skeljs – 用于构建响应式网站的前端开发框架
    EpicEditor – 可嵌入的 JavaScript Markdown 编辑器
    12个学习 CSS3 网站布局设计的优秀案例
    15套流行的扁平化设计的界面素材【免费下载】
    JavaScriptOO.com – 快速找到你需要的 JS 框架
    15款最好的 jQuery Modal(模态窗口)插件
    开眼了!20个极具创意的移动界面动画效果
    ShareDrop – 苹果 AirDrop 服务的 HTML5 实现
    Furatto – 轻量,友好的响应式前端开发框架
  • 原文地址:https://www.cnblogs.com/yan89/p/7615120.html
Copyright © 2011-2022 走看看