bootstrap-table一个td使用多个数据

在bootstrap-table 里面在定义title 的时候

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
var bkDetTit = [
        {
        field:'Number',
        title:'编号',
        formatter: function( value, row, index ){
                return index + 1;
            }
        },
        {
            field:'股票代码',
            title:'股票代码及行业',
            formatter:function( value,row,index ){
	            //如何使用拿到的多个数据 直接返回拼接好的html;
                var html = "<span>"+row["股票代码"]+"</span><span>"+row["股票名称"]+"</span><span>"+row["所属行业"]+"</span>"
                return html;
            }
        },
        {
            field:'起始价格',
            title:'起始价格',
            sortable:true
        },
        {
            field:'截止价格',
            title:'截止价格',
            sortable:true
        }
        ]

里面有formatter(value,row,index)方法可以用来返回多个需要的数据，其中里面有三个参数（value,row,index）;
value: 返回该field对应的value
row: 是返回表格的所有数据
index:返回该行数据的下标

js优化-事件委托

概述：

那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？事件委托基本上，就是取快递来解释这个现象

有三个同事预计会在周一收到快递。为签收快递，有两种办法：一是三个人在公司门口等快递；二是委托给前台MM代为签收。现实当中，我们大都采用委托的方案（公司也不会容忍那么多员工站在门口就为了等快递）。前台MM收到快递后，她会判断收件人是谁，然后按照收件人的要求签收，甚至代为付款。这种方案还有一个优势，那就是即使公司里来了新员工（不管多少），前台MM也会在收到寄给新员工的快递后核实并代为签收。

这里其实还有2层意思的：

more >>

获取浏览器视口宽高以及元素宽高

适用所有浏览器

1
2
var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var w = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。

more >>

javascript 原生仿写瀑布流

瀑布流的效果 原理是初始列数top值为0，然后将第一行的高度添加到一个新的数组里，从第二行开始根据储存高度这个数组来，确定最低高度列，然后向最低高度列添加展示数据；
效果图：

more >>

获取设备的相应宽高 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
网页可见区域宽： document.body.clientWidth
网页可见区域高： document.body.clientHeight
网页可见区域宽： document.body.offsetWidth (包括边线的宽)
网页可见区域高： document.body.offsetHeight (包括边线的高)
网页正文全文宽： document.body.scrollWidth
网页正文全文高： document.body.scrollHeight
网页被卷去的高： document.body.scrollTop
网页被卷去的左： document.body.scrollLeft
网页正文部分上： window.screenTop
网页正文部分左： window.screenLeft
屏幕物理分辨率的高： window.screen.height
屏幕物理分辨率的宽： window.screen.width
屏幕可用工作区高度： window.screen.availHeight
屏幕可用工作区宽度： window.screen.availWidth
屏幕缩放因子：window.devicePixelRatio
屏幕逻辑分辨率：window.screen.width * window.devicePixelRatio (缩放因子与物理分辨率的乘积)
|