iT邦幫忙

javascript相關文章
共有 2336 則文章

技術 JS30 Day 10 - Hold Shift and Check Checkboxes學習筆記

今天的題目功能是當我們按下checkbox以後,按著shift不放,再按下另一個checkbox,會把兩個checkbox之間的checked都設為true,主...

技術 JS30 Day 9 - Dev Tools Domination 學習筆記

今天主要是介紹一些我們console的tool 在開始前我們將console設成變數,並將會用到的console給寫進去,方便用來如果要開啟或關閉全部conso...

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

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

技術 ES6 學習筆記_02(作用域)

什麼是作用域? 作用域就是一個變數的生存範圍,一旦超出了這麼範圍就無法存取到這個變數。 在ES6之前,Javascript只擁有函數作用域和全域作用域,函式...

技術 ES6 學習筆記_01(let & const)

let基本介紹 在ES6中新增了let與const兩個命令,用法類似於var但是最大的不同在於var作用於全域而let與const作用於塊狀區域中。 var作用...

技術 [鼠年全馬] W17 - JavaScript學習心得 - 阿賈克斯為你打造溝通橋樑p3

嗨我又來騙文章數了~ 這週要來實作抓政府Open API並實際呈現於畫面上 API的部分是用六角上課時提供的API連結: 高雄旅遊網 不得不說六角老師的這個範...

技術 Javascript 進階 11-6 Promise 與 Ajax

這篇文章要使用 XMLHttpRequest 配合 Promise 進行 ajax 的封裝撰寫 首先先來看看下方的這範例,我們利用原生的 Web API 針對...

技術 【圖解Deno教學】介紹x安裝x使用 三合一

Youtube連結:https://bit.ly/36zpv2V Deno Taiwan(FB社團):https://bit.ly/2XXyoQ0 Deno是...

技術 Javascript 進階 11-5 Promise 常用方法

這篇文章要介紹一些常用的 Promise 的方法 首先我們先來看看這個範例 // 定義 function promiseFn (num, timeout = 5...

技術 Javascript 進階 11-4 Promise Chain 鏈接技巧

這篇文章要介紹的是 Promise Chain (鏈接技巧) 這裡用到上一篇文章所介紹到的 Promise ,並在 resolved 的狀態時,會使用樣板字面值...

技術 Javascript 進階 11-3 創立自己的 Promise

這篇文章要來教你如何建立自己的 Promise 首先我們先來看看 Promise 的建構函式~ console.log(Promise); 檢查了以後發現甚...

技術 JS30 Day 8 - Fun with HTML5 Canvas 學習筆記

今天主要利用 <canvas> 這個 HTML 元素來做出我們要的功能,我們可以利用程式腳本在這個元素上繪圖(通常是用 JS)、合成圖片或動畫效果。...

徵才 徵求 資深WEB前端工程師 #歡迎挑戰高薪 待遇月薪100000元~200000元 公司穩定 福利佳 Frontend Engineer

徵求 資深WEB前端工程師 #歡迎挑戰高薪 職責: 1、根據產品經理的設計,完成前端Web頁面的開發,並處理和後端的對接; 2、模塊化前端組件,建立前端開發架構...

技術 Javascript 進階 11-2 Promise 基礎概念

這篇文章要來介紹 Promise 的運行概念 基本上,Promise 在運行非同步事件的時候都會有幾個狀態,我們透過下方的圖示來解說一下 首先不論如何,一開...

技術 Javascript 進階 11-1 為什麼需要 Promise

今天要來介紹為什麼要使用 Promise Promise 的使用時機就是適合來解決非同步的事件,非同步的事件通常都是 ajax 的事件,但其實除了 ajax 以...

技術 JS30 Day 7 - Array Cardio Day 2學習筆記

今天,這個單元主要是銜接Day4,練習並熟悉關於陣列的一些方法, 如比對資料、搜尋資料、刪除增加資料等等。 而題目分為5題 此處為題目會用到的資料 c...

技術 Javascript 進階 10-4 標籤樣板字面值

這個章節會介紹更進階的用法,也就是標籤樣板字面值 首先先用一個簡單的範例來帶大家了解甚麼是 標籤樣板字面值。 function showConsole(stri...

技術 Javascript 進階 10-3 巢狀結構

這個章節繼續來介紹樣板字面值的巢狀結構 根據 MDN 的文章解釋,樣板字面值的 ${} 區塊,其中必須要是表達式才可以。 也就是下面的例子: const pe...

技術 Javascript 進階 10-2 樣板字面值技巧:VSCode 搭配 Emmet 撰寫 HTML 結構

很多有開發經驗的人應該都很需要 Emmet 的幫忙,來快速生產想要且重複性高的 html 結構。 而在 VS Code 的開發編輯器中, Emmet 是內建的功...

技術 Javascript 進階 10-1 樣板字面值(Template literals)基本介紹

本篇文章主要來介紹樣板字面值(Template literals) 在早期的版本,也被稱作 Template String 。 先來看看是甚麼樣的情境會使用到吧...

技術 Javascript 進階 9-4 箭頭函式實戰用法

這篇文章會介紹箭頭函式實際運用的情況! 雖然箭頭函式有很多好處,但其實可以變化的地方很多,也可以搭配很多不同的語法進行變化,還是需要多多練習才能熟悉如何變化以及...

技術 Javascript 進階 9-3 常見問題

這一篇教學要來探討的是關於箭頭函式的常見問題 以下會列出幾個比較常見的問題來討論~ 1. 回傳的問題 我們先前有說過,當我們想要箭頭函式直接回傳一個值的時候,可...

技術 Javascript 進階 9-2 與傳統函式不同之處

這篇文章要來介紹箭頭函式跟傳統函式的差別~ 1. 箭頭函式沒有 arguments 參數 之前在傳統函式有介紹到,參數的傳入有一個 arguments 參數會來...

技術 Javascript 進階 9-1 箭頭函式簡介

關於箭頭函式的介紹也是屬於 ES6 的範疇,跟上一個章節的 Let 以及 Const 一樣。 關於ES6 的新增語法 讓原有 JS 撰寫更為精簡 (語法糖)...

技術 JS30 Day 6 - Type Ahead學習筆記

這次的章節,對於正規表達式不熟悉的我,是個非常難理解的,花了大概半天才理解清楚,程式碼全部的意思,也希望如果有地方寫得不好,請見諒,或是大大能夠補充,謝謝! 這...

技術 MensWalk - Pure React Calendar

Pure JS React 日曆 使用 new Date 製作日曆 更新:我後來改寫的更加簡潔,並且抽離成hook 詳情可參考 前端野人 顯示日期 需要注意...

技術 Javascript 進階 8-5 練習問題

Q1 A: a B: ReferenceError C: undefined D: SyntaxError 答案: B 備註: 無 Q2 A: Casper...

技術 [鼠年全馬] W15 - JavaScript學習心得 - 阿賈克斯為你打造溝通橋樑p2

上篇文章是說明AJAX以及基本操作方式 這篇文章會來講比較概念性的東西 主要會談到兩點: Http Response: 簡單分析在XMLHttpRequest...

技術 Javascript 進階 8-4 學好 ES6 - 使用 ESlint 工具輔助學習

ESlint 是 Javascript 一種風格規範 甚麼是風格規範呢? 當一個團隊在開發的時候,每個人的寫作習慣都不同,這個時候,就會使用ESlint進行寫作...

技術 Javascript 進階 8-3 Let 有沒有 Hoisting?暫時性死區介紹

這篇文章主要是要來探討 Let 有沒有 Hoisting? 之前提過,提升(hoisting)簡單來說分為創造以及執行的兩個階段~ 如果對於提升(hoistin...