每日思考(2020 03 07)

2022-07-26 16:57:12 字數 1000 閱讀 4252

src、href、link的區別是什麼?

當瀏覽器解析到該元素時,會暫停瀏覽器的渲染,直到該資源載入完畢。這也是將js指令碼放在底部而不是頭部得原因

link和@import的區別

用css畫乙個太陽

// css

.sun

// 光線的寬高據 sun-body 而動

.sun-light

.sl1

.sl2

.sl3

.sl4

.sl5

.sl6

.sl7

.sl8

實現乙個flattendeep函式,把多維陣列扁平化
// 多維陣列扁平化 

var arr=[1,2,[3,4,[5,6,7]],9,[10,11]]

// 方法一 迴圈陣列+遞迴呼叫

function steamroller (arr)

return arr

}console.log(steamroller2(arr))

// 方法三 reduce方法

// 當陣列中還有陣列的話,遞迴呼叫steamroller3扁平函式(利用reduce扁平), 用concat連線,最終返回arr.reduce的返回值;

function steamroller3(arr),)

}console.log(steamroller3(arr))

// 方法四 es6 展開運算子

// 利用arr.some判斷當陣列中還有陣列的話,遞迴呼叫flatten扁平函式(利用es6展開運算子扁平), 用concat連線,最終返回arr;

function steamroller4(arr)

return arr

}console.log(steamroller4(arr))

每日思考(2020 07 14)

對html5的img標籤屬性srcset和sizes的理解 sizes 規定了在不同條件下的尺寸取值,根據尺寸取值從srcset中找到對應的src 配合srcset屬性才能使用 如果沒有設定srcset屬性,或者沒值,那麼sizes屬性也將不起作用 參考文件 響應式srcset全新釋義sizes屬性...

每日思考(2020 07 11)

在a標籤上的四個偽類書寫順序是什麼?對 important的理解,一般在哪些場景使用?寫乙個方法隨機生成指定位數的字串 getrandomstring 隨機生成指定位數的字串 param length 字串 return function getrandomstring length str get...

每日思考(2020 08 20)

ol和ul標籤的區別 css的overflow屬性定義溢位元素內容區的內容會如何處理 寫個方法隨機打亂乙個陣列 隨機交換 function shuffle arr return arr shuffle 1,2,3,4,5,6,7,8,9,10 6,4,1,8,5,2,10,9,3,7 or else...