前航項目bug總結(jié)

寫本地存儲功能localstorage

window.onbeforeunload = () => {
//localStorage只能存儲字符串购笆,所以先把hashMap轉(zhuǎn)化為字符串,運用到的API是 JSON.stringify()
const string = JSON.stringify(hashMap);
//localStorage是個全局變量
localStorage.setItem("x", string); //在本地的存儲里面設(shè)置一個x谬以,里面存放這個字符串
};

需要注意的是:localStorage只能存儲字符串,hashmap是一個數(shù)組由桌,存儲時需要將其轉(zhuǎn)化為字符串为黎,這里面用到的API是 JSON.stringify()序列化
讀出來的時候需要將其恢復(fù)成對象

const x = localStorage.getItem("x");
const xObject = JSON.parse(x);

用到JSON.parse()反序列化

監(jiān)聽

在寫鍵盤監(jiān)聽事件的時候出現(xiàn)的bug是,在搜索框輸入英文依然會觸發(fā)事件跳轉(zhuǎn)行您,所以需要在搜索框處寫上一個阻止事件冒泡铭乾,使其不會觸發(fā)該事件

$(document).on("keypress", (e) => {
const { key } = e;
console.log(key);
for (let i = 0; i < hashMap.length; i++) {
if (hashMap[i].logo.toLowerCase() === key) {
window.open(hashMap[i].url);
}
}
});
$input.on("keypress", (e) => {
e.stopPropagation();
});

一些API

一些API
window.prompt("請問你要添加的網(wǎng)址是什么"); //用prompt這個全局方法來問用戶
toLowerCase()小寫
toUpperCase()大寫

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市娃循,隨后出現(xiàn)的幾起案子炕檩,更是在濱河造成了極大的恐慌,老刑警劉巖捌斧,帶你破解...
    沈念sama閱讀 222,729評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件笛质,死亡現(xiàn)場離奇詭異,居然都是意外死亡捞蚂,警方通過查閱死者的電腦和手機妇押,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,226評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來姓迅,“玉大人敲霍,你說我怎么就攤上這事《〈妫” “怎么了肩杈?”我有些...
    開封第一講書人閱讀 169,461評論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長解寝。 經(jīng)常有香客問我扩然,道長,這世上最難降的妖魔是什么聋伦? 我笑而不...
    開封第一講書人閱讀 60,135評論 1 300
  • 正文 為了忘掉前任夫偶,我火速辦了婚禮,結(jié)果婚禮上嘉抓,老公的妹妹穿的比我還像新娘索守。我一直安慰自己晕窑,他們只是感情好抑片,可當(dāng)我...
    茶點故事閱讀 69,130評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著杨赤,像睡著了一般敞斋。 火紅的嫁衣襯著肌膚如雪截汪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,736評論 1 312
  • 那天植捎,我揣著相機與錄音衙解,去河邊找鬼。 笑死焰枢,一個胖子當(dāng)著我的面吹牛蚓峦,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播济锄,決...
    沈念sama閱讀 41,179評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼暑椰,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了荐绝?” 一聲冷哼從身側(cè)響起一汽,我...
    開封第一講書人閱讀 40,124評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎低滩,沒想到半個月后召夹,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,657評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡恕沫,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,723評論 3 342
  • 正文 我和宋清朗相戀三年监憎,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片婶溯。...
    茶點故事閱讀 40,872評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡枫虏,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出爬虱,到底是詐尸還是另有隱情隶债,我是刑警寧澤,帶...
    沈念sama閱讀 36,533評論 5 351
  • 正文 年R本政府宣布跑筝,位于F島的核電站死讹,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏曲梗。R本人自食惡果不足惜赞警,卻給世界環(huán)境...
    茶點故事閱讀 42,213評論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望虏两。 院中可真熱鬧愧旦,春花似錦、人聲如沸定罢。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,700評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至琼蚯,卻和暖如春酬凳,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背遭庶。 一陣腳步聲響...
    開封第一講書人閱讀 33,819評論 1 274
  • 我被黑心中介騙來泰國打工宁仔, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人峦睡。 一個月前我還...
    沈念sama閱讀 49,304評論 3 379
  • 正文 我出身青樓翎苫,卻偏偏與公主長得像,于是被迫代替她去往敵國和親榨了。 傳聞我的和親對象是個殘疾皇子拉队,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,876評論 2 361

推薦閱讀更多精彩內(nèi)容