睿哲楊
1
位追蹤者
追蹤
睿哲楊
1
位追蹤者
睿哲楊的沙龍
1
會員
9
內容數
加入
前往沙龍
加入
前往沙龍
發佈內容
我的成就
全部內容
由新到舊
睿哲楊的沙龍
2025/12/08
認識javascript裡var、const、let的差異
var : var的作用域是屬於"函式作用域(Function Scope)"意思是當我們在一個函數內部用 var 宣告變數時,變數只在該函數內部可見,是可以被重複宣告的,是使用在變數可能或不會被重新賦予值,或者宣告範圍在整個函式(function)或者區塊(block)中,但是跟let相比之下,比
#
程式
#
執行
5
1
移幣
2 天前
喜歡
講得簡潔,卻鞭辟入裡👍 鑑於 let 和 var 的語法差異,新標準推出後,官方鼓勵開發者用 let 代替 var 且新命名方式有個巧思 - const 和 let 讓程式碼更可讀 如果變數命名得當,甚至會讓程式碼變得像英文直述句 let banana = 20; 令香蕉為 20;
喜歡
睿哲楊的沙龍
2025/12/04
git常用指令整理
基本設定 git init //初始化git儲存庫 git config --global user.name //"設定的名字" git config --global user.email //"設定的Email" git config --list //檢視 Git 設定
喜歡
留言
睿哲楊的沙龍
2025/11/27
認識grid
這邊我們要先釐清grid跟flexbox的差別,flexbox是一條軸線("就是橫排跟直排"),而grid則是「行+列同時控制」,將容器切割成格子,會將元素擺進指定的格子或者自動排列。 grid 程式碼如下: display: grid //啟用 Grid grid-template-col
#
程式
#
控制
1
留言
睿哲楊的沙龍
2025/11/27
認識CSS flex
我們現在常見的flex的語法有這些 display:flex //(注意:這裡如果沒設成flex,底下語法都無法使用喔!!!) flex-wrap flex-direction flex-flow //(可以同時設定flex-direction和flex-wrap) justify-co
#
程式
#
順序
#
加入
喜歡
留言
睿哲楊的沙龍
2025/11/26
margin&padding的差異
首先我們先聊聊margin&padding的差異之前,我們先可以先聊聊元素的外框 HTML裡的一個元素外面都有所謂的外框,依次分為margin、border、padding。而他們各自述職的位置對應不同的外邊界(ex:margin "方向分為上、右、下、左") 我們先聊聊margin,所謂的
#
邊界
4
留言
睿哲楊的沙龍
2025/11/24
開始建構環境
首先需要先購建構環境,那我們要先去安裝nvm。 至於nvm是什麼,nvm全名"Node Version Manager",是一款專門用來管理node.js版本的工具,他可以協助你安裝、切換、管理不同版本的Node.js 安裝nvm: 接著開啟終端機,按照下列步驟做: (也可直接搜尋pow
#
安裝
#
版本
#
管理
3
留言
睿哲楊的沙龍
2025/11/24
了解CSS 選擇棄權重 & 關係選擇器
這次我們要來了解CSS 選擇棄權重 & 關係選擇器 CSS 選擇棄權重是指不同 CSS 選擇器之間,哪一條規則會優先生效 的「重要性分數」。 就是當多個CSS規則同時套用到同一個元素時,決定哪一個樣式「比較強」。 像是CSS: p { color: blue; } .text
#
權重
#
紫色
#
棄權
2
留言
睿哲楊的沙龍
2025/11/24
了解HTML tag&semantic tag及Block element and inline element
接下來,我們需要了解HTML tag&semantic tag及Block element and inline element的意思。 我們可以先說所有的semantic tag都是HTML tag,講白一點就是HTML tag是所有 HTML 裡的標籤統稱,semantic tag是有明確
#
標題
#
標籤
#
資訊
2
留言
睿哲楊的沙龍
2025/11/18
程式日記(一)
...顯示更多
1
留言
vocus 勳章
NFT
了解
如何蒐集勳章