前端(js html)小知识点

codeKK 发布于2019-08-23 11:39 / 343人阅读

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

javaScript

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

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

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__查看含有上面的哪些方法

云服务器 GPU云服务器 html前端知识前端 html js 前端html调用js 前端知识

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

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

前端资源系列（4）-前端学习资源分享&前端面试资源汇总

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

princekin 2019-08-20 11:28 评论0 收藏0
前端(js html)小知识点

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

jas0n 2019-08-02 11:24 评论0 收藏0
小光光谈前端

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

canopus4u 2019-08-29 16:10 评论0 收藏0
小光光谈前端

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

shiguibiao 2019-08-23 10:26 评论0 收藏0