本篇大綱

1. 簡介
2. 使用 HTML <a> download Attribute
3. 通過 blob 下載圖片
4. 通過 blob 下載 txt 檔案

簡介

稍微記錄如何在網頁上設置下載按鈕。第一個方式為使用 HTML <a> tag 原先提供的 download 屬性，但它有其限制性。另一個方法則為通過 blob 物件讓使用者能夠直接儲存檔案。

Codepen Live Demo: Download file buttons

本篇大綱：

1. 環境設置
2. 準備多語言檔案
3. 檔案設定
4. 在 component 中使用
5. 其他資料格式

簡介

這是一篇 Vue3 搭配 Vue CLI 使用 i18n 來切換網站語言的栗子。

本篇大綱：

1. 簡介
2. 前置作業
3. Vuex 設定
4. CRUD 功能

簡介

這是一個 Nuxt 搭配 Vuex 的 CRUD 栗子。

Source code
Live Demo

本篇大綱：

1. this 在 4 種情境下指向什麼
2. 快速判斷 this 的小方法
3. 箭頭函式的 this

this 用法

解析器（瀏覽器）在呼叫函式的時候都會傳隱形的參數，就是 this . this 指向一個物件，這個物件是上下文物件。根據函式呼叫的方法不同， this 會指向不同的東西。

本篇大綱：

• 原型是什麼
• 原型鏈是什麼
• 檢查屬性以及實例的方法

JavaScript 的物件通過原型 (Prototype) 機制來達到相互繼承功能。當使用 Constructor Function 創造 object 時，所創造出來的物件不共享 constructor 的屬性和方法。說創造出來的物件稱為實例 ( instance ).

將在 Leetcode 上解過的題目寫在這裡做記錄用，語言是使用 python.