本篇LIST
1.項目預覽地址： 項目預覽地址
2.項目完成效果：
3.HTML布局拆分
1. tip提示部分
2. title標題部分
3.搜索欄部分
找的是codepen上現成的搜索框樣式，包含搜索框展開收縮的特效。
4.鍵盤錄入部分
找的是codepen上的現成的3d鍵盤樣式，當點擊實際鍵盤上對應的按鍵時，品目上的鍵盤會按下。
5.整體頁面背景部分
找的是google導航的也頁面背景。
6.添加網站的彈出框部分
找的是codepen上現成的彈出框樣式，少加修改。
4. CSS結構拆分
主要是現成的樣式，tip提示消息的樣式是自己寫的，但是功能不夠完善。
5.JS主要邏輯功能的拆分
1.JS用了jquery這個js的第三方庫，來簡化代碼的書寫。
2.主要的代碼邏輯
6.項目缺陷
無法准確的獲取添加網站的icon圖標，無法找到合適的api。