作用鏈 在JavaScript中，函數可以製造一個作用域(函數作用域)，如果函數中還有函數那麼這個作用域中又會建立一個作用域，將所有的作用域列出來可以獲得一個結...
什麼是作用域? 作用域就是一個變數的生存範圍，一旦超出了這麼範圍就無法存取到這個變數。 在ES6之前，Javascript只擁有函數作用域和全域作用域，函式...
let基本介紹 在ES6中新增了let與const兩個命令，用法類似於var但是最大的不同在於var作用於全域而let與const作用於塊狀區域中。 var作用...
嗨我又來騙文章數了~ 這週要來實作抓政府Open API並實際呈現於畫面上 API的部分是用六角上課時提供的API連結: 高雄旅遊網不得不說六角老師的這個範例非...
Youtube連結：https://bit.ly/36zpv2VDeno Taiwan(FB社團):https://bit.ly/2XXyoQ0 Deno是一...
這篇文章要使用 XMLHttpRequest 配合 Promise 進行 ajax 的封裝撰寫 首先先來看看下方的這範例，我們利用原生的 Web API 針對...
這篇文章要介紹一些常用的 Promise 的方法 首先我們先來看看這個範例 // 定義 function promiseFn (num, timeout = 5...
這篇文章要介紹的是 Promise Chain (鏈接技巧) 這裡用到上一篇文章所介紹到的 Promise ，並在 resolved 的狀態時，會使用樣板字面值...
這篇文章要來教你如何建立自己的 Promise 首先我們先來看看 Promise 的建構函式~ console.log(Promise); 檢查了以後發現甚...
今天主要利用 <canvas> 這個 HTML 元素來做出我們要的功能，我們可以利用程式腳本在這個元素上繪圖（通常是用 JS）、合成圖片或動畫效果。...
這篇文章要來介紹 Promise 的運行概念 基本上，Promise 在運行非同步事件的時候都會有幾個狀態，我們透過下方的圖示來解說一下 首先不論如何，一開...
今天要來介紹為什麼要使用 Promise Promise 的使用時機就是適合來解決非同步的事件，非同步的事件通常都是 ajax 的事件，但其實除了 ajax 以...
今天，這個單元主要是銜接Day4，練習並熟悉關於陣列的一些方法，如比對資料、搜尋資料、刪除增加資料等等。而題目分為5題 此處為題目會用到的資料 con...
這個章節會介紹更進階的用法，也就是標籤樣板字面值 首先先用一個簡單的範例來帶大家了解甚麼是 標籤樣板字面值。 function showConsole(stri...
這個章節繼續來介紹樣板字面值的巢狀結構 根據 MDN 的文章解釋，樣板字面值的 ${} 區塊，其中必須要是表達式才可以。 也就是下面的例子: const pe...
很多有開發經驗的人應該都很需要 Emmet 的幫忙，來快速生產想要且重複性高的 html 結構。 而在 VS Code 的開發編輯器中， Emmet 是內建的功...
本篇文章主要來介紹樣板字面值（Template literals） 在早期的版本，也被稱作 Template String 。 先來看看是甚麼樣的情境會使用到吧...
這篇文章會介紹箭頭函式實際運用的情況! 雖然箭頭函式有很多好處，但其實可以變化的地方很多，也可以搭配很多不同的語法進行變化，還是需要多多練習才能熟悉如何變化以及...
這一篇教學要來探討的是關於箭頭函式的常見問題 以下會列出幾個比較常見的問題來討論~ 1. 回傳的問題 我們先前有說過，當我們想要箭頭函式直接回傳一個值的時候，可...
這篇文章要來介紹箭頭函式跟傳統函式的差別~ 1. 箭頭函式沒有 arguments 參數 之前在傳統函式有介紹到，參數的傳入有一個 arguments 參數會來...
關於箭頭函式的介紹也是屬於 ES6 的範疇，跟上一個章節的 Let 以及 Const 一樣。 關於ES6 的新增語法 讓原有 JS 撰寫更為精簡 (語法糖)...
這次的章節，對於正規表達式不熟悉的我，是個非常難理解的，花了大概半天才理解清楚，程式碼全部的意思，也希望如果有地方寫得不好，請見諒，或是大大能夠補充，謝謝! 這...
Pure JS React 日曆 使用 new Date 製作日曆 更新：我後來改寫的更加簡潔，並且抽離成hook詳情可參考 前端野人 顯示日期 需要注意m...
Q1 A: aB: ReferenceErrorC: undefinedD: SyntaxError 答案: B 備註: 無 Q2 A: CasperB:...
ESlint 是 Javascript 一種風格規範 甚麼是風格規範呢? 當一個團隊在開發的時候，每個人的寫作習慣都不同，這個時候，就會使用ESlint進行寫作...
這篇文章主要是要來探討 Let 有沒有 Hoisting? 之前提過，提升(hoisting)簡單來說分為創造以及執行的兩個階段~ 如果對於提升(hoistin...
上一個章節我們介紹了 Let, Const 的基本觀念，這個章節要介紹 Let, Const 的實戰案例~ Let 實戰 首先先看一下下面的程式: for (v...
開發專案時，在其中的某個環節，想說除了switch之外，是否有更好的寫法，上網一查發現，還有switch(true)這種用法，感覺還蠻新奇的，第一次接觸到的人或...
徵求 資深WEB前端工程師 ＃歡迎挑戰高薪 職責： 1、根據產品經理的設計，完成前端Web頁面的開發，並處理和後端的對接； 2、模塊化前端組件，建立前端開發架構...
前言 勿忘IT苦人多，本文會使用JAVA在Android Studio上撰寫，Server使用JavaScript在VScode上撰寫需要一些android s...
iThome鐵人賽
看影片追技術