iT邦幫忙

javascript相關文章
共有 5172 則文章
鐵人賽 Modern Web DAY 18

技術 [Day17] web component 的應用-跨程式語言的合作

在不同的程式語言中使用web component 在PHP、Ruby on Rails這些可以生成網頁的程式語言中,生成網頁這件事簡單來說就是生成html、CS...

鐵人賽 Modern Web DAY 18

技術 Day 18:Collapsibles 組件實作

組件實作 : Demo、Demo2 一、前言 Collapsibles 翻譯為折疊的意思,所以它可以像是下拉選單一樣,點擊按鈕後即可展開內容,其實這個組件的作...

鐵人賽 Modern Web DAY 17

技術 想轉職的鯊魚從零基礎開始學習JavaScript Day-17 The Global Object (全域物件)

前言 先前在做其他主題的之後,都會碰到Constructor Properties,建構式也就是它們的原型,這些原型從哪來的,讓我相當的好奇,所以好奇的鯊魚就去...

鐵人賽 自我挑戰組 DAY 18

技術 Day 18:jQuery 學習筆記-上

一、前言 伴隨著前端框架的不斷演進,jQuery 的使用慢慢地式微,甚至出現了棄用 jQuery 的建議【1】。雖然某些公司專案開上可能不再使用 jQuery...

鐵人賽 Modern Web DAY 17

技術 JS之路 Day17 - async/await(Promise語法糖)

前言 async/await的方式提供了promise一種新的寫法,至於有沒有更方便及更高的可讀性,我覺得使用了async/await是更容易進行編寫的,至少可...

鐵人賽 Modern Web DAY 19

技術 Have fun! 新手也能打造的Javascript微型專案! Day19: 觀念跟語法老是忘記? 那寫個flash-card程式來幫助自己記憶吧!(上)

tags: ItIron2022 Javascript 前言 要準備面試前總是需要複習各種基本概念,就像以前高中考試前背單字一樣,既然都是一樣的行為,那麼以前常...

鐵人賽 影片教學 DAY 17
我讀你看 系列 第 17

技術 [JS] 如何判斷物件中是否帶有特定屬性,為什麼要改用 hasOwn 方法?

為什麼不要用 Object.prototype.hasOwnProperty,要改用 Object.hasOwn? in operator 和 hanOw...

鐵人賽 自我挑戰組 DAY 20

技術 Day20- npm基本介紹及使用

前面補充了很多天的javascript基本語法,今天,終於要來回到Node上面的部分了!先來介紹NPM以及講解它如和使用吧! NPM是甚麼 NPM全名為 nod...

鐵人賽 Modern Web DAY 17

技術 Day 17 - 為什麼要用 TypeScript

前言 JavaScript 已經寫到滾瓜爛熟了,但畢竟 JavaScript 是一個弱型別的語言,往往有許多 bug 都從這個點衍生出來。 當提到弱型別這件事,...

鐵人賽 Modern Web DAY 17

技術 Day 17 咩色用得好 - Array.prototype.includes

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

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

技術 call、apply、bind

call、apply、bind 三者都是 JavaScript Function 的內建函式,他們與 this 的關係重大,除此之外,call & ap...

鐵人賽 Modern Web DAY 28

技術 Iterator和Iterable

昨天的L-System中Javascript的實作中,expander中使用了Iterator,今天就來介紹Javascript中和Iterator相關的主題。...

鐵人賽 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取...

鐵人賽 Modern Web DAY 30

技術 Trick 29: 電競天梯的積分怎麼算才不會糊掉

同學們是否玩過有天梯排名的電競遊戲?有這種賽制的對戰遊戲中,來自四面八方的玩家都可以隨意找對手玩個兩場,並在賽後增減天梯積分,積分越高,越能受到來自其他玩家們景...

鐵人賽 Modern Web DAY 17

技術 Day17 陣列 Arrays

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

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

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

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

鐵人賽 Modern Web DAY 17

技術 [Day16] web component 的應用-和Vue合作

因為vue在設計時有參考react,所以在使用web component和被web component使用時的方法大同小異。這篇文章 Vue 雖說Vue的語法在...

鐵人賽 自我挑戰組 DAY 25

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

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

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

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

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

鐵人賽 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 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 16

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

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

鐵人賽 Modern Web DAY 16

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

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

鐵人賽 Modern Web DAY 29

技術 Trick 28: 漩渦式地圖搜索演算法

遊戲中把敵人打到戰鬥不能後,敵人不是會噴血、噴錢、噴道具嗎?那同學們知道這些噴出來的東西,在程式中是怎麼選擇降落的位置嗎?該不會以為是亂數隨便選一選的吧!其實小...