2.2k words 2 mins.

# C 語言的 strtok C 語言要字串分割通常會使用 strtok,要使用 strtok 的話需要引入的標頭檔 <string.h> ,如果要使用 C++ 的標頭檔則是引入 <cstring> , strtok 函式原型為 strtokchar* strtok(char* str, const char* delimiters);strtok() 會將 str 依據給入的 delimiters (分割符號 / 分隔符號) 進行字串分割,如果成功的話會回傳指向分割結果的字串開頭,否則會回傳 NULL。 # Example d...
1.1k words 1 mins.

⭐️ Time limit: 3.000 seconds # 題目連結 ZeroJudge 題目連結 Online Judge uDebug # 題目敘述 在數學的定義中,一個集合裡有 0 或多個元素。 在本問題中要請你判斷 2 個集合的關係。 # Input 輸入包含很多組測試資料,每組測試資料有 2 列。 第一列代表第一個集合 A,第二列代表第二個集合 B。 每個集合至多 100 個數字,數字間以一個空格分開。 # Output 對每筆輸入資料你應該要輸出以下其中一種情況: A is a proper subset of B (A 是 B 的子集合) B is a...
530 words 1 mins.

假設同時一隻烏龜和一隻兔子從起點開始賽跑,烏龜一次跑一格,兔子一次跑兩格,一直跑下去如果他們能在某個地點會合,代表他們在環形跑道中。 反之如果是直線跑道烏龜永遠追不上兔子。 # Floyd Cycle Detection Algorithm 找出環的起點 從起點開始賽跑,兔子一次走兩格、烏龜一次走一格直到他們相遇停止,此時兔子所走的距離是烏龜的兩倍。 假設烏龜與兔子在ZZZ 點第一次相遇,環周長為SSS 烏龜走了a+b+mSa + b + mSa+b+mS 的距離,兔子也同樣走了mSmSmS 圈但比烏龜多走了nSnSnS 圈,所以兔子總共走了a+b+(m+n)Sa + b + (m +...
1.1k words 1 mins.

transition 讓我們可以在給定的時間內平滑的改變屬性的值。 要呈現 transition 效果,必須達成兩件事: 要添加效果的 CSS 屬性 效果的持續時間 NOTE: 如果沒有給定持續時間, transition 將不會有效果,因為 default 值為 0。 Example 1linkdiv { width: 100px; height: 100px; background-color: red; transition: width 2s;}div:hover { width: 300px;...
2.2k words 2 mins.

# Transform-origin 預設值為元素中心點 (50%, 50%) 位移、旋轉、縮放、傾斜的參考點 元素左上角座標為 (x, y) = (0, 0) 元素預設座標系統預設位置為左上角 (0,0),主要用來排版 transform 的預設值為 (50%,50%),主要用來做動畫效果 transform 讓我們可以移動、旋轉、縮放或傾斜元素。 # 2D Transform Methods translate() rotate() scaleX() scaleY() scale() skewX() skewY() skew() matrix() #...
933 words 1 mins.

# Float float 用於定位和格式化內容。例如讓圖像浮動到容器的左側。 Float contains following values: left - 讓元素浮動到容器的左側。 right - 讓元素浮動到容器的右側。 none - Default value, 元素不浮動。 inherit - 繼承父元素的浮動值。 Example - float: rightlinkimg {float: right}# Float Next to Each Other 運用 float: left 我們也可以讓元素水平排列。 Examplelinkdiv...
2.1k words 2 mins.

HTML 表單通常用於收集用戶輸入,用戶輸入會被蒐集到伺服器處理。 <form> 元素用於為用戶輸入創建 HTML 表單。 <form>/* form elements */</form># The <Input> Element <form> 擁有各式各樣的輸入容器,例如:單選、複選或提交按鈕。 <input> 的使用樣式取決於我們設定的 type 屬性。 這裡是常用的樣式: Type Description <input...
1.5k words 1 mins.

⭐️⭐️ # 題目敘述 You are given the root of a binary tree. A ZigZag path for a binary tree is defined as follow: Choose any node in the binary tree and a direction (right or left). If the current direction is right, move to the right child of the current node; otherwise, move to the left child. Change...
3.6k words 3 mins.

# CSS - Animation CSS 允許在不使用 Javascript 或 Flash 的情況下對 HTML 元素進行動畫處理。 # The @Keyframes Rule 當我們在 @keyframes 規則中指定 CSS 樣式時,動畫會在特定時間從目前樣式逐漸變為新樣式。 animation-name animation-duration From - Tolink/* The animation will last for 4 seconds, and it will gradually change the background-color of the...
4.2k words 4 mins.

RWD (響應式網頁) 讓我們的網頁在各裝置都能漂亮的呈現,能夠適應不同大小的螢幕。 # RWD Viewport 就是視窗的意思,使用者能看到的頁面範圍。 # Setting the Viewport 使用 HTML <meta> 標籤。 <meta name="viewport" content="width=device-width, initial-scale=1.0"> width=device-width 設定視窗的寬度跟隨裝置的螢幕寬度。 initial-scale=1.0...