iT邦幫忙

javascript相關文章
共有 5650 則文章
鐵人賽 自我挑戰組 DAY 27
JavaScript亂記 系列 第 27

技術 WHILE迴圈

跟 for 語法用途一樣,while 是另一種迴圈語法,用來重覆執行 while 區塊內的語句。當條件是true的時候,就會執行while裏面的東西。 例...

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

技術 建構函式

使用 JavaScript 建構式寫法,可以先建立一個範本,接下來新增的物件都會依據此範本作為延伸。 例 function Dog(name, color...

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

技術 箭頭函式 II

箭頭函式沒有arguments arguments是類陣列 const nums = function () { console.log(argumen...

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

技術 箭頭函式 =>

Arrow function 箭頭函式為ES6的新增語法 讓原有 JS 撰寫更為精簡(語法糖) 讓 JS撰寫觀念更為直覺、簡便 用法 寫法為移除funct...

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

技術 EVENT II

瞭解目前DOM的HTML位置 (nodeName) <input type="button" value="+"...

鐵人賽 Modern Web DAY 20

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

tags: ItIron2022 Javascript 前言 昨天我們做好了基本的ui以及簡單帶過了翻卡的原理,今天我們就要慢慢的加入js邏輯讓整個頁面可以順利...

鐵人賽 自我挑戰組 DAY 19

技術 Day 19:jQuery 學習筆記-下

組件實作 : Demo、Demo2 一、前言 今天要來繼續研究 jQuery 的用法,經過我非常努力的看書後,發現勾不起我寫文章的動力,索性就直接在網路上...

鐵人賽 自我挑戰組 DAY 21

技術 Day21- 淺談Javascript的import以及export

npm可以安裝許多好用的套件,但總會有找不到我們需要功能的套件的時候,這時候就需要自己寫程式然後做引入,才能使用符合自己需要的功能的函式。import為引入、e...

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

技術 EVENT 事件 I

Event 介面表示了一個在 DOM 物件上所發生的事件。可以是由使用者的操作行為所產生(如:點擊滑鼠按鈕或敲打鍵盤)或是來自 API 因處理非同步任務所產生。...

鐵人賽 自我挑戰組 DAY 27

技術 Day 27 Side Project : Drawing App 畫畫面板

今天要來做的是畫畫面板,使用到HTML5的canvas這個元素 超白話畫面和功能拆解 有一個可以畫圖的畫布 點選操控面板可以換色、調整粗細 滑鼠左鍵按下就...

鐵人賽 Modern Web DAY 26

技術 【Day29】前端框架與JavaScript

打開求職網站,搜尋前端職缺時,除了前端三大元素:HTML、CSS、JavaScript外,也經常看到框架:Angular、React、Vue,那我們知道HTML...

徵才 【徵才/台北/部分遠端】富果帳戶-Senior Frontend Engineer

關於富果 富果帳戶,是年輕人都在用的投資帳戶! 在富果的每一位夥伴都相信著,透過持續學習和進步,投資這項技能將成為我們這個世代,累積財富的一種理想方式。所以我們...

鐵人賽 Modern Web DAY 18

技術 Day 18 咩色用得好 - Array.prototype.flat

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

鐵人賽 Modern Web DAY 18

技術 Day18 物件 Objects

物件裡面可以有許多描述這個物件的資訊,例如房子這個物件裡面有許多的設施。 相較於陣列(Array)像是一輛有編號的火車,裡面依序存放貨物(值);物件比較像詳細...

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

技術 Day17【從麻瓜變成前端魔法師】JS 邏輯運算子

今天又開始上字幕了 (^_^) 二元邏輯運算子 | 邏輯 | 格式------------- | -------------&& | AND(...

鐵人賽 Modern Web DAY 18

技術 Day 18:Collapsibles 組件實作

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

鐵人賽 Modern Web DAY 29
Three.js 反閘之路 系列 第 29

技術 Day29. Three.js Editor

three.js 官方除了釋出相關函式庫外,也提供了線上的編輯工具,讓使用者運用圖形化介面開發,可以透過官網左上角的 editor 進入,或是點擊這裡 Edit...

鐵人賽 Modern Web DAY 18

技術 想轉職的鯊魚從零基礎開始學習JavaScript Day-18 Fundamental Objects(一)-Object Objects (名為物件的物件)

前言 在鯊魚先前的認知中常用的物件有三個,分別是Object Function跟Array三種,這三個應該就是物件的基礎了,但是應該僅是個人的推測,我們要秉持著...

鐵人賽 Modern Web DAY 17

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

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

鐵人賽 Modern Web DAY 18

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

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

鐵人賽 自我挑戰組 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 26

技術 Day 26 Side Project : Testimonial Box Switcher 人物介紹(仿限時動態)

今天要來做的事人物的介紹,呈現形式有點類似限時動態,固定時間後會自行跳往下一則動態 超白話畫面和功能拆解 進度條會動態前進,紀錄目前跑的進度 主體內容包含...

鐵人賽 自我挑戰組 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相關的主題。...