海豹人的第一個家
前端工程師，喜歡 San-X 的まめゴマ、旅遊和吃美食，這裡紀錄了我的學習和開發筆記。
Archives
目前總共有 124 篇文章 d(`･∀･)b
2021
- Apr [Vue3] Methods × Computed × Watch
- Apr [JavaScript] ES6 箭頭函式與傳統函式的差異
- Apr 克服 JavaScript 的奇怪部分 #21 解析 toString() 方法 ft. typeof, instanceof
- Apr 克服 JavaScript 的奇怪部分 #20 ES6 Class
- Apr 克服 JavaScript 的奇怪部分 #19 純粹的原型繼承 - Object.create
- Apr 克服 JavaScript 的奇怪部分 #18 內建的函式建構子
- Apr 克服 JavaScript 的奇怪部分 #17 new × 函式建構子 × 原型屬性
- Apr 克服 JavaScript 的奇怪部分 #16 物件導向與原型繼承
- Apr 克服 JavaScript 的奇怪部分 #15 Functional Programming ft. Underscore, Loadsh
- Apr 克服 JavaScript 的奇怪部分 #14 bind()、call() 與 apply()
- Apr 克服 JavaScript 的奇怪部分 #13 回呼函式 (Callback Function)
- Apr 克服 JavaScript 的奇怪部分 #12 函式工廠 (Function Factory)
- Apr 克服 JavaScript 的奇怪部分 #11 閉包 (Closure)
- Mar 克服 JavaScript 的奇怪部分 #10 立即呼叫的函式表達式 (IIFEs) 與安全程式碼
- Mar 克服 JavaScript 的奇怪部分 #9 函式參數與 arguments、spread
- Mar 克服 JavaScript 的奇怪部分 #8 物件 × 函式 × this
- Mar 克服 JavaScript 的奇怪部分 #7 傳值和傳參考
- Mar 克服 JavaScript 的奇怪部分 #6 函式就是物件 (Functions Are Objects)
- Mar 克服 JavaScript 的奇怪部分 #5 物件實體語法 (Object Literal Syntax)
- Mar React Hooks | 在 React 生態圈打滾的一年 feat. TypeScript 閱讀筆記
- Feb 克服 JavaScript 的奇怪部分 #4 運算子 (Operators)
- Feb 克服 JavaScript 的奇怪部分 #3 型別 (Types)
- Feb 克服 JavaScript 的奇怪部分 #2 程式碼底層處理與執行過程
- Feb 克服 JavaScript 的奇怪部分 #1 Ready...GO!
- Jan 2020 總回顧
2020
- Nov [Quasar] 使用 Quasar CLI 建構 SSR 網站
- Nov [JavaScript] 避免在按下 Enter 時自動換行
- Nov [Git] 使用 git stash 暫存檔案
- Jul [Vue] 使用 vue-tribute 實作標記功能 (@mention)
- Jul 在台北實習四個月的感想
- Jun 在 Hexo Blog 上安裝 LikeCoin
- May [Vue] 使用 v-bind 動態綁定 Class、Style 與各種屬性
- May 終結內容農場！透過瀏覽器套件避免你誤入農場（Chrome、Firefox）
- May 開始實習後的一些小感想
- May 在 Quasar 使用全域 Filter 過濾器
- Apr 在 Quasar Framework 使用自己的 SVG Icon
- Apr [CSS] 客製化修改 Quasar Framework 組件的樣式
- Apr [JavaScript] 取得物件的長度
- Apr [Vue] 使用 Vue I18n 讓網站支援多國語言
- Mar Vue 初心者筆記 #37 透過 Heroku CLI 架設 Vue 靜態網站
- Mar Vue 初心者筆記 #36 將 Vue CLI 專案部署成 GitHub Page
- Mar Vue 初心者筆記 #35 使用 Vuex 模組化資料
- Mar 前端實習工程師面試
- Feb Vue 初心者筆記 #34 使用 Vuex 管理資料狀態
- Feb 透過 CSS Animation 製作打字動畫與閃爍游標
- Feb [JavaScript] 本地時間與 Timestamp 互相轉換
- Feb Vue 初心者筆記 #33 使用 Filter 過濾器轉換金額格式
- Jan Vue 初心者筆記 #32 製作商品列表的分頁功能
- Jan Vue 初心者筆記 #31 透過 Event Bus 組件溝通處理錯誤回饋訊息
- Jan Vue 初心者筆記 #30 畫面讀取效果
- Jan Vue 初心者筆記 #29 後台上傳商品檔案功能
- Jan Vue 初心者筆記 #28 後台的上架產品列表
- Jan Vue 初心者筆記 #27 實作登入登出功能
- Jan [課堂筆記] 資訊倫理 - 開放資料與 SDG-16
2019
- Dec Vue 初心者筆記 #26 透過自定義事件切換 Router
- Dec Vue 初心者筆記 #25 Vue Router 的配置與參數設定
- Dec 純 JavaScript 實作星級評分功能
- Dec Vue 初心者筆記 #24 使用命名路由在同一路徑載入多個元件
- Dec [課堂筆記] NUK JavaScript #12：在 Express 上應用 Session 實作登入功能
- Dec Vue 初心者筆記 #23 透過 Vue Router 動態路由取得遠端資料
- Dec Vue 初心者筆記 #22 使用 Vue Router 配置路由與切換元件
- Dec Vue 初心者筆記 #21 Vue CLI 載入 Bootstrap 與 Axios
- Dec Vue 初心者筆記 #20 Vue CLI 安裝與建置
- Dec Vue 初心者筆記 #19 Directive（自定義指令）
- Dec Vue 初心者筆記 #18 使用 Mixin 為元件加入多個功能
- Dec [課堂筆記] NUK JavaScript #11：Express 與 Firestore 整合使用
- Dec Vue 初心者筆記 #17 使用 vm.$set 動態添加新屬性
- Dec Vue 初心者筆記 #16 使用 Filter 自訂資料呈現格式
- Dec Vue 初心者筆記 #15 使用 Extend 擴展單個元件
- Dec [JavaScript] 陣列處理方法整理
- Dec [JavaScript] ES6 樣板字面值 (Template literals)
- Dec [課堂筆記] NUK JavaScript #10：Cloud Firestore
- Dec [JavaScript] ES6 縮寫 (Shorthand)
- Nov [JavaScript] ES6 Spread 與 Rest
- Nov [JavaScript] ES6 解構賦值
- Nov [課堂筆記] NUK JavaScript #9：Express 與 EJS
- Nov [課堂筆記] NUK JavaScript #8：Node.js 初體驗
- Nov [課堂筆記] NUK JavaScript #7：Git 分支 (Branch)
- Nov [Vue] 元件變換練習 - 台灣空氣品質監控（Debug 紀錄）
- Nov [課堂筆記] 資訊倫理 - 倫理與法律的關係
- Nov [Vue] 元件變換練習 - 台灣空氣品質監控（實作紀錄）
- Nov Vue 初心者筆記 #14 使用 is 動態切換元件
- Nov Vue 初心者筆記 #13 Slot（插槽）
- Nov Vue 初心者筆記 #12 使用 Emit 向外傳遞資訊
- Nov Vue 初心者筆記 #11 Props - 由外到內的資料傳遞
- Nov Vue 初心者筆記 #10 生命週期 (Lifecycle)
- Nov [Vue] 表格排序作業實作紀錄
- Oct Vue 初心者筆記 #9 比較 Methods、Computed、Watch 的差異
- Oct [課堂筆記] 資訊倫理 - 倫理個案分析暨微電影競賽工作坊
- Oct Learn Git Branching - 學習 Git Branch 的小遊戲
- Oct [JavaScript] ES6 的 let、const 與 var 有什麼差別
- Oct Vue 初心者筆記 #8 關於 v-for 的使用細節
- Oct [課堂筆記] NUK JavaScript #6：Git、GitHub、還原技巧
- Oct MOPCON 2019 參與心得
- Oct [Vue] TodoList 製作紀錄 (4) 修改待辦事項
- Oct [Vue] TodoList 製作紀錄 (3) 頁籤分類功能
- Oct [Vue] TodoList 製作紀錄 (2) 刪除待辦事項
- Oct [Vue] TodoList 製作紀錄 (1) 新增待辦事項
- Oct Vue 初心者筆記 #7 Component（元件）
- Oct Vue 初心者筆記 #6 表單資料雙向綁定 & v-model 修飾符
- Oct Vue 初心者筆記 #5 Computed（計算屬性）
- Oct Vue 初心者筆記 #4 修飾符 (Modifier)
- Oct Vue 初心者筆記 #3 事件綁定 (v-on)
- Oct Vue 初心者筆記 #2 迴圈與條件渲染（v-for、v-if、v-show）
- Oct Vue 初心者筆記 #1 呈現出資料的幾種方法
- Oct [課堂筆記] NUK JavaScript #5：AJAX 撈取資料
- Oct [Git] 同步遠端數據庫
- Oct [Git] 常用指令大全
- Oct 使用 Adobe Illustrator 製作 SVG 文字 Logo
- Oct [Git] 分支、標籤、暫存檔案
- Oct [Git] 基本 Command 操作與 Git 指令
- Sep [課堂筆記] NUK JavaScript #4：陣列、物件、for
- Sep [課堂筆記] NUK JavaScript #3：運算子、if-else 條件式
- Sep [課堂筆記] NUK JavaScript #2：函式 (Functions)
- Sep [課堂筆記] NUK JavaScript #1：let、const、型別
- Sep 使用 Google 提供的 Material icons 點綴網頁！
- Aug 更改 Visual Studio Code 的 Git 使用者
- Aug [JavaScript] 雙等號 vs. 三等號
- Aug [CSS] 盒模型 (Box Model) - 讓版面控制更容易
- Jul [課堂筆記] 作業系統 #5 同步
- Jul [課堂筆記] 作業系統 #4 排程
- Jul [課堂筆記] 作業系統 #3 Multi-programming
- Jul [課堂筆記] 作業系統 #2 Process
- Jul [課堂筆記] 作業系統 #1 Introduction to Operating System