HTML Audio 常用方法
基本用法<audio src="./music.mp3" controls></audio> 屬性 autoplay 布林值 / 是否
初探 Proxy
前言Proxy 是 ES6 中原生提供的一個構造函數，字面意思是代理，但更像一種攔截器，在訪問、賦值等基本操作時會先經過事先定義好的攔截方法中，根據訪
將圖片轉為 Webp 格式以減少載入時間
前言我們都知道理想的網頁應該在最短的時間內開啟，然而圖片往往是拖慢網頁速度的重要因素之一，所以優化圖片不僅可以大幅度提升加載速度還能降低網路的流量。
將圖片轉為 Base64 格式
有時會遇到需要把圖片預覽或上傳的情境，這時將圖片轉為 Base64 格式是一個不錯的方案，這邊紀錄以 FileReader 實現該功能的簡易代碼： &
設置 SSH Key 記錄
Windows 似乎會記錄登入 GitHub 時的認證，但如果同時有兩個帳號在使用，且以 HTTPS 的方式做 git push 會非常不方便，當系統
Class 重點筆記
關於 Classclass 就是構造函數的語法糖，也可以說是構造函數的另一種寫法，使用時直接對 class 調用 new 即可： class C1 {
淺談 Closure 閉包
變數的作用域要理解閉包必須先理解 JS 的變數作用域，在 JS 裡變數的作用域分為全域變數與函數內部的變數。 JS 特別的地方在於函數內部可以讀取全域
Git 常用指令
基礎設定 查詢版本git version 查詢設定列表git config --list 設定姓名git config --global user
Vue 基礎組件間的資料傳遞
props 從外部接收指定資料 <body> <div id="app"> <my-component :from-p
Vue 生命週期
Vue 實例有一個完整的生命週期，包含從創建、初始化數據、編譯模板、掛載 DOM 至渲染、更新至渲染、移除等整個過程，稱之為 Vue 的生命週期。
關於 hoisting
這篇針對常見跟面試可能會出現的問題紀錄一下 JavaScript 的特產 hoisting。 最基本的，在 JavaScript 裡如果試圖對一個尚未
在 Vue CLI 專案裡搭配 Vuex 使用 Vue I18n
首先我們安裝 vue-i18n npm install vue-i18n 在 src/ 建立一個 i18n 資料夾，該資料夾裡主要放入語系檔
ES6 縮寫與解構賦值
縮寫 物件縮寫 const kakashi = '卡卡西'; const partner = { naruto: '鳴人', sasuke:
ES6 展開運算符與其餘運算符
展開運算符用於將一個陣列展開成個別的值，像這樣 const arr = ['A', 'B', 'C']; console.log(...arr);
常用陣列方法
前言本篇記錄一些工作上常用到的陣列方法，目的為能夠快速查找與使用，若需要更深入的解釋或範例可至 MDN 閱讀。 文中有些函數為 Pure functi
實現純前端寄信功能
前言最近為了做一個簡單的寄信功能找了許多方法，目標是： 免費 簡單的信件版面調整 純 JavaScript 即可完成 為此紀錄一下這個快速又容易上
關於 this
JavaScript 的 this 相信已經是一個討論到爛掉的話題了，但即便如此它仍然不是那麼好懂，為了加深印象這篇會用偏向筆記的形式記錄常見的 th
原型與原型鏈
JavaScript 的繼承機制真的不是那麼一目瞭然的存在，但為了能更深入其中，這是一個躲也躲不掉的主題。 網上能搜到相當多關於原型鏈的文章，其實知識