development·
6 分鐘
JavaScript Console 運用技巧 - 8 招讓你除錯更高效
寫 JavaScript 需要檢視運作是否正確時候，都會使用 console.log 來檢視輸出或運算的值，而 console 的運用技巧不僅僅只有將值呈現在開…
javascriptjs
標籤：js
10 篇
development·
3 分鐘
VSCode Prettier 整合 ESLint 自動排版
VSCode 中有一個非常不錯的格式化工具，可以透過一個按鍵將雜亂的程式碼排列的整整齊齊，無論是 HTML、CSS、JavaScript 均可以套用。而此工具…
javascriptjsvue
development·
2 分鐘
Vue3 中使用 Event Bus
Vue 2 中要進行跨元件通訊，除了 Vuex 以外的另一個常見手法是 Event Bus，對於小型專案來說 Event Bus 相當方便，僅需要 $on、$e…
javascriptjsvue
development·
10 分鐘
Async function / Await 深度介紹
非同步在前端的做法不斷的在進行優化調整，先前介紹過 Promise 可以解決非同步過度巢狀的問題，而本篇要介紹的 async function（非同步函式） 及…
jsasyncawait
development·
3 分鐘
VSCode JS 註解就是你的文件
在使用文字編輯器時，你是否有以下狀況呢？ 搞不懂，為什麼文字編輯器總是沒跳提示 函式庫沒有安裝插件就不知道如何輸入 同事或過去自己寫的函式不知道在寫什麼，都要花…
jsbootstrap
development·
3 分鐘
JS - for 迴圈與 forEach 有什麼不同
過去，當有一個陣列的內容需要依序取值時，都會使用 for... 迴圈(for loop)的形式將值一一取出，原始碼的結構如下： var array = &x27…
javascriptjs
sponsored
JAV
development·
4 分鐘
JS 常見陣列方法 [push(), unshift(), pop(), shift(), splice(), reverse(), concat(), include(), indexOf(), join()]
本篇陣列方法是延伸過去寫的 JavaScript 陣列處理方法，目前的框架主流觀念都是「關注點分離」，框架主要都是負責畫面上的渲染；資料面完全交由給原生的 JS…
javascriptjs
development·
5 分鐘
AJAX 完整解說系列：輕鬆搞懂 HTTP 狀態碼（HTTP Status Code）
AJAX 是前端與後端的介接，當跨越不同的環境時，所有的狀態會越來越難預期，接著就可能會發生錯誤，造成的錯誤狀態可能會如下： 流程與設計不同 資料格式不符合 連…
javascriptjs
development·
6 分鐘
AJAX 完整解說系列：使用 Chrome Devtools 檢視請求及回應
從上一篇內容我們介紹到 AJAX 都是由瀏覽器發出請求，伺服器則會依據請求的內容進行回應。所以在這之中的 “請求”、“回應” 都會夾帶著不同資源，供瀏覽器及伺服…
javascriptjs
development·
4 分鐘
AJAX 完整解說系列：新增、更新、刪除（POST/PATCH/DELETE）
AJAX 除了 GET 以外，其它幾個常見的請求方法通常都會對資料庫進行操作，尤其是 POST、PUT、PATCH 在發出請求的同時還會有附加資源傳送至伺服器。…
javascriptjs