在源码里学到的编程技巧

持续更新中....

1、添加点击事件前,先移除--bootstrap-table插件

在添加点击事件前,先移除之前添加过的事件,不然多次绑定会回造成该事件方法被重复执行。

this.$container.off('click', '.th-inner').on('click', '.th-inner', function (event) {

                ......

}

在源码里学到的编程技巧_第1张图片

2、生成html的代码使用数组,然后jion方法合并

以前写代码,遇到html拼接的,都是使用 += 把被人拼接起来,以后可以使用这种方式。

在源码里学到的编程技巧_第2张图片

字符串是不可变的,在操作的时候会产生临时字符串副本,+操作符需要消耗时间,重新赋值分配内存需要消耗时间。

另:现代浏览器对 + 操作做了优化,字符串的拼接性能未必比join差

3、使用 !! 操作符判断 true 或 false

    我们业务代码中经常会出现这样的代码:

    ```

    if(item.id){ // .....}

```

判断这个id(主键)是否存在,但是当这个id值为0 的时候,这个判断是的值是false,不是我们想要的。

该怎么做呢?使用 !! 


4、惰性函数

所谓惰性函数就是只执行一遍,把结果存起来


在源码里学到的编程技巧_第3张图片

大体结构是这样:

var vendor = (function(){  return ... })()

函数自执行,直接得到 return 的值,把值给了 vendor 变量。

你可能感兴趣的:(在源码里学到的编程技巧)