Git - 定義全局的 ignore

在全域定義不要被Git追蹤的檔案範圍(git ignore),例如.idea、、.DS_Store、.vscode。

MacOS Setapp 應用推薦 x8 (程式開發相關)

分享集合型訂閱 Setapp 內適合輔助程式開發的應用

iTerm2 (oh-my-zsh / powerlevel10k) 相關設定

簡單記錄一下自己 Terminal 應用設定:美化介面、提升指令操作便利性。

Websocket - 實作一個簡單的聊天室 (+ Node.js)

透過 websocket 實做一個簡單的聊天室。

Vue.js - 監聽 URL Query 變化

當使用者手動修改 url query 時,強制 Vue Reload。

行動開發-Windows 連至 Android 裝置進行校調 (Chrome DevTools )

在 Windows 開發環境中透過 Chrome DevTool 運行在 Android 進行瀏覽。

行動開發-Mac 連至 iPhone 裝置進行校調 (Safari Web Inspector )

在行動裝置上瀏覽開發環境運行的 Localhost。

行動開發-讓手機瀏覽(訪問)開發環境的 Localhost (Mac / Windows)

在行動裝置上瀏覽開發環境運行的 Localhost。

JS - 複製 Array / Object 的幾種常用方法(深/淺拷貝)

記錄 JavaScript 中,複製 array / object 的常見方法,以及深淺拷貝的差異。

Vue.js - Vuex-新手上路-自 store 中取得與修改

示例 透過 Vuex 讀取與修改 store 內的 state。

Vue.js - 實例-SlidesShow 圖片輪播切換

示例 常見的圖片輪播效果

Vue.js - Components 間的資料傳遞(無Vuex)

示例 Component 之間的各種傳值方式

JS - 處理字串與數值的相關方法

關於 JavaScript 中的處理字串與數值的常見方法,如 `slice` 、`split`、`concat`...等。

JS - Object 物件基本操作

記錄 JavaScript 中自定義物件(object)常用基本操作。

JS - Array 陣列基本操作

示例 JavaScript 中操作 Array 的幾種方法。

JS - LocalStorage 基本應用

簡介 JavaScript 中的 LocalStorage 基本操作。

JS - BOM-window 常見應用-轉址、取網址、上下頁、重新整理、查詢連線狀態、列印

BOM (Browser Object Model) - window 常見應用。

CSS 實例-文字溢出時省略(單行&多行)

控制內文超出單行/多行時自動省略、Hover 時完整顯示。

CSS 實例- placeholder 文字自動折行

適用情境:input 輸入框內的placeholder提示文字太長,想自動折行。

CSS 實例-文字漸層色

用css將文字套用漸層顏色。

Vue.js - 實例-ToDoList (基本CRUD.Axios載入預設資料)

示例 用 Vue 實作 ToDoList(CRUD)。

CSS 動畫屬性 Animation 基本應用

關於 CSS Animation 屬性基本用法。

jQuery - 實例-幻燈片圖片輪播切換-基本款(淡入淡出)

jQuery 基本圖片輪播切換效果。

jQuery - Animate 數字遞增效果。

透過 jQuery animate 實作常見的數字從n到n+m 動態效果。

jQuery - Animate 頁面平滑置頂功能。

常見的頁面置頂功能,透過jQuery animate 帶平滑捲動效果。

JS - 宣告、Function、Hoisting

關於 JavaScript 中的 function、宣告(var / let / const)、Hoisting 的觀念筆記。

CSS 定位屬性 Position

關於 CSS 的 Position 屬性。

Sass 新手入門(1)基本語法

簡介 CSS 預處理器 Sass 及基本語法。

Sass 新手入門(2)-變數、Map、流程控制指令

介紹 Sass 的進階語法,讓你會一度有 CSS 是程式語言的錯覺。

Sass 新手入門(3)函數應用

Sass 進階應用,這篇列表 Sass 內建函數,及自定義函數的用法。

CSS 元素置中的 N 個方法

簡介 JavaScript 中的 LocalStorage 基本操作。

CSS 語法-選擇器

列表常見 CSS 選擇器、並以自己理解的方式去重新筆記。

VS Code - Git 在 VS Code 中的基本應用

簡介在 VS Code 中查看檔案狀態

Git - 常用指令表

這篇整理常用的 Git 指令表。

Git - 初始設定

簡介在 VS Code 中查看檔案狀態

Git - 基礎觀念

簡介 Git、GitHub、版本控制

Ajax 以 GET 方法讀取 JSON 文件

透過 Ajax 打 API(以GET為例)獲取資料。

CSS Flex 應用練習 - Flexbox Froggy (Lv01~12)

CSS Flex 練習遊戲。

CSS Flex 應用練習 - Flexbox Froggy (Lv01~12)

CSS Flex 練習遊戲。

GitHub - 使用GitHub上傳靜態網站作品生成公開網址

將靜態網站上傳至 GitHub 並取得公開網址。

Eudora

Eudora

Frontend Developer

eudora.hsj@gmail.com

Taipei City ,Taiwan