iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

1 Like 0 留言 1681 瀏覽

技術 Javascript 進階 8-1 Let, Const 基本概念

這個章節，主要來介紹 ES6 中宣告變數的語法糖，Let 以及 Const。 ES6主要是為了改善以及加快開發速度所產生的語法，也可以避免掉傳統ES5一些語法所...

odinhusky ‧ 2020-05-12

1 Like 1 留言 5660 瀏覽

技術 JS 中的陣列 trim 方法

JavaScript 中有字串的 trim 方法，但卻沒有陣列的 trim ，現在就來嘗試實作一個陣列的 trim 吧。本文的範例不考慮型別錯誤等問題，聚焦...

Peter Chen ‧ 2020-03-20

3 Like 2 留言 6112 瀏覽

鐵人賽 Modern Web DAY 15

前端三十 - 成為更好的前端工程師系列第 15 篇

達標好文技術 15. [JS] 什麼是原型鏈？

今天是鐵人賽的第十五天，旅程進行到了一半，而本系列文 JavaScript 的部分也即將告一段落。經過了連續三天型別相關的內容，今天也將接續下去，跟大家聊聊許...

Gary ‧ 2019-10-01 ‧團隊Wow Doge!

6 Like 4 留言 2417 瀏覽

鐵人賽 Modern Web DAY 30

透過 ESLint 練習 JavaScript ES6 系列第 30 篇

達標好文技術【懶人包閱讀順序】ES6 學習筆記

完賽嚕～！！過去都沒有寫文章的經驗，經過這次的學習紀錄真的覺得成長很多，不過也因為沒經驗，所以順序編排的不是很好（雖然也不知道有沒有人要看XDDD），這邊整理一...

江江好 ‧ 2019-10-01 ‧團隊火箭隊

3 Like 3 留言 2561 瀏覽

鐵人賽 Modern Web DAY 29

透過 ESLint 練習 JavaScript ES6 系列第 29 篇

技術 Day29【ES6 小筆記】陣列搜尋新方法 find() findIndex() - 以工具人清單為例

find() 在過去如果我們想要找到陣列中符合條件的元素，可能會使用 forEach 或是 for 循環，但是 forEach 是不能跳過或終止的，所以如果當...

江江好 ‧ 2019-09-30 ‧團隊火箭隊

4 Like 0 留言 2187 瀏覽

鐵人賽 Modern Web DAY 28

透過 ESLint 練習 JavaScript ES6 系列第 28 篇

技術 Day28【ES6 小筆記】建構式ㄉ語法糖 - Class 超基本使用範例

ES6 中新增了類別 (class) 來實現原型繼承，但他並不是一種新原型繼承方式，只是以前原型繼承的語法糖，提供更簡潔的語法來建立物件和處理繼承！這邊也來看...

江江好 ‧ 2019-09-29 ‧團隊火箭隊

1 Like 0 留言 2268 瀏覽

鐵人賽 Modern Web DAY 27

透過 ESLint 練習 JavaScript ES6 系列第 27 篇

技術 Day27【ES6 小筆記】物件好兄弟 Map 使用方式

上一篇學習了 Set，今天要練習的 Map 也是 ES6 中提出的一種資料結構，跟 Set 蠻像的，只是 Map 存取的是鍵值對，所以也跟物件蠻像的，但有以下差...

江江好 ‧ 2019-09-28 ‧團隊火箭隊

1 Like 1 留言 2197 瀏覽

鐵人賽 Modern Web DAY 26

透過 ESLint 練習 JavaScript ES6 系列第 26 篇

技術 Day26【ES6 小筆記】陣列好兄弟 Set 怎麼用？ - 以 30 天平民滷肉飯挑戰為例

Set （集合）是 ES6 中提出的一種資料結構，跟陣列蠻像的，只是他所有的元素都是唯一的，不會有重複的值存在，也沒有順序之分，所以也不能透過 [0] 這種...

江江好 ‧ 2019-09-27 ‧團隊火箭隊

2 Like 1 留言 12768 瀏覽

鐵人賽 Modern Web DAY 10

前端三十 - 成為更好的前端工程師系列第 10 篇

達標好文技術 10. [JS] 一般函式與箭頭函式的差異？

旅程來到了第 10 天，這趟旅程真的有點硬啊...不過每天只要花一點點時間，就能讓逐漸讓自己變強，這樣的感覺是不是很棒呢？今天的主題輕鬆一點，來看看 Jav...

Gary ‧ 2019-09-26 ‧團隊Wow Doge!

4 Like 0 留言 4510 瀏覽

鐵人賽 Modern Web DAY 25

透過 ESLint 練習 JavaScript ES6 系列第 25 篇

技術 Day25【ES6 小筆記】有點規矩！讓你的程式碼整整齊齊～

Hi～你寫程式時都隨便換行、隨便空白，看心情加逗號跟分號嗎？你覺得反正程式沒有錯誤，結果有出來就好嗎？偶爾還會因為忘記分號導致出錯嗎？你覺得其實看了很不舒服，但...

江江好 ‧ 2019-09-26 ‧團隊火箭隊

3 Like 1 留言 7427 瀏覽

鐵人賽 Modern Web DAY 24

透過 ESLint 練習 JavaScript ES6 系列第 24 篇

技術 Day24【ES6 小筆記】資料型別 Symbol 使用時機

在 JavaScript 中，原始型別有以下幾種： Boolean：僅有 true, false 兩個值 Null：僅有 null 的值 Undefin...

江江好 ‧ 2019-09-25 ‧團隊火箭隊

5 Like 1 留言 1988 瀏覽

鐵人賽 Modern Web DAY 23

透過 ESLint 練習 JavaScript ES6 系列第 23 篇

技術 Day23【ES6 小筆記】箭頭函式 this 初步了解／使用時機

這幾天看了很多關於函式中 this 的文章，但感覺還不是很懂 XDDD，今天要來跟著這個影片來學習傳統函式跟箭頭函式中 this 的差別，練練我的小腦袋！如果...

江江好 ‧ 2019-09-24 ‧團隊火箭隊

4 Like 2 留言 5837 瀏覽

鐵人賽 Modern Web DAY 22

透過 ESLint 練習 JavaScript ES6 系列第 22 篇

技術 Day22【ES6 小筆記】變數提升（Hoisting）與暫時死區（TDZ）

今天來介紹 let/const 的暫時死區（Temporal Dead Zone，TDZ），這是 ES6 中對作用域新的專用語，翻成中文就是「時間上暫時無法達到...

江江好 ‧ 2019-09-23 ‧團隊火箭隊

3 Like 5 留言 2137 瀏覽

鐵人賽 Modern Web DAY 21

透過 ESLint 練習 JavaScript ES6 系列第 21 篇

技術 Day21【ES6 小筆記】物件屬性存取方式 - 以一篇業配文為例

先前我們有介紹過物件的解構賦值，用於存取多屬性的物件，而今天我們就來聊聊存取單一個物件時，有什麼方法吧！假如我們有一個物件 restaurant 紀錄這間好吃...

江江好 ‧ 2019-09-22 ‧團隊火箭隊

4 Like 1 留言 7626 瀏覽

鐵人賽 Modern Web DAY 20

透過 ESLint 練習 JavaScript ES6 系列第 20 篇

技術 Day20【ES6 小筆記】什麼是「語法糖」哩？

在學習 ES6 的路上，常常會看到「語法糖」這個名詞，但一直不知道是什麼意思，我們來看看維基百哥怎麼說的：語法糖是由英國電腦科學家彼得·蘭丁發明的一個術語，...

江江好 ‧ 2019-09-21 ‧團隊火箭隊

2 Like 2 留言 3724 瀏覽

鐵人賽 Modern Web DAY 19

透過 ESLint 練習 JavaScript ES6 系列第 19 篇

技術 Day19【ES6 小筆記】三元運算子-以哥哥的擇偶條件為例

三元運算子可以拿來做簡單的判斷，在兩個結果間快速的做出選擇！雖然不是 ES6 才出的語法，但是 airbnb 有提到，今天就來介紹一下他的用法唄！ ESLin...

江江好 ‧ 2019-09-20 ‧團隊火箭隊

2 Like 2 留言 4063 瀏覽

鐵人賽 Modern Web DAY 16

透過 ESLint 練習 JavaScript ES6 系列第 16 篇

技術 Day16【ES6 小筆記】// javascript 怎麼下個好註解？

今天來介紹 ESLint airbnb 中對於註解的建議，好的註解除了可以增加程式碼的可讀性之外，對於團隊間的開發，如果有培養下註解的默契，在維護上也會有幫助歐...

江江好 ‧ 2019-09-17 ‧團隊火箭隊

2 Like 3 留言 17527 瀏覽

鐵人賽 Modern Web DAY 17

透過 ESLint 練習 JavaScript ES6 系列第 17 篇

技術 Day17【ES6 小筆記】Array.reduce() - 陣列累加 / 比大小妙招

上次練習了 airbnb 推薦的 map() 語法，我們再來複習一次 ESLint airbnb 的規則怎麼說的： 11.1 不要使用迭代器。更好的做法是使用...

江江好 ‧ 2019-09-18 ‧團隊火箭隊

1 Like 0 留言 2663 瀏覽

鐵人賽 Modern Web DAY 15

透過 ESLint 練習 JavaScript ES6 系列第 15 篇

技術 Day15【ES6 小筆記】物件縮寫好棒棒！Object literal extension

在 ES6 中，物件的撰寫更簡便了！可以使用縮寫的方式縮短我們的程式碼，省去的繁瑣的工作外，也能增加可讀性，今天就來一探究竟唄～物件內屬性的簡寫以我家兔子...

江江好 ‧ 2019-09-16 ‧團隊火箭隊

2 Like 2 留言 3839 瀏覽

鐵人賽 Modern Web DAY 14

透過 ESLint 練習 JavaScript ES6 系列第 14 篇

技術 Day14【ES6 小筆記】用 ES6 跟 CSS 做一個調皮的標題

今天要來製作一個有簡單互動效果的標題，來練習我們前兩週提到的模板字串符、箭頭函示、展開運算子及 map() 的應用！首先來看看這個標題有沒有調皮（codepen...

江江好 ‧ 2019-09-15 ‧團隊火箭隊

3 Like 5 留言 58379 瀏覽

鐵人賽 Modern Web DAY 13

透過 ESLint 練習 JavaScript ES6 系列第 13 篇

技術 Day13【ES6 小筆記】Array.map() - 處理陣列最佳選擇

上一篇不小心介紹了 airbnb 風格不推薦的 for-of 語法，我們來仔細看看 ESLint airbnb 的規則到底是怎麼說的： 11.1 不要使用迭代...

江江好 ‧ 2019-09-14 ‧團隊火箭隊

3 Like 2 留言 36556 瀏覽

鐵人賽 Modern Web DAY 3

給初入JS框架新手的React.js入門系列第 3 篇

技術【React.js入門 - 03】開始之前應該要知道的DOM和ES6

(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...

Andy Chang ‧ 2019-09-14

3 Like 2 留言 4719 瀏覽

鐵人賽 Modern Web DAY 12

透過 ESLint 練習 JavaScript ES6 系列第 12 篇

技術 Day12【ES6 小筆記】for 迴圈 vs. for...of - 陣列處理比一比

過去我們可以使用 for、while、do while、for-in 等內建的函式來處理資料，而在 ES6 中我們多了 for-of 這個更方便的用法來處理這...

江江好 ‧ 2019-09-13 ‧團隊火箭隊

6 Like 7 留言 3231 瀏覽

鐵人賽 Modern Web DAY 11

透過 ESLint 練習 JavaScript ES6 系列第 11 篇

技術 Day11【ES6 小筆記】陣列的解構賦值-以哥哥的前女友為例（Array Destructuring）

上一篇介紹了物件的解構賦值應用，而解構賦值的功能是要讓我們在寫物件、陣列的時候可以很便利的使用縮寫，將資料取出成獨立變數，增加可讀性並減少程式碼，今天就來練習陣...

江江好 ‧ 2019-09-12 ‧團隊火箭隊

4 Like 3 留言 6524 瀏覽

鐵人賽 Modern Web DAY 10

透過 ESLint 練習 JavaScript ES6 系列第 10 篇

技術 Day10【ES6 小筆記】物件的解構賦值-以一間好吃的餐廳為例（Object Destructuring）

今天來學習 ES6 中的解構賦值，功能是讓我們在寫物件、陣列的時候可以很便利的使用縮寫，快速的將多筆資料取出成獨立變數，增加可讀性並減少程式碼，今天就來練習物件...

江江好 ‧ 2019-09-11 ‧團隊火箭隊

1 Like 0 留言 1153 瀏覽

鐵人賽 Software Development DAY 9

為什麼世界需要Typescript 系列第 9 篇

技術觀察者模式 - 09

多行字串 Typescript 支援多行字串 let text = `start line end line `; 字串模板 Typescript 支援字串模...

閃電妖精 ‧ 2019-09-10

3 Like 1 留言 2894 瀏覽

鐵人賽 Modern Web DAY 9

透過 ESLint 練習 JavaScript ES6 系列第 9 篇

技術 Day09【ES6 小筆記】展開運算子 - 基礎使用範例（Spread operator）

上一篇的剩餘參數，是把很多的參數整合成一個陣列，而展開運算子，則是把陣列裡面的值取出，並拆解成一個一個的獨立參數，使用方式一樣都是 ...，以下來看看使用情境...

江江好 ‧ 2019-09-10 ‧團隊火箭隊

5 Like 1 留言 5883 瀏覽

鐵人賽 Modern Web DAY 8

透過 ESLint 練習 JavaScript ES6 系列第 8 篇

技術 Day08【ES6 小筆記】剩餘參數 - 基礎使用範例（Rest parameter）

在有些情況，Function 有不確定數量的參數時，ES6 提供的「剩餘參數」就可以幫助我們很容易取得剩餘的所有參數，並保存在陣列裡！剩餘參數的特性如下：...

江江好 ‧ 2019-09-09 ‧團隊火箭隊

3 Like 0 留言 4733 瀏覽

鐵人賽 Modern Web DAY 6

「小孩才做選擇，我全都要。」小白也能輕鬆瞭解的 Vue.js 與 D3.js 。系列第 6 篇

技術 [ Vue.js ] 資料選項 Options

學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...

ShawnL ‧ 2019-09-08

1 Like 1 留言 7161 瀏覽

鐵人賽 Modern Web DAY 7

透過 ESLint 練習 JavaScript ES6 系列第 7 篇

技術 Day07【ES6 小筆記】變數命名規則&宣告位置哪裡好？

在先前我們已經有介紹過 ES6 新的變數宣告方法 let 與 const，但是變數宣告的位置跟變數名稱也是有規則的哦！養成良好的習慣，可以讓我們的程式碼有更好的...

江江好 ‧ 2019-09-08 ‧團隊火箭隊