第十四屆藍(lán)橋杯(Web 應(yīng)用開(kāi)發(fā))模擬賽 3 期-大學(xué)組
1.【真題練習(xí)】網(wǎng)頁(yè) PPT
2.【真題練習(xí)】西游記之西天取經(jīng)
考察CSS3動(dòng)畫(huà)屬性,題目中說(shuō)動(dòng)畫(huà)只動(dòng)一次就會(huì)停下來(lái),這明顯是沒(méi)有設(shè)置動(dòng)畫(huà)的animation-iteration-count(動(dòng)畫(huà)執(zhí)行次數(shù))導(dǎo)致的,所以想要讓動(dòng)畫(huà)無(wú)限循環(huán)起來(lái),只需要為每個(gè)animation復(fù)合屬性添加infinite(無(wú)限循環(huán))即可:
3.【真題練習(xí)】商品銷(xiāo)量和銷(xiāo)售額實(shí)時(shí)展示看板
Object的values方法
4.【真題練習(xí)】藍(lán)橋校園一卡通
正則表達(dá)式
5.【真題練習(xí)】會(huì)員權(quán)益領(lǐng)取中心
解法一:
html部分
css部分
解法二:
html部分
css部分
6.【真題練習(xí)】心愿便利貼
element-ui 表單驗(yàn)證
7.【真題練習(xí)】消失的 Token
Vuex 相關(guān)知識(shí)
8.【真題練習(xí)】封裝 Promisefy 函數(shù)
promisefy 函數(shù)的作用是將一個(gè)接受回調(diào)函數(shù)作為參數(shù)的函數(shù)轉(zhuǎn)化為返回一個(gè) Promise 對(duì)象的函數(shù)。在 promisefy 函數(shù)內(nèi)部,我們可以利用 ES6 中的剩余參數(shù)語(yǔ)法來(lái)收集傳遞給原始函數(shù)的參數(shù),然后使用一個(gè) Promise 對(duì)象來(lái)包裝原始函數(shù)的調(diào)用,并在回調(diào)函數(shù)中處理 resolve 和 reject 的邏輯。
具體而言,我們可以通過(guò) promisefy 函數(shù)返回的閉包來(lái)將原始函數(shù) fn 與封裝后的函數(shù) promisefiedFn 綁定在一起。promisefiedFn 函數(shù)使用了箭頭函數(shù)的寫(xiě)法,這是因?yàn)榧^函數(shù)中的 this 關(guān)鍵字不會(huì)被綁定到任何對(duì)象上,而是繼承了其所在作用域的 this 值。這使得我們可以方便地在 promisefiedFn 函數(shù)中訪問(wèn)到 fn 函數(shù)。
在 promisefiedFn 函數(shù)中,我們首先使用了 Promise 對(duì)象來(lái)包裝原始函數(shù)的調(diào)用,并使用 resolve 和 reject 函數(shù)來(lái)處理成功和失敗的情況。當(dāng)原始函數(shù)中的回調(diào)函數(shù)被調(diào)用時(shí),我們根據(jù)其傳遞的 err 和 data 參數(shù)來(lái)決定是調(diào)用 resolve 函數(shù)還是 reject 函數(shù)。
9.【真題練習(xí)】趣購(gòu)
未完待續(xù)
10.【真題練習(xí)】分頁(yè)組件
未完待續(xù)