iT邦幫忙

javascript相關文章
共有 5691 則文章
鐵人賽 自我挑戰組 DAY 16

技術 Day 16:Gulp 學習筆記

一、前言 Gulp 是工作流程自動化的工具,可以幫我們處理一些需要重複執行的指令,像這類繁瑣的工作,可以交給 Gulp 來處理,在初學 Gulp 時,可以直接...

鐵人賽 自我挑戰組 DAY 24

技術 Day 24 Side Project : Live User Filter 動態篩選器

今天要做的是動態篩選器 畫面和功能拆解 沒有輸入的情況下,可以看到所有的人名 每輸入一個字母,便動態篩選搜尋結果(類似 google 搜尋 bar)...

鐵人賽 Modern Web DAY 15

技術 JS之路 Day15 - Promise Chain(承諾鏈)

前言 有時候很常見會有情況是需要很多的非同步操作,每一個非同步的後續操作都建立在前面的非同步操作的成功,所以會繼續上一步的結果,在使用callback處理這種狀...

鐵人賽 自我挑戰組 DAY 18

技術 Day18- 更謹慎對待你的Code-Strict mode簡介

正當我正在逛MDN官網時,看到一個Strict mode的頁面,因為好奇才有了今天這篇文章。 Strict mode是甚麼 因為javascript是一款很不嚴...

鐵人賽 自我挑戰組 DAY 19
JavaScript亂記 系列 第 19

技術 DOM (Document Object Model) I

打開網站就會產生一個節點樹 DOM 全名為 Document Object Model 中文翻譯為 文件物件模型,看起來很抽象但其實就是把一份 HTML 文件內...

鐵人賽 Modern Web DAY 17

技術 Have fun! 新手也能打造的Javascript微型專案! Day17: 用打字猜數字無聊? 那就用SpeechRecognition語音猜數字唄!(下)

tags: ItIron2022 Javascript 前言 我們昨天已經完成了基本的UI部分以及做好之後的事前規劃,剩下要做的事情就只是把js的邏輯補上即可,...

鐵人賽 Modern Web DAY 15

技術 Day15 比較運算子 與 邏輯運算子

比較運算子 比較運算子的意思就是用運算子前後的兩個值去做比較,然後會回傳為布林值的結果。 運算子 功能 描述 範例(let a = 3) 回傳結果...

鐵人賽 Modern Web DAY 30

技術 Day30-來看看 JavaScript 在 ES7~ES13 的幾個新特性

這篇會簡單粗淺的介紹幾個在 ES7~ES13 中我個人覺得比較重要和實用的特性。 ES7 Exponentiation Operator ** 指數運算子 **...

鐵人賽 Modern Web DAY 26

技術 【Day26】事件處理event-註冊、監聽

上一篇介紹捕獲與冒泡時,有使用addEventListener來對事件進行監聽綁定,而本篇除了會介紹addEventListener外,也會提到同樣是綁定事件的...

鐵人賽 影片教學 DAY 13
從麻瓜變成前端魔法師 系列 第 14

技術 Day14【從麻瓜變成前端魔法師】引入 JavaScript 的 4 種方法

YouTube 趕在 12:00 前錄製上傳,這裡來不及發 但我還是會每天更新的~ 若想知道更多資訊,可參考文字敘述:Day13【每天5分鐘】學前端 | J...

鐵人賽 自我挑戰組 DAY 15

技術 Day 15:偽元素與偽類

組件實作 : Demo 一、前言 在寫某些專案或者是練習,時不時會看到::before、::after這類元素的用法,在第一次接觸時,總是會感到困惑,不清...

鐵人賽 Modern Web DAY 14

技術 JS之路 Day14 - Promise(承諾)

前言 Promise在程式中非常好用,是因為很多操作都需要使用到非同步的概念,而要處理非同步,除了使用callback function之外,就是會使用Prom...

鐵人賽 Modern Web DAY 15

技術 Day 15:Animation 組件實作

組件實作 : Demo 一、前言 Animation 動畫是網頁中不可或缺的重要元素,它能夠為網頁帶來生命力,讓整個網頁「活了起來」,在本篇中介紹幾個語法...

鐵人賽 自我挑戰組 DAY 17

技術 Day17- JavaScript的Object以及Object.create()

今天終於要來講到JS一個很常看到,但又感覺很陌生的資料型態-Object。別問我標題為甚麼那麼長,因為這篇我不打算講Object的眾多方法要如何使用,這次會來專...

鐵人賽 Modern Web DAY 14

技術 Day14 咩色用得好 - Array.prototype.some (沒事沒事,有就好了)

Abstract 我是阿傑,我有一陣子很迷戀設定每月目標,給自己立 flag,只要達標我就會犒賞自己,例如這樣: 很明顯的,我只有追劇達標!但人腦很奇妙,總是...

鐵人賽 Modern Web DAY 14

技術 JS的Object常用方法-D14

物件啊物件 昨天了解了物件的基本概念,今天來看一下物件常用的方法! 環遊非洲第14天-非洲101-Q 猜猜全世界說法語人口最多的國家是哪一個? 當然是法...

鐵人賽 自我挑戰組 DAY 18
JavaScript亂記 系列 第 18

技術 THIS II

進階 第1筆雖傳入數字與字串但this是物件所以會轉換成物件 fn.call(1, '小明', '小華'); fn.call('文字', '小明', '小華')...

鐵人賽 Modern Web DAY 16

技術 Have fun! 新手也能打造的Javascript微型專案! Day16: 用打字猜數字無聊? 那就用SpeechRecognition語音猜數字唄!(上)

tags: ItIron2022 Javascript 前言 猜數字遊戲一直是很熱門的程式語言初學專案之一,可以很好的練習基本的條件式處理,但總是用打字去猜也是...

鐵人賽 Modern Web DAY 14

技術 Day14 字串轉數字、數字轉字串

主動轉型 前面我們知道了 JavaScript 有個貼心又討厭的特色就是自動轉型。當然,我們也可以因為目的需要自己做轉型,這邊介紹兩種轉型的方法: 字串轉數字...

鐵人賽 Modern Web DAY 25

技術 【Day25】事件處理event-冒泡、捕獲

在瀏覽網頁時使用者可以觸發許多事件,JavaScript 可以對這些事件做出反應,例如:滑鼠點擊、按鍵盤按鍵、滾動滾輪……等。DOM Event 可以用 Jav...

鐵人賽 Modern Web DAY 29

技術 Day29-寫出更好的 JavaScript 程式碼(下)

前言 此篇將繼續接續上篇,介紹一些寫 JS 的技巧。 語法部分 in operator in 運算子可以用來確認一個物件是否有某個屬性。 const pers...

鐵人賽 自我挑戰組 DAY 23

技術 Day 23 Side Project : Verify Account UI 帳戶驗證介面

今天要來做的是很常見的用戶驗證介面 超白話畫面和功能拆解 當輸入一個數字後,便會自動跳到下一個輸入框 可以按backspace 按鍵去修改前面的數字 運...

鐵人賽 自我挑戰組 DAY 14

技術 Day 14:JS ES6 學習筆記

組件實作 : Demo 一、前言 關於 JavaScript 的故事其實是這樣的:「JavaScript 誕生於 1995 年的景網通訊(Netscape...

鐵人賽 Modern Web DAY 13

技術 JS之路 Day13 - Event Loop (事件循環)

前言 昨天提到了JavaScript可以利用「並行的方式」去做到非同步這件事情,而關於這到底是怎麼辦到的,就是今天的主題,然後今天主要的內容都是以這個影片為基礎...

鐵人賽 Modern Web DAY 13

技術 想轉職的鯊魚從零基礎開始學習JavaScript Day-13 The String Type字串(一)

前言 前面有說過字串的基本樣式是什麼,這邊來更進一步去理解字串是什麼。 字串-顧名思義即是文字的集合體字串的編碼方式跟一般編碼方式是有些出入,只要被列為是字串裡...

鐵人賽 Modern Web DAY 13

技術 真的好想離開 Vue 3 新手村 - Day 13: v-on 語法、修飾符與找不到的 console.log

前言 今天這篇會先介紹 v-on 的語法和修飾符,熟悉的人可以考慮跳過這個部份。 再來會提到自己在學習 v-on 時的疑惑: 「為什麼不能在 inline ha...

鐵人賽 Modern Web DAY 15

技術 習慣:JS的尾聲

半個月轉瞬即逝,JS的部分在這邊也差不多告一段落了,最後提供一些關於JS的好雷、好用、或好習慣的雜集: 變數命名 我相信如果你不是剛學程式語言,絕對會知道用單一...

鐵人賽 Modern Web DAY 14

技術 成見:Export Default

我們不是有意為之,就是按照出廠設置。 Kristin Armstrong 今天我們就來淺看export尤其是export default。或許你已經注意到,...

鐵人賽 自我挑戰組 DAY 17
JavaScript亂記 系列 第 17

技術 THIS I

每個執行環境都有屬於自己的this關鍵字(自然產生) this與函式如何宣告沒有關聯性,僅與呼叫方法有關 嚴格模式下,簡易呼叫會有很大的改變 影響函式 t...