iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 1553 瀏覽

技術 demo 放到js fiddle 中報錯

“await is only valid in async functions and the top level bodies of modules”（本地使...

guopengzhen ‧ 2022-03-21

1 Like 0 留言 1549 瀏覽

技術 Day [0] — JS之浸豬籠系列

大家好，打給安安，我是六角學院火箭隊6th前端組的小廢物ＰＯＫＡ看我的ＩＤ就知道我是來吃午餐ㄉ！???（有同學一起吃午餐真開心）其實我本來是想先寫一個連豬腦...

pokaeatlunch ‧ 2021-01-06

0 Like 0 留言 1490 瀏覽

鐵人賽自我挑戰組 DAY 28

初心者解任務啦！JS 的 30 道任務系列第 28 篇

技術 [ Day 28 ] - 作用域與範圍鏈

什麼是作用域靜態作用域：在語法解析時就確定作用域且不會再改變，JavaScript 屬於此類，又稱作語法作用域（lexical scope）動態作用域：在...

karakamin ‧ 2021-10-13

0 Like 0 留言 1486 瀏覽

鐵人賽 Modern Web DAY 27

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 27 篇

技術 #27 JS: Timing Events - Part 1

What is timing event? "JavaScript can be executed in time-intervals. This i...

Vida Lin ‧ 2021-09-27

0 Like 0 留言 1481 瀏覽

鐵人賽 Software Development DAY 25

IT邦鐵人賽文章搜尋引擎系列第 25 篇

技術 [Day 25] 如何設計搜尋結果 - 實用至上主義前端 |【搜尋引擎製作錄】

Github, Over Engineering 向 Google 取經要能設計出實用性至上的搜尋結果，我們先做一些 Research。既然要設計搜尋引擎，...

tainvecs ‧ 2022-10-10

0 Like 0 留言 1473 瀏覽

鐵人賽自我挑戰組 DAY 1

與Vue相遇系列第 1 篇

技術 Day01-初見Vue(前言)

身處金融業的我，從未想過有天還能在工作上，返回開發工程師的行列。一直以來，對於JS的喜愛依舊不減，假日時，偶爾還會開著電腦，寫寫JS。但對於框架語言，從未接觸。...

EdwardXiong ‧ 2020-09-15

1 Like 0 留言 1471 瀏覽

技術 VScode 無法自動判讀檔案語言模式

最近遇到 VScode 無法自動辨識 HTML 的檔案類型，不知道是不是因為失手進行了更新導致，按 !+Tab 時無法自動生成 HTML 模板(如下圖)並且代碼...

Ricetia ‧ 2023-05-17

1 Like 0 留言 1468 瀏覽

技術 Day [2] — this：作用域 — JS之浸豬籠系列

如果你不知道這個系列為什麼叫這種激烈的名字可以看這篇：Day [0] — JS之浸豬籠系列如果你還沒看過這篇，可能會有點難理解今天這篇，建議你先企看看！Da...

pokaeatlunch ‧ 2021-01-06

0 Like 0 留言 1404 瀏覽

鐵人賽 Modern Web DAY 12

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 12 篇

技術 #12 JavaScript Introduction

What is JavaScript? HTML is like the structure/bone of our body; JavaScript is...

Vida Lin ‧ 2021-09-12

0 Like 0 留言 1390 瀏覽

鐵人賽自我挑戰組 DAY 24

開始入坑網頁吧! 系列第 24 篇

技術 JavaScript Prototype (原型)

原型 Prototype 與原型鍊 Prototype Chain JavaScript 每一個物件(包含函數)都有原型這個屬性用來繼承屬性與方法。原型會去參...

阿沁 ‧ 2021-10-08

0 Like 0 留言 1379 瀏覽

鐵人賽自我挑戰組 DAY 26

初心者解任務啦！JS 的 30 道任務系列第 26 篇

技術 [ Day 26 ] - 陣列的資料處理 - findIndex

特性與用途不會影響到原始陣列的資料回傳符合條件的一筆資料的 index（索引）直接進入寫法與範例範例一：找出 >= 10 的 index co...

karakamin ‧ 2021-10-11

0 Like 1 留言 1370 瀏覽

技術為什麼js中使用了很多的callback方式？

之前寫自動化程式的時候，有些算法or通訊（串口或者Tcp）都需要時間，這個時候，往往可以去做其他的事情，所以就需要多線程處理；同樣的，js是前端的部分，需要和後...

guopengzhen ‧ 2022-02-09

0 Like 0 留言 1360 瀏覽

鐵人賽自我挑戰組 DAY 17

初心者解任務啦！JS 的 30 道任務系列第 17 篇

技術 [ Day 17 ] - Event 物件中的資訊

使用 addEventListener 進行事件監聽，此時 EvetnListener 會建立事件物件（ Event Object）並且以參數的型式回傳 &lt...

karakamin ‧ 2021-10-02

0 Like 0 留言 1356 瀏覽

鐵人賽自我挑戰組 DAY 23

開始入坑網頁吧! 系列第 23 篇

技術 JavaScript Callback(回呼)

Callback Function 回呼函數 A function you give to another function, to be run when...

阿沁 ‧ 2021-10-07

3 Like 3 留言 1342 瀏覽

技術 Day [4] — this：指定物件 — JS之浸豬籠系列

Day [4] — this：指定物件 — JS之浸豬籠系列我們在前面幾章知道 this 會依據呼叫方式印出不同結果，那如果我們希望可以存取 this 的某個...

pokaeatlunch ‧ 2022-07-07

0 Like 0 留言 1327 瀏覽

鐵人賽自我挑戰組 DAY 18

初心者解任務啦！JS 的 30 道任務系列第 18 篇

技術 [ Day 18 ] - 取消 HTML 預設的觸發行為

HTML 部份元素會有預設的觸發行為，像是的連結、表單的 submit若是需要在這些元素綁定事件，讓指定的元素可以執行指定的程式碼那就得取消 HTML 預設...

karakamin ‧ 2021-10-03

0 Like 0 留言 1314 瀏覽

技術 [JS]透過IntersectionObserver達成個別/全頁圖片lazy load

當撰寫顯示多個(例如：展示數百筆廣告)圖片的網頁時,效能與用戶體驗主要有以下課題：如何節省不必要的加載(不加載使用者還沒看到的) 批次載入圖片(每次載入10...

orientest99 ‧ 2020-07-07

0 Like 0 留言 1303 瀏覽

技術 Day [3] — this：建構物件 — JS之浸豬籠系列

如果你不知道這個系列為什麼叫這種激烈的名字可以看這篇： Day [0] — JS之浸豬籠系列如果你還沒看過前面的章節，不會太難理解今天這篇，但因為我寫得很讚...

pokaeatlunch ‧ 2021-01-07

0 Like 0 留言 1297 瀏覽

技術雜七雜八廣記系列第十回 : var 、 let 、const

哈瞜大家好我是阿華，今天來跟大家聊聊var 、 let 、const 三種宣告變數的差別 var 、 let 、const 三種宣告變數的差別 let 和 c...

阿華 ‧ 2023-12-11

0 Like 0 留言 1296 瀏覽

鐵人賽自我挑戰組 DAY 20

初心者解任務啦！JS 的 30 道任務系列第 20 篇

技術 [ Day 20 ] - AJAX

AJAX 是什麼？ AJAX 全名是 Asynchronous JavaScript And XML，是 JavaScript 使用非同步處理的技術，可以達到無...

karakamin ‧ 2021-10-05

1 Like 0 留言 1283 瀏覽

鐵人賽自我挑戰組 DAY 25

初心者解任務啦！JS 的 30 道任務系列第 25 篇

技術 [ Day 25 ] - 陣列的資料處理 - find

特性與用途不會影響到原始陣列的資料篩選符合條件的第一筆資料，並且回傳至新的陣列直接進入寫法及範例範例一：找出陣列中 >= 10 的資料 con...

karakamin ‧ 2021-10-10

1 Like 0 留言 1281 瀏覽

技術 JS筆記-幫元素加上style的寫法(Object.assign & cssText)

目錄 JS筆記-幫元素加上style的寫法 JS筆記-getPosition 讓你找到元素x,y位置 js筆記--寫腳本需要用到的waitForKeyEleme...

Oo_花之舞__oO ‧ 2022-12-29

3 Like 1 留言 1259 瀏覽

技術 JS學習紀錄-08- 控制判斷if、else if、switch

嗨嗨~我是914 今天來學習控制判斷if、else if、switch 囉GOGOGO 前情提要&重要事項 1.下一篇是for迴圈，下篇的篇幅應該會...

joycechou_914 ‧ 2024-05-26

0 Like 0 留言 1224 瀏覽

鐵人賽 Modern Web DAY 11

連我阿公都會-手把手教你架網站系列第 11 篇

技術【Day11】讓網頁動起來（1） → Javascript 速成

在前面的七篇中，我們講解了構成網頁設計的基礎要素：CSS。但這遠遠是不夠的，CSS只能賦予網頁靜態的美術效果與資訊展示。然而，我們對現代網站的期望通常都具備動態...

ttdragon0722 ‧ 2023-09-26 ‧團隊最強資工大電神

0 Like 0 留言 1212 瀏覽

鐵人賽自我挑戰組 DAY 27

開始入坑網頁吧! 系列第 27 篇

技術 JavaScript Document Object

Document Object 我們知道 DOM 是 Document Object Model(文件物件模型)，Document Object，是window...

阿沁 ‧ 2021-10-11

0 Like 0 留言 1207 瀏覽

鐵人賽 Modern Web DAY 14

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 14 篇

技術 #14 JS: create a calculator by prompt()

Final Calculator Design <!DOCTYPE html> <html> <head> <tit...

Vida Lin ‧ 2021-09-14

0 Like 0 留言 1191 瀏覽

鐵人賽自我挑戰組 DAY 30

初心者解任務啦！JS 的 30 道任務系列第 30 篇

技術 [ Day 30 ] - 初學者升級啦～完賽心得

初學者升級啦 YA！30天了～代表我連續 30 天學習 JS 了！（拍手～）第一次參加鐵人賽，其實當初活動開始的時候就一直猶豫，直到開賽最後一天下定決定報名！...

karakamin ‧ 2021-10-15

1 Like 0 留言 1189 瀏覽

技術前端小試身手(8)--教你寫出「思想審查警衛」，過濾垃圾雜訊的利器！

目錄前端小試身手(1)--幫「發問/發文頁」新增"編輯"鈕～前端小試身手(2)--it幫跳轉到最佳解答前端小試身手(3)--增添系列文...

Oo_花之舞__oO ‧ 2023-10-13

0 Like 0 留言 1188 瀏覽

鐵人賽自我挑戰組 DAY 23

初心者解任務啦！JS 的 30 道任務系列第 23 篇

技術 [ Day 23 ] - 陣列資料處理 - map

陣列資料處理 - map 特性可以將原始陣列經過處理後，重新組合回傳一個新陣列不會影響原始陣列範例一：將陣列內的資料做運算處理 const dataL...

karakamin ‧ 2021-10-08

0 Like 0 留言 1177 瀏覽