本文主要是介绍前端杂碎知识小结，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
1、script块最合适的放置位置在body后
2、结构上和input成对出现，常用：
<label>
用户名：
<input type="text">
</label>
在点击用户名的时候，input自动获取焦点（或者：label for=“input的name值”）
3、向节点中添加文本
1）lis.innerHTML = text;
2) lis.appendChild(document.createTextNode(text));（更严谨）
4、
var list = document.getElementById("list");
list.appendChild();
把节点赋给变量的好处：因为getElementById是一个方法，得出的结果赋给一个变量，不用再次查找，浪费资源。变量本地化，节省操作次数的优化作用
jquery操作一定要做变量本地化（因为$()的功能强大，但是效率不高）
5、给具有交互功能的标签做事件，（a,...）
6、给元素注册事件，多用addEventListener(‘click’,function(){})，和.οnclick=function(){} 比，好处是onclick是赋给变量的形式，而且只可以绑定一个事件，addEventListener()可以监听多个事件
7、在浏览器的控制台（F12）中，
document.body(得到body元素)
document.body.contentEditable =true;(网页处于可编辑状态或者在网页地址栏中输入 data:text/html,<html contenteditable/> 可直接渲染出一个空白可编辑页面)
8、data-() :自定义属性，与DOM对象强关联的数据，
<li data-id="1" data-age="19" data-gender="true">zhangsan</li>
这篇关于前端杂碎知识小结的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
