国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

a標(biāo)簽的默認(rèn)事件和腳本事件的執(zhí)行順序

morgan / 2123人閱讀

摘要：于是我在想，那么這段代碼和腳本代碼結(jié)合起來到底有沒有效果呢我自己做了個實(shí)驗(yàn)了一下。好了，這些可以很好的幫助我們看看腳本的監(jiān)聽事件和里的事件執(zhí)行順序是如何的。

最近看到朋友圈的一位朋友圈發(fā)了一個技術(shù)的段子，朋友圈的大概內(nèi)容已被友人刪掉，找不回原圖，段子大概如下：

清空

底下的評論都在開噴說，那是他們看過最屌的代碼，嘲笑說公司外包人員寫的代碼的質(zhì)量。

于是我在想，那么這段代碼和腳本代碼結(jié)合起來到底有沒有效果呢？我自己做了個demo實(shí)驗(yàn)了一下。



    click

好了，這些log可以很好的幫助我們看看腳本的監(jiān)聽click事件和href里的事件執(zhí)行順序是如何的。

第一步：三個console.log(),是同步事件

第二步：fetch是一個異步事件，由于跨域問題，直接打印失敗的代碼log（‘4’）

第三步：在fetch這個異步里面，故意alert一個阻塞住它

第四步：最后執(zhí)行默認(rèn)的事件

最后控制臺輸出如下：

所以就算是在href中直接寫默認(rèn)事件是如何執(zhí)行的，并不一定是假彈窗在朋友圈例子中，有可能在腳本里面執(zhí)行了其他代碼，最后才執(zhí)行默認(rèn)事件。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/83948.html

相關(guān)文章

  • script標(biāo)簽與event loop在W3C規(guī)范及瀏覽器中的表現(xiàn)

    摘要：瀏覽器推遲事件直到所有的腳本都處于狀態(tài)。解析器將處理執(zhí)行這個腳本。創(chuàng)建這個腳本的解析器的文檔有正在阻塞腳本執(zhí)行腳本元素為等待解析阻塞的腳本的狀態(tài)，同一時刻只能有一個這樣的腳本存在。解析器將一個或多個字符轉(zhuǎn)換為表并處理，這個過程是一個典型的。 前言 本文主要對W3C規(guī)范中關(guān)于script標(biāo)簽和event loop相關(guān)的篇幅做了簡單的探討，針對一些必要的相關(guān)概念進(jìn)行了適當(dāng)?shù)臉?biāo)注和說明。雖然...

    codergarden 評論0 收藏0

  • script標(biāo)簽與event loop在W3C規(guī)范及瀏覽器中的表現(xiàn)

    摘要：瀏覽器推遲事件直到所有的腳本都處于狀態(tài)。解析器將處理執(zhí)行這個腳本。創(chuàng)建這個腳本的解析器的文檔有正在阻塞腳本執(zhí)行腳本元素為等待解析阻塞的腳本的狀態(tài)，同一時刻只能有一個這樣的腳本存在。解析器將一個或多個字符轉(zhuǎn)換為表并處理，這個過程是一個典型的。 前言 本文主要對W3C規(guī)范中關(guān)于script標(biāo)簽和event loop相關(guān)的篇幅做了簡單的探討，針對一些必要的相關(guān)概念進(jìn)行了適當(dāng)?shù)臉?biāo)注和說明。雖然...

    AlphaWatch 評論0 收藏0

  • 前端學(xué)習(xí)筆記（CSS、JS基礎(chǔ)篇）

    摘要：搜索引擎中有一個爬蟲模塊，在頁面中使用諸如等強(qiáng)調(diào)式的標(biāo)簽，有利于，說白了就是有利于被搜索到。定位相對定位不影響元素本身特性不使元素脫離文檔流。定時器如果是由事件控制的，要先關(guān)再開，避免多次觸發(fā)而混亂。 CSS篇 注意：css注釋使用/ /，而不是或者//，否則很容易導(dǎo)致不明錯誤！！！ div padding：內(nèi)邊距。盒子內(nèi)容與盒子邊框的距離設(shè)置，相當(dāng)于給盒子加了厚度，使用此屬性后會改...

    caikeal 評論0 收藏0

  • 前端學(xué)習(xí)筆記（CSS、JS基礎(chǔ)篇）

    摘要：搜索引擎中有一個爬蟲模塊，在頁面中使用諸如等強(qiáng)調(diào)式的標(biāo)簽，有利于，說白了就是有利于被搜索到。定位相對定位不影響元素本身特性不使元素脫離文檔流。定時器如果是由事件控制的，要先關(guān)再開，避免多次觸發(fā)而混亂。 CSS篇 注意：css注釋使用/ /，而不是或者//，否則很容易導(dǎo)致不明錯誤！！！ div padding：內(nèi)邊距。盒子內(nèi)容與盒子邊框的距離設(shè)置，相當(dāng)于給盒子加了厚度，使用此屬性后會改...

    xietao3 評論0 收藏0

  • 前端性能優(yōu)化總結(jié)

    摘要：原則多使用內(nèi)存，緩存或者其他方法減少計算，減少網(wǎng)絡(luò)請求減少操作硬盤讀寫加載資源優(yōu)化靜態(tài)資源的合并和壓縮。操作事件節(jié)流主要用于觸發(fā)頻率較高的事件，設(shè)定一個緩沖觸發(fā)事件。 1.原則 多使用內(nèi)存，緩存或者其他方法 減少CPU計算，減少網(wǎng)絡(luò)請求 減少IO操作（硬盤讀寫） 2.加載資源優(yōu)化 靜態(tài)資源的合并和壓縮。 靜態(tài)資源緩存（瀏覽器緩存策略）。 使用CDN讓靜態(tài)資源加載更快。 3. 渲染優(yōu)化 ...

    1treeS 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<