80 必被用到的前端知識點

1.css 一行文字超出…

overflow: hidden;

text-overflow:ellipsis;
white-space: nowrap;

display:

-webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:3;
overflow: hidden;

div

div

display-none: 元素不存在，從 dom 中刪除

opacity-0: 元素透明度將為 0，但元素仍然存在，繫結的事件仍舊有效仍可觸發執行。
visibility-hidden：元素隱藏，但元素仍舊存在，頁面中無法觸發該元素的事件。

color: transparent;

background: linear-
gradient(to
right
, #2edddb, #15bc98)
;-webkit-background-clip: text;

letter-spacing:

12px;

let str = math.random().tostring(36).substr(2, 10)

console.log('str: ', str); //um80gzm52r

繫結id    "box"

>
111<
/div>
直接 console.
log(box)
// 111

前端知識點

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 知識點 ul li 中預設選擇class active firstli rem...

前端知識點

css實現單行文字溢位顯示 overflow hidden text overflow ellipsis white space nowrap 實現多行文字溢位顯示 display webkit box webkit box orient vertical webkit line clamp 3 o...

前端知識點

關於html 1.html語義化標籤的理解 結構化的理解 能否寫出簡潔的html結構 seo優化 2.h5中新增的屬性 如自定義屬性data,類名classname等,新增表單元素,拖拽drag 3.h5中新增的api,修改的api,廢棄的api 稍作了解 離線儲存,audio,video 關於cs...