广州web培训
达内广州五羊中心

18589266248

热门课程

JS重复的dom操作代码书写规范

  • 时间:2016-11-08 14:24
  • 发布:广州web培训
  • 来源:techug

重复的dom操作,使用一个变量来进行接收很有必要,而不是频繁的去操作dom树,这对性能与代码的整洁及易维护性带来不好的影响。

不推荐:

$('.myDiv').find('.span1').text('1');

$('.myDiv').find('.span2').text('2');

$('.myDiv').find('.span3').text('3');

$('.myDiv').find('.span4').text('4');

推荐:

var mydiv=$('.myDiv');

mydiv.find('.span1').text('1');

mydiv.find('.span2').text('2');

mydiv.find('.span3').text('3');

mydiv.find('.span4').text('4');

在jquery .end()可使用的情况下应该优先使用.end()

推荐:

$('.myDiv').find('.span1').text('1')

.end().find('.span2').text('2');

.end().find('.span3').text('3');

.end().find('.span4').text('4');

注释规范:

在描写注释时,达内广州web培训推荐格式化且统一的注释风格,在写注释时尽量描述写代码时的思路,而不是代码做了什么。

不推荐:

//获取订单

function getOrderByID(id){

var order;

//...

return order;

}

方法的注释应该统一用块级注释

推荐:

/**

*根据订单id获取订单详细数据

* @param  {[number]} id [订单ID]

* @return {[order]}    [订单详细信息]

*/

function getOrderByID(id){

var order;

//...

return order;

}

上一篇:JS语句块内的函数声明代码书写规范
下一篇:达内广州web培训详解浏览器端缓存

马上预约三天免费体验课

姓名:

电话:

你需要了解的搜索功能

达内广州web培训详解http缓存和cookie

达内广州web培训详解缓存Websql

达内广州web培训详解缓存indexDB

选择城市和中心
贵州省

广西省

海南省