郭欣玫
3 位追蹤者
2會員
13內容數
由新到舊
vscode的設定和相關插件首先要安裝vscode :
Visual Studio Code - Code Editing. Redefined
安裝後我們就可以把她打開來，接著去檔案 -> 喜好設定 -> 設定檔(預設) -> 你就會看到設定裡面的 settings.json，就可以開始你的設定拉(主要是依照個人的喜好設定
2024-06-27
7
pure functionpure function 是甚麼呢?
最主要兩大特點 :
淺顯易懂的說法就是 : 對於有相同的輸入，就會有相同的輸出。
無副作用 : 不會去修改或依賴外部的狀態。
舉一個例子 :
function add(a, b) {
return a + b;
}
function裡面他帶入的
2024-06-26
8
設定Node.js環境建置Node.js是一個JavaScript運行環境。它使用了一個非阻塞、事件驅動的I/O模型，使其非常適合用於數據密集型的即時應用程序。簡單來說，Node.js允許你使用JavaScript來編寫伺服器端代碼。
nvm
安裝nvm
Windows :
點擊 Releases · coreybut
2024-06-20
9
Git 使用指南Windows : 下載Git (git-scm.com)並按照指示安裝。
安裝完成後，你可以通過運行以下命令來確認安裝是否成功：
git --version
初次設定GIT
接下來就是按照初次設定git，會需要配置你的用戶名和電子郵件地址，這些信息將被記錄在您提交的每個變更中。
git
2024-06-19
1
非同步處理簡要說明 JavaScript 的 Event Loop
JavaScript 是單執行緒 (single-threaded) 語言，這意味著它一次只能執行一件事，因此所有函式都需要排隊等待執行，這被稱為同步 (synchronous)。在同步操作中，若函式過多或過於複雜，會導致程式阻塞 (blo
2024-05-30
5
xhr/fetch/axios串apixhr
在下面的例子裡，我們首先建立了一個 XMLHttpRequest 物件，並使用 .open() 開啟一個 URL，最後使用 .send() 發出 request。
具體來說步驟有四個：
建立XMLHttpReque
開啟一個請求。
送出請求。
拿到回應後去處理畫面要如何呈現。
2024-05-30
0
空間佈局屬性說明1.justify-content
用來控制主軸(水平)如何分配對齊
如果要改垂直對齊的話+上 flex-direction : column
2.align-item
他是控制子項目再交叉軸(垂直)的對齊方式
3.flex-shrink
收縮性! 當空間不足時預設會是1，等於是
2024-05-28
1
RGB to HEX如果製作一個RGB色碼轉換器，算是考驗操作DOM!
那把它分成三個目標來依序完成，
抓slider的數字，存放在各個滑塊右邊的小格子
透過 slider.addEventListener("input", function (event) {...}) 監聽滑塊變動事件。
當事件被觸發時，取得
2024-05-27
3
CSS 元素置中以下展示三種置中方法 :
<div class="method-container">
<div class="method-title">Flexbox</div>
<div class="box">
<div class="dot"></div>
</div>
</di
2024-05-23
0
Vue-依賴注入 provide & inject一般而言，組件之間的資料傳遞，可以使用 props 來達成，不過一旦層級過多的時候，props 就要逐層向下傳遞，會越來越麻煩且複雜。
而 provide、inject 可以解決這個問題，它可以提供一個「源頭」，子組件們可以藉由同一個源頭取得對應的資料，且沒有層級分別，都可以取得，就不用逐層傳遞資
2024-05-12
5
父子組件資料傳遞 props、emit當 父組件 有數據想傳送到 子組件 就可以使用props
1. 父層傳遞設置
可以在父組件的屬性給予一個值，當作要傳送到子組件的資料。
父層組件 :
<!-- App.vue (父組件) -->
<template>
<div>
<ChildComponent greetin
2024-05-12
2
CSS - margin、paddingCSS Box Model
是在 CSS 裡面，html 的每個元素都可被視作為一個盒子，然後可以針對這個盒子去做調整，看以下圖片:
簡單來說margin就是一個是外邊距，與外層元素的間距
Margin 用於控制元素與其周邊元素的間隔，可以設定為正數（增加與其他元素的距離）、負數（減少與其他
2024-05-11
2
CSS-position今天來介紹一下比較常用的4種定位方式
其中讓我最搞混的是relative跟absolute
position: relative
還未定top, bottom, left, right 的屬性時，預設會套用position:static，但如果你去設定了top, bottom, left, ri
2024-05-11
1
