iT邦幫忙

javascript相關文章
共有 5650 則文章
鐵人賽 Modern Web DAY 26

技術 【Day28】Node.js是什麼?

以上27天的文章簡單帶大家了解JavaScript的冰山一角,也因為主題是興趣初探,因此內容不會有需深入理解的:callback、closure、this……。...

鐵人賽 Modern Web DAY 26

技術 【Day27】事件處理event e.target 與 nodeName

上一篇有說明可以透過事件了解當下的元素內容,而本篇要介紹的target與nodeName就是兩個常用的物件事件可搭配使用 本篇介紹內容: node.Name取...

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

技術 Day16【從麻瓜變成前端魔法師】JS 算術運算子、餘數運算子

今天的麥克風出了一點狀況,都是雜音,重錄一遍就超過 12 點了 (>_<); 算術運算子 使用符號 加法 + 減法 - 乘法...

鐵人賽 Modern Web DAY 18

技術 Have fun! 新手也能打造的Javascript微型專案! Day18: 總是心浮氣躁嗎? 利用垂直置中技巧做個簡單的冥想頁面吧!

tags: ItIron2022 Javascript 前言 最近開始迷上做佛系瑜伽,教學影片中其中都會穿插一些冥想的玩意,隨著導師的聲音深呼吸、吐氣,這樣的放...

鐵人賽 Modern Web DAY 16

技術 Day16 咩色用得好 - Array.prototype.indexOf

Abstract 整篇會分成以下幾個部分: 使用時機 語法 說明 範例 注意事項 ECMAScript 結論 indexOf() 這個 method 的全寫...

鐵人賽 自我挑戰組 DAY 19

技術 Day19- URL物件 解析網址的好幫手

講到JavaScript,大部分的人會先聯想到網站、前端等詞彙。作為一個在"網路"上發光發熱的程式語言,必然支援網路上的各種操作,其中解析U...

鐵人賽 自我挑戰組 DAY 17

技術 Day 17:Docker 學習筆記

一、前言 這篇文章的主要目的是在記錄學習 Docker 的相關議題,內容包括:「是如何入門?碰上問題時的解決方法?」等等,目標是把環境建立起來,還有整理相關的...

鐵人賽 Modern Web DAY 17

技術 Day 17:Testimonials 組件實作

組件實作 : Demo 一、前言 Testimonials 這個組件意思是「證言」,類似推薦信的感覺,也就是網路上的文章底下常見的留言評論區,先不討論這些...

鐵人賽 自我挑戰組 DAY 25

技術 Day 25 Side Project : Quiz App 小測驗

今天要來做的是小測驗裝置 (ˉ▽ ̄~) 超白話畫面和功能拆解 畫面上每個題目皆為單選題,每一頁只顯示一個測驗 選好答案,,按下submit按鈕,就會自動跳到...

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

技術 DOM (Document Object Model) II

寫html (innerHTML) 例 ❶ (答案:標題) const main = document.querySelector(".main&...

鐵人賽 Modern Web DAY 16

技術 JS之路 Day16 - Promise methods(承諾方法)

前言 前幾天講的Promise的then()、catch()、finally()也是Promise的methods,從MDN的定義上會把這三種methods稱之...

鐵人賽 Modern Web DAY 17

技術 Day17 陣列 Arrays

當從外界獲得資料時,資料未必只會是一筆一筆的,更有可能的是一次會獲得超大筆資料,例如台北市的豪宅資料、1111購物節的商品資訊等等。這時候如果要用變數一個一個地...

鐵人賽 Modern Web DAY 16

技術 Day16 流程判斷 if、else、else if

日常生活中,我們常常會有許多如果怎麼樣,就去做甚麼事這種情境,我們隨時會得到許多不同的訊息、輸入進腦袋進行判斷後做出幾種選項中最有利的決策,並且去付諸實行。例如...

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

技術 Day30【每天5分鐘】學前端 | 三元運算子 & 結尾

鐵人賽來到 最後一天 ,謝謝這段時間 閱讀系列文的大家,忽然覺得有點捨不得 (´•̥̥̥ω•̥̥̥`) 今天會補充之前文章有提過~但還沒說明的 三元運算子 。...

鐵人賽 Modern Web DAY 16

技術 想轉職的鯊魚從零基礎開始學習JavaScript Day-16 The Number Type數字(二)

前言 非常抱歉昨天鯊魚提到了有關Number內容的有一部分有理解錯誤,這邊做一下修正Number有分兩個部分一個是Number Constructor(數字的建...

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

技術 Day15【從麻瓜變成前端魔法師】JS 字串、數字

字串 :需用 引號 包起來數字 :不需要用引號, 直接寫 即可 若想知道更多資訊,可參考文字敘述:Day14【每天5分鐘】學前端 | JavaScript...

鐵人賽 Modern Web DAY 15

技術 Day15 咩色用得好 - Array.prototype.fill (將陣列變成你想要的形狀)

Abstract 我是阿傑,上一篇說到我為了犒賞自己跑去買了 唉噁怕死普羅,但我並沒有亂花錢,我只是讓它變成了我想要的形狀! 陣列也可以,只要你會用 fill...

鐵人賽 Modern Web DAY 16

技術 Day 16:Tooltip 組件實作

組件實作 : Demo 一、前言 Tooltip 是文字提示的組件,感覺上它很容易被忽略,其實這一個功能在網頁上也很常找到它的芳蹤,其實作的原理,也不會太...

鐵人賽 Modern Web DAY 15

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

前言 說完字串之後接下來換另一個大寶貝-Number數字。 Number Type數字精確地說一共有18,437,736,874,454,810,627 (2^...

鐵人賽 自我挑戰組 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這類元素的用法,在第一次接觸時,總是會感到困惑,不清...