iT邦幫忙

es6相關文章
共有 116 則文章

技術 javascript: 錨點下滑+滾動點亮nav (ES6 Class)

使用方法 let a = new ClickScroll() a.navBtns = [dom1, dom2, dom3] // 導覽列dom元素,陣列 a.t...

鐵人賽 Modern Web DAY 29
JavaScript學習筆記 系列 第 29

技術 [Day 29] ES6功能介紹 - 箭頭函式、樣板字串、解構賦值、其餘參數、展開運算子

ES6提供了一些方法可以讓程式碼更簡潔的寫法,整理幾個常使用到的~ 1. 箭頭函式 (arrow function) 箭頭函式一定要提到的!比起傳統函式變得更簡...

鐵人賽 JavaScript DAY 9

技術 【Day8】模組化概念—ES6 Modules

「阿這個功能我不是昨天才寫過嗎?是在哪個頁面寫的?」隨著開發專案逐漸龐大,不可能單靠複製貼上來重複撰寫。把龐大的代碼細化成小模組,讓彼此各司其職,就是今天要來學...

鐵人賽 Modern Web DAY 3
現在就學React.js 系列 第 3

技術 React 中一定會用到的JS語法 (下) - ES6 語法介紹 -Day03

我們持續學習,在React中一定會用到的JS語法吧! 昨日介紹內容 樣板字面值(Template literals) 箭頭函式 物件解構 陣列解構 本日介...

鐵人賽 Modern Web DAY 2
現在就學React.js 系列 第 2

技術 React 中一定會用到的JS語法 (上) - ES6 語法介紹 -Day02

React是奠基於JavaScript的前端框架,因此在開始學習之前,必須要有一些JavaScript的基礎認識,否則在學習上容易卡關。因此,今天我們來認識一下...

鐵人賽 自我挑戰組 DAY 17

技術 Day17 - 告別 jQuery:現代開發不可或缺的 JavaScript 方法

原文連結:jQueryへの別れ:現代的な開発のための必須JavaScriptメソッド - Qiita 有時在工作上,需要維護一些比較早期的專案,或開發小型不...

鐵人賽 Software Development DAY 12

技術 Day 12 - 理解 JavaScript,為什麼要知道 ES6 的語法糖 Class?

在上篇因為 JavaScript 沒有原生的 Class,所以他的繼承方式是以 prototype (原型),在 ES6 中引入了 Class(類別)語法,他是...

鐵人賽 自我挑戰組 DAY 8

技術 【Day8】ChatGPT請教教我:進階JavaScript 、 ES6語法&語法糖

目前這個系列已挑選ChatGPT、前端&React相關章節出版成書!感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React & 前端技能樹...

技術 js常見的縮寫

縮寫: fn:function(){} == fn(){} 不同陣列合併可以用新陣列 = 陣列A.concat(陣列B),但是會需要記憶concat,可以改為使...

鐵人賽 Modern Web DAY 12

技術 [DAY12]React ES6介紹

前言ES6這個主題應該要放在前面介紹的,但我當時沒注意到就跳過了,所以今天來補介紹ES6!相信大家在寫javascript或是react的時候常常會看到ES6這...

鐵人賽 Software Development DAY 2
React框架白話文運動 系列 第 2

達標好文 技術 React白話文運動02-ES6(一)

前言 嗨,我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我,進而獲得更多資訊...

鐵人賽 Modern Web DAY 13
【每天5分鐘】學前端 系列 第 13

技術 Day13【每天5分鐘】學前端 | JavaScript 簡介

今天要介紹的 JavaScript ,目前版本已經來到 ES6 。 在學 JavaScript 之前,需要對 HTML 和 CSS 有基礎的認識 ヽ(✿゚▽゚)...

鐵人賽 自我挑戰組 DAY 15
開始入坑網頁吧! 系列 第 15

技術 JavaScript class

Class 這是ES6 引入的概念,提供我們更簡潔的方式建立物件以及繼承,這樣我們不用一直寫重複的代碼。 類別是一種特殊函數定義類別可以使用*類別宣告*類別...

鐵人賽 Modern Web DAY 3
30天學 React.js 系列 第 3

技術 [Day3][筆記] React.js 常用 的 ES6 語法(2)

前言 延續昨天內容今天繼續介紹常用 ES6 語法。 展開其餘 展開運算符有幾個用途 陣列 展開成個別值 字串拆解成陣列 物件 展開成 key-value...

鐵人賽 Modern Web DAY 2
30天學 React.js 系列 第 2

技術 [Day2][筆記] React.js 常用 的 ES6 語法(1)

前言 React.js 是一套 JavaScript 函式庫,而其寫法也的確如同其字面上意思,寫起來最有 JavaScript 味道。因此在開始介紹 React...

技術 我流理解---JavaScript ES6---3(常用陣列方法)

人生就是如此捉摸不定吧...我好像大概可能應該是找到工作了吧~但為什麼等HR聯絡可以等這麼久呢...雖然從確定核薪也才過三四天就是了... 以下的幾種函式基本...

技術 我流理解---JavaScript ES6---1

練習將所學內容進行紀錄六角學院的Vue課程中的內容 let跟const let的範圍是區塊跟var主要的差異在於,基本上他的作用域只在所屬的{}的範圍內而已,v...

技術 JavaScript ⑅ES6:展開運算子 & 其餘運算子

展開運算子及 其餘運算子( 又稱 其餘參數 )他們有共通特點,那就是「 都跟陣列有關 」 寫法就是 ...沒錯,就是 「 ... 」( 寫在文字編輯器中應該是會...

鐵人賽 Modern Web DAY 23

技術 二十三日目:JavaScript ES6:箭頭函式 アロー関数ノ章

おはー(U 'ᴗ' U)⑅ SONYKO 打油 ♡♡♡是說我連續 2 天都是 23 : 57 分發文 是說我 mac 的輸入法 ...韓式還不是你逼我用的  ...

鐵人賽 自我挑戰組 DAY 21
JavaScript基礎30天 系列 第 21

技術 JS 代辦事項 基礎教學(1) DAY21

今天開始大量的實作啦~~~JS 代辦事項 主要會以 JS 的 localStroage 搭配 ES6 來操作若還不熟 localStroage 的朋友們可以往前...

鐵人賽 Modern Web DAY 16

技術 十六日目:JavaScript ES6 constノ章

おはー(U 'ᴗ' U)✧ 我是 SONYKO今天介紹 const ⑅  喔喔喔喔喔喔!空司透!(゜д゜#) ⑅ const 是什麼 (U 'ᴗ' U)?...

鐵人賽 自我挑戰組 DAY 29

技術 初探JavaScript - ECMAScript 6 - 用var、let和const的差別?

ES 6(ECMAScript 6 / ECMAScript 2015 / JavaSCript6)是提升JavaScript程式碼品質最佳利器。 在ES6中有...

鐵人賽 Modern Web DAY 15

技術 十五日目:JavaScript ES6 letノ章

おはよー(U 'ᴗ' U)✧ 我是 SONYKO來講一下ES6 推出的新宣告方式 let 和 const ⑅ 我們var 了那麼久、為什麼不能var ?這篇來解...

鐵人賽 Modern Web DAY 5

技術 DAY5-Javascript Set和Map (下)

Map Map是一種資料結構,和前一天所介紹的加工資料的方法map()是完全不一樣的東西喔。 和Set不一樣,Map重視鍵和值(key/value)之間的關係,...

鐵人賽 Modern Web DAY 4

技術 DAY4-Javascript Set和Map (上)

Set和Map是Javascript ES6內建的標準物件。可以幫助我們處理更多不同情境的問題。 Set關心的是值(value),並且值是不是唯一;而Map關心...

鐵人賽 Modern Web DAY 3

技術 DAY3-常見的Javascript使用技巧與情境

Javascript ES6帶來很多方便且實用的新語法(其實ES6也不新的,但是IE就是不支援?), 很多網站都有很詳細介紹新語法,筆者本人也是在各大網站看了好...

鐵人賽 自我挑戰組 DAY 14

技術 14 ES6:樣板字串與箭頭函式

前言 本來是要直接進行中間大魔王的關卡,但如果少講了樣板字串,會讓後面單挑大魔王時,程式碼變得很雜亂不容易閱讀。因此要先岔出來講一下這兩個東西。 樣板字串 Te...

鐵人賽 自我挑戰組 DAY 2

技術 02 var、let、const 與 ES6 簡介

前言 昨天最後的題目,不知道大家解開了嗎?下面的程式中,有幾個變數、幾個型別、幾個記憶體? var a; a = 1; a = "a字串"...

技術 [自學筆記] ES6 的好用地方

知識淺短的我~對於這種事就會像是發現新大陸 哈哈~ 看到書上的ES6寫法 let a = [...b]; // 可以用來複製陣列 這與一般認為的 a = b...

技術 ES6 學習筆記_03(作用鏈)

作用鏈 在JavaScript中,函數可以製造一個作用域(函數作用域),如果函數中還有函數那麼這個作用域中又會建立一個作用域,將所有的作用域列出來可以獲得一個結...