资讯专栏INFORMATION COLUMN

前端(js html)小知识点

jas0n / 1161人阅读

摘要:当我们给标签设置标签自身未定义的属性的时候,我们需要使用同样我们取的时候也需要使用。一种方法是我们刻意拼接字符串。配合使用上面两种方法不是都含有,可以使用查看含有上面的哪些方法

javaScript

当我们给标签设置标签自身未定义的属性的时候,我们需要使用setAttribute,同样我们取的时候也需要使用getAttribute

当我们添加img的时候,一般来说,不要在我们创建img并指定src后立马添加到页面中,这样会出现图片部分加载,而是我们应该使用imgonload,等待图片加载完毕,再将图片添加到页面中去

var ele = document.getElementById("xxx")
var domImg = new Img()
Img.src = xxxxx
Img.onload = function () {
    ele.appendChild(domImg)
}

文档碎片(当向文档添加很多个节点的时候,如果每次创建的时候都向页面添加,那么添加多少次,浏览就就会渲染多少次,影响性能。一种方法是我们刻意拼接字符串。另一种我们也可以创建一个div,往里面添加我们的节点,添加完成之后再一次性添加到页面中,这样就只重新渲染一次,但是这样我们像页面添加了不必要的标签。还有一个方法就是使用文档碎片document.createDocumentFragment,来代替div,这个碎片在页面中不多出来一层DOM结构)

对于像含有src属性的ele(img script ... ,虽然document没有src属性,但是含有下面两个方法都含有),当我们使用js动态添加的时候,判断该标签加载完毕,一般有两种方法.

ele.onload。

ele.onreadystatechange配合ele.readystate使用.

上面两种方法不是都含有,可以使用ele.__proto__查看含有上面的哪些方法

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/52962.html

相关文章

  • 前端资源系列(4)-前端学习资源分享&前端面试资源汇总

    摘要:特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 本以为自己收藏的站点多,可以很快搞定,没想到一入汇总深似海。还有很多不足&遗漏的地方,欢迎补充。有错误的地方,还请斧正... 托管: welcome to git,欢迎交流,感谢star 有好友反应和斧正,会及时更新,平时业务工作时也会不定期更...

    princekin 评论0 收藏0
  • 前端(js html)识点

    摘要:当我们给标签设置标签自身未定义的属性的时候,我们需要使用同样我们取的时候也需要使用。一种方法是我们刻意拼接字符串。配合使用上面两种方法不是都含有,可以使用查看含有上面的哪些方法 javaScript 当我们给标签设置标签自身未定义的属性的时候,我们需要使用setAttribute,同样我们取的时候也需要使用getAttribute。 当我们添加img的时候,一般来说,不要在我们创建i...

    codeKK 评论0 收藏0
  • 光光谈前端

    摘要:这个问题应该是百度或者知乎都能知道答案的,以上是自己亲身学习的一些途径方便少走一点弯路入门。 问题1:前端的学习路线 基础的html,css,js,推荐慕课网免费课程:前端工程师路径,极客学院免费课程:前端工程师路径 大概刷过就可以了,不用死记硬背某个知识点,css跟js还需要加深学习的,在实战过程中不懂就去查文档 基础的ps切图能力 慕课网ps基础课程 拥有自己的虚拟主机 传送...

    canopus4u 评论0 收藏0
  • 光光谈前端

    摘要:这个问题应该是百度或者知乎都能知道答案的,以上是自己亲身学习的一些途径方便少走一点弯路入门。 问题1:前端的学习路线 基础的html,css,js,推荐慕课网免费课程:前端工程师路径,极客学院免费课程:前端工程师路径 大概刷过就可以了,不用死记硬背某个知识点,css跟js还需要加深学习的,在实战过程中不懂就去查文档 基础的ps切图能力 慕课网ps基础课程 拥有自己的虚拟主机 传送...

    shiguibiao 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<