年度复盘之HX-jsp

不要停止努力 做一点也是做 你总是在脑子里幻想一切有什么用呢 说再多 都该落到实处

1. JS封装公共方法

2. bluebird - 让所有浏览器都支持 ES6 Promise 对象

   https://cdn.jsdelivr.net/bluebird/latest/bluebird.js

3.html2canvas - jsPDF.debug.js jsp生成PDF插件

4.响应式使用BoosStrap组件

5.input框输入一键清除功能 jQuery方法

val() 方法返回或设置被选元素的值。

元素的值是通过 value 属性设置的。该方法大多用于 input 元素。

如果该方法未设置参数，则返回被选元素的当前值。
    
siblings是取兄弟元素

    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 del" style='padding-left:0px;margin-bottom:10px'>
     <input 
         class="form-control form_input" 
         style="width:100%;border-radius: 2px"
         placeholder="输入操作用户" 
         onfocus="handleFocus(this,'onfocus')" 
         onblur="handleFocus(this,'onblur')" 
         type="text" 
         id="s_user" />
     <img id="del_img" onclick="handleDelete(this,'#del_img')"  class="img"  src="../resource/dist/img/del.png" alt=""/>
    </div>

//聚焦时展示关闭标签
    //self是当前标签 type接参是聚焦还是失焦 
    function handleFocus(self, type) {
      if (type == "onfocus") {
        let prs = $(self).val(); //pre是input标签里的输入值
        if (prs != 0 || prs != "0") {
          $(self).siblings("img").show();
        }
      }
      if (type == "onblur") {
        let prs = $(self).val();
        if (prs == 0 || prs == "0") {
          $(self).siblings("img").hide();
        }
      }
    }
    //点击时删除文本框内容
    function handleDelete(self) {
      $(self).siblings("input").val("").focus();
      // init(1);
      $(".img").hide();
      $(self).next().show();
    }

6. 后端重定向 Top属性返回当前窗口的最顶层浏览器窗口。

    complete: function (obj, status) {
        if ("REDIRECT" == obj.getResponseHeader("REDIRECT")) { 
        //若HEADER中含有REDIRECT说明后端想重定向，
        var win = window;
        while (win != win.top) {
            win = win.top;
        }
        win.location.href = obj.getResponseHeader("CONTENTPATH");
        //将后端重定向的地址取出来,使用win.location.href去实现重定向的要求
        }
    },

7.layUI 弹窗

        
      $("#dialogObjected").attr("style","display: block;margin:20px");
      
      layer.open({
                btn: ['取消', '下载配置结果'],
                title: '新增限制名单数据配置',
                type:1, //这样不会导致点击不动
                closeBtn: 0,
                content: $('#dialogObjected'), //弹窗Html
                area: ["90%", "80%"],
                shade:0.0, //出现[object,object]
                btn1: function (index, layero) {
                    layer.close(index);
                },
                btn2: function (index, layero) {
                   //确定内容
                },
     })

8.插入标签 $("#tdata").html(html);

innerHtml 插入标签 类似于v-html

innerText 插入内容