1、给DOM对象添加的属性是一个对象的引用。
范例:
var MyObject = {}
document.getElementById('myDiv').myProp = MyObject
解决方法:
在window.onunload事件中写上: document.getElementById('myDiv').myProp = null
2、DOM对象与JS对象相互引用。
范例:
function Encapsulator(element) {undefined
this.elementReference = element
element.myProp = this
}
new Encapsulator(document.getElementById('myDiv'))
解决方法:
在onunload事件中写上: document.getElementById('myDiv').myProp = null
3、给DOM对象用attachEvent绑定事件。
范例:
function doClick() {}
element.attachEvent("onclick", doClick)
解决方法:
在onunload事件中写上: element.detachEvent('onclick', doClick)
4、从外到内执行appendChild。这时即使调用removeChild也无法释放。范例:
var parentDiv = document.createElement("div")
var childDiv = document.createElement("div")
document.body.appendChild(parentDiv)
parentDiv.appendChild(childDiv)
解决方法:
从内到外执行appendChild:
var parentDiv = document.createElement("div")
var childDiv = document.createElement("div")
parentDiv.appendChild(childDiv)
document.body.appendChild(parentDiv)
5、反复重写同一个属性会造成内存大量占用(但关闭IE后内存会被释放)。
范例:
for(i = 0i hostElement.text = "asdfasdfasdf"
}
这种方式相当于定义了5000个属性!
你给的网页用的是 <input accept="image/*" type="file">,在IOS端点击时会提示选择图片或相机,安卓端要看浏览器对这两个属性的优化,部分浏览器会直接跳转到资源管理器,优化做得好的可以直接提示选择相册或相机。
移动设备和桌面电脑上的客户端API起初并不是同步的。最初总是移动设备上先拥有某些功能和相应的API,但慢慢的,这些API会出现在桌面电脑上。其中一个应用接口技术就是getUserMedia API,它能让应用开发者访问用户的摄像头或内置相机。