layui总结

 

<meta name="renderer" content="webkit|ie-comp|ie-stand">

    content的取值为webkit,ie-comp,ie-stand之一，区分大小写，分别代表用webkit内核，IE兼容内核，IE标准内核。

    若页面需默认用极速核，增加标签：<meta name="renderer" content="webkit">

    若页面需默认用ie兼容内核，增加标签：<meta name="renderer" content="ie-comp">

    若页面需默认用ie标准内核，增加标签：<meta name="renderer" content="ie-stand">

<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

    如果IE有安装Google Chrome Frame，那么就走安装的组件，如果没有就和<meta http-equiv="X-UA-Compatible" content="edge" />一样。

    说明：针对IE 6，7，8等版本的浏览器插件Google Chrome Frame，可以让用户的浏览器外观依然是IE的菜单和界面，但用户在浏览网页时，实际上使用的是Google Chrome浏览器内核。

<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />

    width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。
    
    height：和 width 相对应，指定高度。
    
    initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。
    
    maximum-scale：允许用户缩放到的最大比例。
    
    minimum-scale：允许用户缩放到的最小比例。
    
    user-scalable：用户是否可以手动缩放

layui学习总结：

一、表单不显示
    当你使用表单时，Layui会对select、checkbox、radio等原始元素隐藏，从而进行美化修饰处理。但这需要依赖于form组件，所以你必须加载 form，并且执行一个实例。
    值得注意的是：导航的Hover效果、Tab选项卡等同理（它们需依赖 element 模块）
    
    layui.use('form', function(){
          var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
 
          //……
 
          //但是，如果你的HTML是动态生成的，自动渲染就会失效
          //因此你需要在相应的地方，执行下述方法来手动渲染，跟这类似的还有 element.init();
          form.render();
    });  
    
    
    例如：
        $.ajax({
        type:'get',
        url:'/ycoa/manage/dept/list',
        async:false,
        success:function (data) {
            if(data.status == 0){
                var datas = data.data;
                var htmlStr = "";
                for(var i=0;i<datas.length;i++){
                   htmlStr+='<option value="'+datas[i].deptno+'">'+datas[i].deptname+'</option>';
                }
                layui.use('form', function() {
                    var form = layui.form;
                    htmlStr='<option value="0" >请选择</option>'+htmlStr;
                    $("#dept_list").html(htmlStr);
                    form.render(); //渲染
                });
            }
        }
          
二：表格方法渲染时，分页不显示
    使用layui自带的表格渲染时，需要返回的数据格式和layui规定的一样，当然，随着layui的发展，现在也可以自定义，返回格式
        {
            "code": 0,
                "msg": null,
            "count": null,
            "data": []
        }    
        data里面必须是list数组。
        默认code=0，为请求成功。
        
        如果你想重新规定返回的数据格式，那么可以借助 response 参数，如：
            table.render({
                  elem: '#demp'
                  ,url: ''
                  ,response: {
                    statusName: 'status' //规定数据状态的字段名称，默认：code
                    ,statusCode: 200 //规定成功的状态码，默认：0
                    ,msgName: 'hint' //规定状态信息的字段名称，默认：msg
                    ,countName: 'total' //规定数据总数的字段名称，默认：count
                    ,dataName: 'rows' //规定数据列表的字段名称，默认：data
                  }
              //,…… //其他参数
            });     
        使用分页：page，limit需要在服务端自己定义，并接收数据，layui是不会自动给你分页的，娃，别懒了，仔细一点。
        接口地址。‘默认’会自动传递两个参数：?page=1&limit=30（该参数可通过 request 自定义）
        page 代表当前页码、limit 代表每页数据量           
        自定义分页传参：
            table.render({
                  elem: '#demp'
                  ,url: ''
                  ,request: {
                    pageName: 'curr' //页码的参数名称，默认：page
                    ,limitName: 'nums' //每页数据量的参数名，默认：limit
                  }
              //,…… //其他参数
            });    
            
    说了这么多，到底分页何时不会显示呢！！！！！娃呀，有时候粗心大意不得啊！！！！
    服务端，返回数据，count=0的时候，分页不会显示。如：
        {
            "code": 0,
            "msg": null,
            "count": 0,     //分页失效
            "data": []
        }