蕭宇廷
16
位追蹤者
追蹤
蕭宇廷的沙龍
16
會員
34
內容數
加入
前往沙龍
Bonjour à tous,我本身是法文系畢業,這邊會刊登純文組學習網頁開發的筆記。如果能鼓勵更多文組夥伴一起學習,那就太開心了~
加入
前往沙龍
發佈內容
我的成就
由新到舊
JS 觀念贖罪之旅:作用域 scope
認識 JavaScript 作用域、var、let、const 以及 hoisting
2024-02-24
3
透過 margin:auto 自由移動 flex item
透過 margin: auto,將 flex item 推到容器邊緣
2024-02-19
2
透過 children props 解決 React 渲染浪費的效能問題
介紹如何透過 children props 解決 React 渲染浪費的問題
2024-02-08
2
解決 JSON-SERVER 無法部屬到 Netlify 的問題
透過 Netlify function 提供的 FaaS 服務,解決無法佈署 Json-Server 以及其他 live server 到 Netlify 的問題。
2024-01-26
3
解決 React useEffect 的 race condition 問題
介紹如何透過 Web API 的 AbortController 來解決 React useEffect 中的 fetch 請求競態條件 (race condition)。
2024-01-18
3
React useEffect Hook 抓取 API 資料
本文記錄了在實作Movie Guide專案中嘗試使用useEffect Hook從OMDB API抓取電影資料的過程。透過錯誤的抓資料方式和正確使用方式的對比,介紹了useEffect Hook的基本語法、與async...await的搭配、依賴陣列的使用以及cleanup函式的重要性。
2024-01-17
1
Vanilla JS 貪食蛇遊戲專案心得
紀錄貪食蛇專案的開發歷程。
2023-12-29
4
【JavaScript】淺談資料集的新選擇: Set
簡單介紹 Set 的基本用法
2023-12-27
0
【React 學習】props 初探
React props 的基本概念與用法,同時也提到了一點 React 在資料傳遞方面的規定與原則。
2023-12-23
3
【React 學習】JSX 初探
初探 JSX 語法、規則以及其背後運作方式。
2023-12-19
2
【React 學習】匯出與匯入元件
簡單認識 JS 的 import 和 export 用法,以及它們在 React 的使用情境
2023-12-18
5
【React 學習】認識元件 Component
React 元件定義與使用的基本規則。
2023-12-18
2
【React 學習】為何要用前端框架?
記錄了前端框架的學習原因、使用好處以及注意事項。
2023-12-17
7
切版專案實作 - t-shirt 電商網站
電商網站切版連結: https://codepen.io/XavierHSIAO/pen/qBgvQyw
2023-12-11
2
CSS Grid 學習筆記 (二)
CSS Grid 基礎學習筆記第二彈
2023-12-07
4
CSS Grid 學習筆記 (一)
紀錄 CSS Grid 的基礎用法。
2023-12-06
2
淺談 CSS 中的 Media Queries
初階入門的 media query 筆記,中間也談到了 RWD 與 Mobile First 設計原則。
2023-12-04
6
如何用 JavaScript 自動產生英文字母和數字陣列
如何用 JavaScript 自動產出羅馬字母表
2023-11-30
4
JavaScript 同步、非同步、Event loop
淺談 JavaScript 同步、非同步、Event Loop 的觀念
2023-11-27
3
Node.js 學習筆記(六):使用 Express 框架
如何安裝、初階使用 Express 框架的學習筆記。
2023-11-24
1
Node.js 學習筆記(五):NPM 宇宙 🌏
如何善用 NPM 安裝現成套件,提高開發效率
2023-11-23
2
Node.js 學習筆記(四):模組
初探 Node.js 的模組概念,以及 module 物件中的 exports 與 require 屬性,完成模組輸出與帶入。
2023-11-22
2
Node.js 學習筆記(三):快速搭建一台網站伺服器
參考 Node.js 官方文件,快速建立一個簡單的網站伺服器~
2023-11-21
3
Node.js 學習筆記(二):用 JavaScript 操作電腦的檔案系統
用 Node.js 實作電腦檔案系統操作,包含建立資料夾、新增檔案等等。
2023-11-21
1
Node.js 學習筆記(一):為何使用與如何安裝
簡單紀錄使用 Node.js 的好處,以及安裝 Node.js 的建議作法,最後也簡單提及了 Node.js 的 REPL 環境,讓我們能直接在 terminal 寫 JavaScript 程式。
2023-11-20
4
Git & GitHub 學習筆記
新手紀錄的 Git 學習筆記,將會隨著雷爆與淚水不定時更新
2023-11-17
1
JavaScript 展開運算子 (spread operator)
JavaScript 展開運算子的用法以及地雷紀錄。
2023-11-06
6
《精準閱讀》讀書心得:如何閱讀的實用指南
《精準閱讀》的作者是日本律師伊藤真,他除了律師本業之外,也經營名為伊藤塾的補習班,幫助學員準備司法公務員考試。有鑑於這樣的工作背景,伊藤真平時需要閱讀大量的文件,加上他本身是愛書魔人,因此領會了一套關於閱讀的心法以及實踐策略,值得我們效法。
2023-11-01
7
【JS 學習筆記】箭頭函式與 this
本文討論了箭頭函式 (arrow function) 對於 this 關鍵字的影響。
2023-11-01
1
JavaScript 物件中的函式與 this
記錄 JavaScript 學習旅程中遇到的 method 與 this 問題
2023-10-25
6
JavaScript 物件點記法 (dot notation) 與括號記法 (bracket notation)的差異
記錄 JavaScript 物件中點記法 (dot notation) 以及括號記法 (bracket notation) 之間的差別。
2023-10-19
3
JavaScript 陣列學習筆記
JavaScript 的陣列學習筆記
2023-10-18
6
【程式學習】Alpha Camp C1 完課心得
Alpha Camp C1 完課心得 (沒事,還活著)
2023-10-16
3
cs50 week 4 問題:Recover
cs50 第四週課程 Recover 解題思路
2023-09-29
2
vocus 勳章
NFT
了解
如何蒐集勳章