web APIs day6--JS執(zhí)行機(jī)制骤宣、本地存儲

window對象

內(nèi)置的JS全局對象(頂級對象)
console.log() alert()
DOM 知識點 document
BOM location navigator
window 可以省略不寫

延時器

延時一段時間再來執(zhí)行
語法 let timerId = setTimeout(函數(shù)茫打,延時時間)
關(guān)閉 clearTimeout(timerId)

和定時器區(qū)別
定時器 每間隔一段時間就來執(zhí)行, 執(zhí)行n次(除非關(guān)閉)
延時器 延時一段時間來執(zhí)行,執(zhí)行1次

JS執(zhí)行機(jī)制

JS是門單線程的編程語言 同一時間只能做一件事情
JS 分成同步 + 異步
1.同步
console.log()
for循環(huán)

2.異步
注冊事件 box.addEventListener('click', function(){})
延時器 定時器
后期 Ajax

1.JS遇到同步任務(wù)會按照書寫順序去依次執(zhí)行
2.遇到異步任務(wù)咆课,會交給瀏覽器棍厂,當(dāng)異步任務(wù)需要執(zhí)行的時候颗味,瀏覽器會把異步任務(wù)對應(yīng)的回調(diào)函數(shù)放到任務(wù)隊列中
3.一旦當(dāng)JS主線程執(zhí)行了所有同步任務(wù),去任務(wù)隊列中來查看是否有需要執(zhí)行的異步任務(wù)牺弹,取出對應(yīng)回調(diào)函數(shù)來執(zhí)行 (事件循環(huán) Event Loop)


微信截圖_20220505193303.png

location對象

1.地址欄有關(guān)
2.href屬性:
獲取到完整的url地址
設(shè)置浦马,起到頁面跳轉(zhuǎn)作用
3.search屬性
獲取到查詢字符串 ?后面內(nèi)容
4.hash 屬性
哈希值 獲取#后面
5.reload 方法
刷新頁面

其他BOM對象

navigator對象
userAgent 用戶的瀏覽器信息
history對象:
back() 后退一個歷史記錄
forward() 前進(jìn)一個歷史記錄

swiper插件 官網(wǎng): https://www.swiper.com.cn/

本地存儲

localStorage
永久存儲,除非手動刪除
存:localStorage.setItem('鍵', '值')
日牌:localStorage.getItem('鍵')
刪:localStorage.removeItem('鍵')

存復(fù)雜數(shù)據(jù)類型

把復(fù)雜數(shù)據(jù)轉(zhuǎn)換成JSON字符串 JSON.stringify ()
localStorage.setItem('data', JSON.stringify(復(fù)雜數(shù)據(jù)))

取出來的是JSON字符串晶默,解析得到復(fù)雜數(shù)據(jù) JSON.parse()
JSON.parse(localStorage.getItem('data'))

sessionStorage 了解

生命周期(關(guān)閉頁面或關(guān)閉瀏覽器,存儲的數(shù)據(jù)就沒有了)
使用方式同localStorage

自定義屬性

固有屬性: 標(biāo)簽自帶的屬性(src href id ...)
自定義屬性:自己定義的屬性(作用:可以在標(biāo)簽上存數(shù)據(jù))

操作自定義屬性航攒,需要有額外方法來操作磺陡,了解即可
getAttribute() 獲取
setAttribute() 設(shè)置
removeAttribute() 移出

推薦的規(guī)范做法
在標(biāo)簽,通過data- 開頭來表示自定義 data-index data-num
在JS中,通過dataset屬性來操作:
1.元素.dataset // 得到一個對象 {index: 值币他, num: 值}
2.元素.dataset.index 就可以獲取自定義屬性 data-index的值

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末坞靶,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子圆丹,更是在濱河造成了極大的恐慌滩愁,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,122評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件辫封,死亡現(xiàn)場離奇詭異硝枉,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)倦微,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,070評論 3 395
  • 文/潘曉璐 我一進(jìn)店門妻味,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人欣福,你說我怎么就攤上這事责球。” “怎么了拓劝?”我有些...
    開封第一講書人閱讀 164,491評論 0 354
  • 文/不壞的土叔 我叫張陵雏逾,是天一觀的道長。 經(jīng)常有香客問我郑临,道長栖博,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,636評論 1 293
  • 正文 為了忘掉前任厢洞,我火速辦了婚禮仇让,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘躺翻。我一直安慰自己丧叽,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,676評論 6 392
  • 文/花漫 我一把揭開白布公你。 她就那樣靜靜地躺著踊淳,像睡著了一般。 火紅的嫁衣襯著肌膚如雪陕靠。 梳的紋絲不亂的頭發(fā)上迂尝,一...
    開封第一講書人閱讀 51,541評論 1 305
  • 那天,我揣著相機(jī)與錄音懦傍,去河邊找鬼。 笑死芦劣,一個胖子當(dāng)著我的面吹牛粗俱,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播虚吟,決...
    沈念sama閱讀 40,292評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼寸认,長吁一口氣:“原來是場噩夢啊……” “哼签财!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起偏塞,我...
    開封第一講書人閱讀 39,211評論 0 276
  • 序言:老撾萬榮一對情侶失蹤唱蒸,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后灸叼,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體神汹,經(jīng)...
    沈念sama閱讀 45,655評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,846評論 3 336
  • 正文 我和宋清朗相戀三年古今,在試婚紗的時候發(fā)現(xiàn)自己被綠了屁魏。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,965評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡捉腥,死狀恐怖氓拼,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情抵碟,我是刑警寧澤桃漾,帶...
    沈念sama閱讀 35,684評論 5 347
  • 正文 年R本政府宣布,位于F島的核電站拟逮,受9級特大地震影響撬统,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜唱歧,卻給世界環(huán)境...
    茶點故事閱讀 41,295評論 3 329
  • 文/蒙蒙 一宪摧、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧颅崩,春花似錦几于、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,894評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至尖滚,卻和暖如春喉刘,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背漆弄。 一陣腳步聲響...
    開封第一講書人閱讀 33,012評論 1 269
  • 我被黑心中介騙來泰國打工睦裳, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人撼唾。 一個月前我還...
    沈念sama閱讀 48,126評論 3 370
  • 正文 我出身青樓廉邑,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子蛛蒙,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,914評論 2 355

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