您现在的位置是:首页 > 正文

JavaScript项目总结一

2024-02-01 03:15:59阅读 2

1.类选择其下,第一个

$('selector').first()==$('selector:first')==$('selector:eq(0)')

2.如果要选择非第一个

$('selector:eq(n)')

3.Dom对象添加事件(比较随意)和JQuery 对象添加事件不一样(建议用on)

Dom.onClick=function(e){}
$('selector').on('click',function(){})

4.DOM 遍历是昂贵的,所以尽量将会重用的元素缓存

$this=$(this)

5.使用 jQuery 中的方法缺少经验,需要查看的文档,有一个更好或更快的方法

$('#id').data(key,value)
//改成(高效)
$.data('#id',key,value)

6.建议申明的全剧变量和调用时采用

window.global

7.鼠标点击其他地方收起“下拉框”

$('body').click(function(e) 
{
  if (e.target.id != 'regionLabel' + pageIndex + ''&& e.target.id != 'regionSelectBox' + pageIndex+ '') 
  {
    if (!$('#regionSelectBox' + pageIndex + '').hasClass('hide')) 
    {
      $('#regionSelectBox' + pageIndex + '').addClass('hide');
      $('#toggleRegionSelectBox' + pageIndex + '').removeClass('invert');
    }
  }
});

8. toggleClass() 对设置或移除被选元素的一个或多个类进行切换。

该方法检查每个元素中指定的类。如果不存在则添加类,如果已设置则删除之。这就是所谓的切换效果。

9. 同辈.siblings()

$(this).addClass('ant-btn-primary').siblings().removeClass('ant-btn-primary');

10.去空

$(this).text().trim();

11.函数结束时紧跟的一对圆括号说明这个函数定以后立即执行

12.在JQuery中,先去空,利用$(this).text().trim();接着进行if判断时,最好把==换成indexOF模糊匹配

13.检测CSS类,hasClass只能接受单个类名作为参数,并且不支持函数参数,is()方法更灵活,可以用来做同样的事。

$('p').hasClass('className')
$('#id').is('.className')
$('#id').is('.classOne.classTwo')

14.数组去重

Array.prototype.unique=function(){
    var result=[];
    var json={};
    for (var i = 0; i < this.length; i++) {
        if (!json[this[i]]) {
            result.push(this[i]);
            json[this[i]]=1;
        }
    }
    return result;
};
//调用
arr.unique();

15.防止点击事件冒泡(冒泡到祖、父类,因为它们可能也有点击事件)


//下面的方法可以借鉴:用户组成动态生成Table,特别是join() 方法用于把数组中的所有元素放入一个字符串。arrayObject.join(separator)

initE2XNeighborTable: function(){
               var $table = $('#tableEx2Neighbor').empty();
              var ring = $('#configAccessRing').val();
              var list = NEIGHBOR_INFO[ring];
              var thead = [
                      '<tr>',
                      '<th>pCell</th>',
                      '<th>sCell</th>',
                      '<th>No. of pCell Edge Users</th>',
                      '<th>No. of Scell Edge Users</th>',
                      '<th>No. of Neighboring Cells</th>',
                      '</tr>'
                      ].join('');
              var tbody = '';
              $.each(list, function(i, row){
                 tbody += [
                      '<tr>',
                      '<td>' + row.pCell + '</td>',
                      '<td>' + row.sCell + '</td>',
                      '<td>' + row.pCellUser + '</td>',
                      '<td>' + row.sCellUser + '</td>',
                      '<td>' + row.neighborNum + '</td>',
                      '</tr>'
                      ].join('');
                   });
              $table.append(thead + tbody);
              },

 

转载于:https://www.cnblogs.com/gzhcsu/p/6732089.html

网站文章

  • 随笔——消息队列线程池模型如何保证重启时消息不丢

    随笔——消息队列线程池模型如何保证重启时消息不丢

    背景 今天在脉脉上面看到了一个帖子,比较有意思:这个帖子的意思是:在使用Kafka的时候,我们已经设置了多个分区,如何去提升消费能力?如果使用线程池的方式去提升如何保证重启时消息不丢。这...

    2024-02-01 03:15:51
  • springcloud — 微服务鉴权管理Spring Security OAuth2原理解析(四)

    springcloud — 微服务鉴权管理Spring Security OAuth2原理解析(四)

    回顾之前文章:1. 微服务鉴权管理之OAuth2原理解析(一)2. 微服务鉴权管理Spring Security原理解析(二)3. 微服务鉴权管理Spring Security OAuth2原理解析(...

    2024-02-01 03:15:22
  • Java报错ClassNotFoundException或者NoSuchMethodError

    Java报错ClassNotFoundException或者NoSuchMethodError

    出现这种报错99%为包版本不同,依赖冲突导致。

    2024-02-01 03:15:15
  • 利用bind9架设智能DNS——postgreSQL数据库篇

    智能DNS工作原理: 在用户解析一个域名的时候,判断一下用户的IP,然后跟DNS服务器内部的IP表匹配一下,看看用户是电信还是网通用户,然后给用户返回对应的IP地址。目前的域名服务运营商不提供智能DNS服务,所以必须自行架设DNS服务或者使用网上免费的智能DNS

    2024-02-01 03:15:08
  • 计算机网络:网络层——数据平面

    计算机网络:网络层——数据平面

    概述 两种重要的网络层功能:转发和路由选择。(forwarding and routing) 数据层面(Data plane): local, per-router function determin...

    2024-02-01 03:15:02
  • 兴趣篇——用C语言写打字母游戏

    昨天说的,以后会写和小游戏相关的博客,事不宜迟,今天就先开始用最简单的C语言编写一个简单的打字母小游戏吧。 应今天我的软件工程老师的一句话:当做一件事时,如果能很快的从中得到正反馈,我们将会有成就感,我们将会提高对它的兴趣。 我们编程的入门语言是C语言,是一门相对简单的编程语言,但是大多数大学生或者其他刚刚接触编程学完C语言的人,往往会产生一个疑问:我们学习了C语言到底能干什么?更有甚者,像计

    2024-02-01 03:14:32
  • 带宽和时延究竟有没有关系

    一、严格意义上来说是不一样的,简单点说,网络为什么会出现延时,一定程度上就是带宽时延和数据量造成的;举个例子来说就很清楚了:带宽,bandwidth,是指每秒钟传输的最大字节数。带宽本来是指某个信号具...

    2024-02-01 03:14:26
  • python django框架orm_利用Python的Django框架中的ORM建立查询API

    摘要在这篇文章里,我将以反模式的角度来直接讨论Django的低级ORM查询方法的使用。作为一种替代方式,我们需要在包含业务逻辑的模型层建立与特定领域相关的查询API,这些在Django中做起来不是非常...

    2024-02-01 03:14:20
  • Php Jquery Load FadeIn FadeOut 无刷新分页

    Php Jquery Load FadeIn FadeOut 无刷新分页index.php<?phpdefine('IN_LOVE',true);require_once('includes/load.php');$smarty->display('index.html');?>index.html<html>&lt...

    2024-02-01 03:13:49
  • java中如何将url地址文件流上传到sftp的某个目录下面?(亲测)

    java中如何将url地址文件流上传到sftp的某个目录下面?(亲测)

    java中如何将url地址文件流上传到sftp的某个目录下面?

    2024-02-01 03:13:43