在源码里学到的编程技巧

持续更新中....

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

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

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

                ......

}

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

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

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

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

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

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

    ```

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

```

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

该怎么做呢?使用 !! 


4、惰性函数

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


大体结构是这样:

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 8,455评论 0 4
  • 原文: https://github.com/ecomfe/spec/blob/master/javascript...
    zock阅读 8,649评论 2 36
  • 1、 jQuery 能做什么? jquery是一个丰富的js库,内部对js的很多复杂的方法进行了封装和加工,比如j...
    zh_yang阅读 5,219评论 6 13
  • 咨询+ 慕色 ✨一次性购买二套即可享受分销价,并送分销代理!一次性加盟终生授权,一个授权通用所有产品!
    慕色小吉阅读 1,846评论 0 0
  • 说过很多次不好意思,约定好很多次不好意思,错过很多不好意思,好像不好意思没有办法再用了,好像用的或许有用吧,但是好...
    Eskmous阅读 3,452评论 0 1