盘点前端开发中那些用得少却很实用的功能
盘点一下前端开发中那些很少用到但是很实用的函数JS的DOM创建节点很多的时候，在向DOM树添加节点的时候，需要一个一个渲染节点，这样当节点数量多的时候较大，会影响浏览器的渲染效率。这时候我们将创建的所有节点都放在DocumentFragment节点中，然后插入到DOM中，只需要完成一次渲染就可以达到之前多次渲染的效果。当一个DocumentFragment节点被插入到文档树中时，它不是DocumentFragment本身，而是它的所有后代。这使得DocumentFragment成为一个有用的占位符，用于临时存储一次插入到文档中的节点，类似于vue中的模板。//为了提高效率createElement3.src属性中的数据：伪协议数据表示得到的数据的协议名称，image/png为数据类型名称，base64为数据的编码方式，逗号后为image/png文件的base64编码数据。目的是将一些小数据，比如小头像、小图标等编码后直接嵌入到网页中，不需要从外部文件加载。4、HTML5中的data-*自定义属性大家都知道html标签可以自定义属性，通过getAttribute/setAttribute方法读写自定义属性，但是自定义属性的混乱和非托管让HTML5下定决心data-*方法是引入来管理自定义属性，它自带一套读写方法。//读取点击这里
vartest=document.getElementById('test')console.log(test.dataset.age)//24//写
点击这里 vartest=document.getElementById('test')test.dataset.age=18console.log(test.dataset.age)//18以上操作完全可以用getAttribute/setAttribute代替。数据集的内容只是属性的一个子集。最大的好处是我们可以管理数据集对象中的所有自定义属性。5、input输入框的type="hidden"属性的隐藏字段在页面上对用户是不可见的。在表单中插入隐藏字段的目的是收集或发送信息，以供处理表单的程序使用。当查看者点击发送按钮发送表单时，隐藏字段的信息也一起发送到服务器。在发送cookies、token等认证信息时，不会出现浏览器不支持而用户禁用cookies的麻烦。<持续更新中...>
