JS30：03_CSS Variables

CSS Variables (CSS 變數)這次認識到 input 裡更多的 type 屬性 `range` 、 `color` 因為平常不太會用到 所以特別去查了一下原來是 html5 裡新增的屬性

READ MORE

JS30：02_JS and CSS Clock

JS and CSS Clock (時鐘) 摘要- 認識 css `transform`與 `transition` 調整時鐘指針- 使用`new Date()`來讀取當前的時間- 認識`setInt

READ MORE

JS30：01_JavaScript Drum Kit

JavaScript Drum Kit (鍵盤打鼓) 摘要- 了解鍵盤監聽事件 keyCode(鍵盤數字代碼)- 鍵盤與聲音對應- 畫面顯示所按到的鍵 (更改樣式) CSS 排版此次排版主要是以 fl

READ MORE

rwd 自適應文字大小

在寫 rwd 頁面縮放的時後，常常會遇到因為視窗做縮放 超出的文字會往下擠為了不破壞設計的美感，當然也希望文字能做縮放啊！那文字該如何做設定才能隨著視窗做縮放呢在這裡我選擇使用 `rem` 這個單位-

READ MORE

JS30：30_Whack A Mole!

Whack A Mole! (打地鼠) 摘要- 先規劃地鼠出現時間 ( 亂數時間出現 )- 設定地鼠出現位置- 將出現時間跟地鼠出現位置整合- 點按鈕控制遊戲開始- 打地鼠計分!! 初始變數設定```

READ MORE

vscode：vscode基本介紹與安裝

VSCODE 設定檔存放路徑 設定檔文件路徑- Windows `%APPDATA%\Code\User\settings.json`- Mac `$HOME/Library/Application

READ MORE

vscode：Live Server 套件

Live Server 網頁伺服器 在串接 api 測試的時後非常的好用 如何安裝 開始設定依需求在設定裡更改預設配置```js{ "liveServer.settings.donotShowInf

READ MORE

vscode：Prettier 套件

Prettier 是程式碼格式化工具，可設定為存檔時自動格式化，不用再花時間去手動格式化相對的對自己在撰寫習慣上 會易讀許多。 如何安裝在 VSCODE 擴充功能 尋找 prettier 安裝 `Pr

READ MORE

css圓角概念

單一值就是基本的圓角四邊的值都一樣```cssborder-radius: 30%;``` 個別指定四個不同的角度```border-radius: 30% 70% 20% 40%;```以順時針方式

READ MORE

修改api(json)參數名稱(大小寫)

最近在跟後端合作時，常遇到 列表與明細頁的 api 相同，但所提供的 api 卻是有分大小寫，在共用上常常因為大小寫不同，而導致 js 出錯所以就只有在後端 api 吐過來的時後，先把 api 參數調

READ MORE