1迂卢、先建好哈希表存好信息
2、然后js用createElement,appendChild,textContent把信息加好到HTML里面
3状答、然后監(jiān)聽鍵盤事件
document.onkeypress=function (dd){
在dd里面找到我們要的發(fā)生的某個信息冷守，即我們按的是那個鍵
}
4、網(wǎng)址可以修改
注意buttonx這里是個容器惊科，不能用它獲得本次鼠標(biāo)點擊信息
buttonx.onclick=function（ss）{
ss.target//我才是真正的現(xiàn)取現(xiàn)用
}
5拍摇、修改就算刷新了也保存
localStorage
6、美化css
className=‘xxx’
xxx在css寫好
background:linear-gradient(to bottom,red 0%馆截，black 100%)充活；
border-radius：蜂莉。。混卵。
box-shadow：這里有幾層
main{
height:100vh;//viewport height,視口高度一樣高
}
rgba（255映穗，255，255幕随，0.2）透明白
7蚁滋、帶好網(wǎng)頁標(biāo)識小圖
對應(yīng)網(wǎng)頁下取/favicon.ico
if(hash[row[index2]]){
img.src='http://'+hash[row[index2]]+'/favicon.ico'
}else{
img.src='圖床上面上傳一個小圖片'
}
img.onerror=function(s){
s.target.src='http://'+hash[row[index2]]+'/favicon.ico'
}
8、能編輯網(wǎng)址赘淮，也要加上修改小圖片的功能
button標(biāo)簽的內(nèi)容修改引起了img的修改辕录，而img是button的哥哥標(biāo)簽起胰，怎么找哥哥吶今艺，谷歌js get prev brother，發(fā)現(xiàn)用
img2 = button2.previousSibling
9够滑、封裝讓代碼更美觀
初始化數(shù)據(jù)蛤高，生成鍵盤蚣旱，監(jiān)聽鍵盤
