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

4 Like 1 留言 1534 瀏覽

技術前端小試身手(1)--幫「發問/發文頁」新增"編輯"鈕～

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

Oo_花之舞__oO ‧ 2022-12-27

0 Like 0 留言 1492 瀏覽

技術 JS神書 ---- Javascript: understanding the weird parts 讀後心得

Javascript: understanding the weird parts這個由美國工程師Anthony Alicea所做的JS必看神書在前端可以說是...

bywater529 ‧ 2022-12-11

0 Like 0 留言 2752 瀏覽

技術 [穩扎穩打系列] AJAX 請求大補帖

前言在網頁發展史之中，人們對於網頁的需求不再是單純的靜態網頁，人們追求可變化的網頁內容，透過後台設定資料進行渲染不同的內容，這樣的需求漸漸的深耕於人們心中，...

Murray ‧ 2023-03-03

0 Like 0 留言 907 瀏覽

技術複製div

複製div的方法：使用jquery的語法，但是需要注意的是多次複製的bug：複製的code：要複製的div是： <div class="con...

guopengzhen ‧ 2022-11-09

0 Like 0 留言 641 瀏覽

技術 js常見的縮寫

縮寫: fn:function(){} == fn(){} 不同陣列合併可以用新陣列 = 陣列A.concat(陣列B)，但是會需要記憶concat，可以改為使...

Karlo ‧ 2023-01-03

0 Like 0 留言 1374 瀏覽

鐵人賽 Software Development DAY 25

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

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

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

tainvecs ‧ 2022-10-10

2 Like 0 留言 2270 瀏覽

鐵人賽 Software Development DAY 7

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

技術 [Day 07] 如何設計爬蟲流程 - 關於轉生爬蟲後的那檔子事 |【搜尋引擎製作錄】

Github, Over Engineering 為了提供我 Data Science 需要的資料，來準備爬蟲程式吧！不想特別去寫 Python，所以就用 Ja...

tainvecs ‧ 2022-09-22

0 Like 0 留言 711 瀏覽

技術 render沒有作用的解決辦法

bug的場景：寫了一個button，綁定function，發送request給後臺，後臺對應這個request，使用render，但是沒有作用：查看後臺的情況：...

guopengzhen ‧ 2022-09-13

0 Like 0 留言 1095 瀏覽

技術 LeetCode初學者挑戰 First Challenge "2235. Add Two Integers"

新手小白第一次解題紀錄 Add Two Integers 將兩個數字相加使用return 回傳值 var sum = function(num1, num2)...

mirmo_chang ‧ 2022-07-27

2 Like 0 留言 889 瀏覽

技術 js：callback中調用類的function

如何實現在callback中加入類的function；比如一個界面的button，點擊之後，需要調用某個類的function；這個時候不論你是再這個class中...

guopengzhen ‧ 2022-05-03

0 Like 0 留言 1458 瀏覽

技術 demo 放到js fiddle 中報錯

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

guopengzhen ‧ 2022-03-21

4 Like 0 留言 1478 瀏覽

技術 RegExp vs includes vs match

前言在篩選字串時,有不少選擇提供我們使用,除了使用常見的直接比對字串的 includes 之外,還有 Regular Expression(以下簡稱 RegE...

zyx ‧ 2022-04-03

0 Like 1 留言 1277 瀏覽

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

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

guopengzhen ‧ 2022-02-09

2 Like 1 留言 3305 瀏覽

技術純Javascript,使用new Date()製作date picker

剛好有一道面試題目，不能使用 input type=date 或任何現有套件，要做出類似Datepicker的功能細節需求為點擊“＜”及“＞”切換年、月點...

wenby83 ‧ 2021-11-29

0 Like 0 留言 1095 瀏覽

鐵人賽自我挑戰組 DAY 30

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

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

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

karakamin ‧ 2021-10-15

0 Like 0 留言 989 瀏覽

鐵人賽自我挑戰組 DAY 29

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

技術 [ Day 29 ] - this

基本概念 this 是一個關鍵字在不同執行環境中，this 所指向的值也會不同 this 和函式的呼叫方法有關在全域環境下 this 值在所有函式以外...

karakamin ‧ 2021-10-14

0 Like 0 留言 2403 瀏覽

鐵人賽自我挑戰組 DAY 29

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

技術 JavaScript DOM classList

classList ClassList是一個物件，會返回一個 DOMTokenList，裡面包含此元素的類名列表常見方法:add():添加一個或多個類，如果此...

阿沁 ‧ 2021-10-13

0 Like 0 留言 1375 瀏覽

鐵人賽自我挑戰組 DAY 28

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

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

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

karakamin ‧ 2021-10-13

0 Like 0 留言 2461 瀏覽

鐵人賽自我挑戰組 DAY 28

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

技術 JavaScript DOM | createElement()

接續昨天的 DOM 方法，JavaScript 常會出現:按一下某按鈕，頁面上會生出新的區塊，這是怎麼做到的? 用 createElement() 建立DOM...

阿沁 ‧ 2021-10-12

0 Like 0 留言 1092 瀏覽

鐵人賽自我挑戰組 DAY 27

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

技術 JavaScript Document Object

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

阿沁 ‧ 2021-10-11

0 Like 0 留言 901 瀏覽

鐵人賽自我挑戰組 DAY 27

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

技術 [ Day 27 ] - 樣板字面值（Template literals）

說明在先前的版本中被稱為樣板字串（template strings）早期在組字串資料時會用大量的 " + " 語法要組成的字串使用兩個...

karakamin ‧ 2021-10-12

0 Like 0 留言 1269 瀏覽

鐵人賽自我挑戰組 DAY 26

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

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

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

karakamin ‧ 2021-10-11

0 Like 0 留言 1088 瀏覽

鐵人賽自我挑戰組 DAY 26

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

技術 JavaScript DOM | Window Object

使用Window 的方法可以省略掉 Window 字眼EX: window.alert('Hi!');//Hi! alert('Hi!');//Hi! set...

阿沁 ‧ 2021-10-10

1 Like 0 留言 1198 瀏覽

鐵人賽自我挑戰組 DAY 25

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

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

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

karakamin ‧ 2021-10-10

0 Like 1 留言 2864 瀏覽

鐵人賽 Modern Web DAY 24

這個網站也太嗨！30 個網頁動態提案系列第 26 篇

技術 #23-用Canvas做Google恐龍遊戲(都市老妹生存記!能擊退經痛加班和渣男嗎?）

大家都知道Google斷線時會有小恐龍的離線遊戲，以前第一次看到的時候超驚喜！（我到現在斷線的時候還是會玩一下XD）品牌如果發揮一點創意，將品牌元素加進小遊戲裡...

Global Rachel ‧ 2021-10-09 ‧團隊寫 code 需要講幹話

0 Like 0 留言 998 瀏覽

鐵人賽自我挑戰組 DAY 24

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

技術 [ Day 24 ] - 陣列資料處理 - filter

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

karakamin ‧ 2021-10-09

0 Like 0 留言 1270 瀏覽

鐵人賽自我挑戰組 DAY 24

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

技術 JavaScript Prototype (原型)

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

阿沁 ‧ 2021-10-08

0 Like 0 留言 1096 瀏覽

鐵人賽自我挑戰組 DAY 23

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

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

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

karakamin ‧ 2021-10-08

0 Like 0 留言 1251 瀏覽

鐵人賽自我挑戰組 DAY 23

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

技術 JavaScript Callback(回呼)

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

阿沁 ‧ 2021-10-07

0 Like 0 留言 1862 瀏覽

鐵人賽自我挑戰組 DAY 22

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

技術 [ Day 22 ] - 陣列資料處理 - forEach

陣列資料處理 - forEach 會將陣列中的每一個元素資料進行處理使用範例 let dataList = [10, 20, 30, 40]; dataLis...

karakamin ‧ 2021-10-07

技術 前端小試身手(1)--幫「發問/發文頁」新增"編輯"鈕～