博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript实践心得
阅读量:5174 次
发布时间:2019-06-13

本文共 1038 字,大约阅读时间需要 3 分钟。

1、传入参数时要考虑可不可以有默认的情况,比如传入节点默认为document、传入url默认为当前页面url。

2、多个变量只用一个var语句声明;初始化对象时,使用对象字面量的形式。

3、一旦需要更新DOM,不要在循环中将每个元素都插入到文档;通过document.createDocumentFragment()来构建文档片段,在循环外将这个列表添加到文档。

4、将在一个函数中会用到多次的全局对象存储为局部变量。多次用到的对象属性,也应该将其存储为局部变量。

5、避免全局变量和函数,可以创建一个包含它们的对象;避免覆盖全局属性和方法、更方便的检查代码的问题。使用命名空间的使用能确保代码之间的共存。

6、避免与null进行比较,应该使用instanceof 或者 typeof 来更确切地检查类型。

7、最小化访问HTMLCollection对象的次数,当要访问它们的属性或长度时,先定义一个变量存储它们,以下情况会放回HTMLCollection对象:

  A、进行对getElementByTagName()的调用;     B、获取元素的childNodes、attributes的属性

  C、访问了特殊集合、比如document.forms 、 document.images。

8、当要多次用到一个JavaScript未定义的通用操作函数时,可以用已有方法有封装。比如addClass(element, value)、insertAfter(newElement, targetElement)等。

9、document.documentElement.clientWidth(height) || document.body.clientWidth(height)浏览器视口宽度和高度

  clientWidth可见区域的宽度,不包括boder的宽度,如果区域内带有滚动条,还应该减去横向滚动条不可用的高度。

10、div.offsetWidth(height)  div的总宽度和高度。 width + border + padding。

11、div.removeAttribute('style')可以去除用div.style添加的样式。

12、querySelect()、querySelectAll() 中的CSS选择器是独立于整个页面的!

转载于:https://www.cnblogs.com/chenzechuang/p/6613861.html

你可能感兴趣的文章
Swift———a Glance(极客学院)笔记
查看>>
【poj3294-不小于k个字符串中最长公共子串】后缀数组
查看>>
java如何获取其它用户登录的真是IP地址
查看>>
Jquery通过指定层次关系获取元素
查看>>
c# for 和 foreach 的区别
查看>>
docfx (一)
查看>>
HashMap底层实现原理/HashMap与HashTable区别/HashMap与HashSet区别
查看>>
深度学习之前馈神经网络(前向传播和误差反向传播)
查看>>
IEnumerable<T>和IQueryable<T>区别
查看>>
(转)MFC界面风格
查看>>
Centos7 tmux1.6 安装
查看>>
二叉树(三)
查看>>
linux加密文件系统 fsck 无法修复一例
查看>>
【linux配置】VMware安装Redhat6.5
查看>>
AI自主决策——有限状态机
查看>>
《http权威指南》阅读笔记(二)
查看>>
软件工程
查看>>
http协议
查看>>
js替换问题replace和replaceAll
查看>>
c++11 : range-based for loop
查看>>