火狐插件代码审计笔记（1）

getBoundingClientReact().top/.bottom/.right/.left
获取距离顶部的具体数值

创建节点步骤
1.let node = document.createElement("Li"); \\创建节点 LI是标签<li></li>
2.let textnode = document.createTextNode("haha"); \\创建文本节点
3.node.appendChild(textnode); \\把文本节点追加进节点
4.document.getElementById("myList").appendChild(node); \\把节点附上父节点<ul id="myList"></ul>

<style>
.change{width:50px;height:50px;padding:20px,30px \\内间距;border:1px solid blue; \\边框
background-color:yellow;color:white \\字颜色;front-size:15;text-transform:uppercase; \\字的样式——大写
text-align:center}
</style>
<script>
document.getElementById("myList").classList.add("change") \\classList是添加css类的意思
</script>

<style>
td.bb{background-color:red}
</style>
<tr>
<td>222</td><td>333</td><td>444</td>
</tr>
//横着排
</table>

chrome.extension.getURL(path) \\获取本地资源

<p id="myList"></p>
<script>
localStorage.setItem("1","Tom"); \\设置储存
document.getElementById("myList").innerHTML = localStorage.getItem("1"); \\读取储存
</script>

str.charCodeAt(i).toString(16) \\把i的字符转换成unicode，然后toString是转换成16进制

fromCharCode() \\将unicode转换成字符