解决新版本 Chrome 提示
大概在一些新版本的浏览器中,我们是用 audio 或者 video 进行媒体资源播放的时候,可能会在控制台看到这个输出:

Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause().

or

浣熊 發表在 痞客邦 留言(0) 人氣()

排版
概觀 (Overview)
.container 自適應寬度
.container-fluid 流動寬度
網格系統

浣熊 發表在 痞客邦 留言(0) 人氣()

將陣列裡的數字x2
Array.forEach()
需先建立一個空陣列,再將值回傳至新陣列

浣熊 發表在 痞客邦 留言(0) 人氣()

OOCSS、SMACSS、BEM、CSS Modules、CSS in JS … 這些規範(或稱心法、解法)存在的目的都是為了讓程式碼易懂、可重用,進而有效率地開發和維護。
OOCSS(Object Oriented CSS)
兩個原則
Separation of Structure from Skin:分離結構與樣式。結構像是元素的大小,樣式像是顏色等。
Separation of Containers and Content:分離 HTML 與 CSS,意即盡量將可共用的樣式提取到單獨的 class 以供使用。

浣熊 發表在 痞客邦 留言(0) 人氣()

setTimeout()
延遲某段時間 (單位為毫秒) 之後,才去執行「一次」指定的程式碼,並且會回傳一個獨立的timer ID,可以透過 clearTimeout 取消程式碼的執行

var timeoutID = window.setTimeout(( () => console.log("Hello!") ), 1000);
window.clearTimeout(timeoutID);

浣熊 發表在 痞客邦 留言(0) 人氣()

getAttribute

element.getAttribute('data-example');


setAttribute

浣熊 發表在 痞客邦 留言(0) 人氣()

classList.add  新增class

element.classList.add('some-class');


classList.remove  移除class

浣熊 發表在 痞客邦 留言(0) 人氣()

大家都知道kick ass有“踢屁股”的意思,可是它還有“了不起”的意思你知道嗎?事實上,美國口語裡有太多的詞是和這個“ass (中國人概念中不登大雅之堂的屁股)”有關。下面我給大家介紹一些你經常會聽到的:
1. Kiss ass 拍馬屁
例如: A: Mary, I'm sorry for cheating on you before. Do you see any chance that we can get back together? Mary,我真的很抱歉對你不忠實。你想我們可不可能重修舊好呢? B: I don't know, but you can kiss my ass. 不知道,不過你可以巴結我。 kiss ass 的意思就是"拍馬屁","cheat"除了作弊外,還有"不忠實"的意思。
2. kick ass 了不起
"kick ass"直譯過來是"踢屁股",美國俚語裡表示輕而易舉地戰勝某人,此人很"牛"。給大家舉個例子:你即將參加一場籃球比賽,你的朋友問你緊張不緊張,你可以說:"They are going to get their asses kicked (他們就等著被打個落花流水吧! ) 再舉個例子: A: Wow, you fixed my computer in less than 10 minutes. You're good. B: Yep. I just kick ass! (那是,我就是厲害!) 美國人中的牛人,狂人經常會用到這個"kick ass"來表示充分的自信。

浣熊 發表在 痞客邦 留言(0) 人氣()

under the hood
字面上的翻譯為引擎蓋下
口語化可翻成「其實就是」、「本質上說」、「最終的謎底」

浣熊 發表在 痞客邦 留言(0) 人氣()

<video>標籤
顧名思義就是影片標籤

<source>標籤
插入影片的原始檔位置與類型

浣熊 發表在 痞客邦 留言(0) 人氣()

cloneNode()
複製新的一個元素物件,拷貝所有屬性和值
cloneNode()接受一個可選值為true或false的參數。true表示克隆元素和它的所有子節點,false表示克隆元素但不包含它的子節點。

浣熊 發表在 痞客邦 留言(0) 人氣()

Math.random()
回傳0~1(不包含1)的數字
Math.floor()
去除小數,取得整數
Math.floor(Math.random()*5);

浣熊 發表在 痞客邦 留言(0) 人氣()

1 2 3
Blog Stats
⚠️

成人內容提醒

本部落格內容僅限年滿十八歲者瀏覽。
若您未滿十八歲,請立即離開。

已滿十八歲者,亦請勿將內容提供給未成年人士。