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

0 Like 0 留言 1555 瀏覽

鐵人賽自我挑戰組

用ChatGPT詠唱來完成工作與點亮前後端技能樹系列第 53 篇

技術【Day53】ChatGPT幫我完成工作：寫Jest單元測試！NestJS & Knex & Jest！

這一篇要來介紹使用ChatGPT來撰寫Jest單元測試的結果有關Jest的介紹，可以看這兩篇：【Day30】ChatGPT請教教我：Jest 單元測試（上)...

一宵三筵 ‧ 2023-11-08

1 Like 0 留言 2178 瀏覽

技術前端開發筆記：如何在React專案使用MQTT

最近終於完成公司新產品的前端開發啦！不過在開發時也遇到了不少挑戰，其中最難處理的就屬「MQTT通訊協定」的部分了...😅 而自己在study或是Google資...

Bob ‧ 2023-11-08

1 Like 0 留言 1872 瀏覽

鐵人賽自我挑戰組

用ChatGPT詠唱來完成工作與點亮前後端技能樹系列第 52 篇

技術【Day52】ChatGPT幫我完成工作：分散式詠唱來寫NodeJS & JavaScript！

上一篇我們進行的是將「整個程式碼」的重構開發都交給ChatGPT但這樣要處理工作的話，要花太多時間在詠唱這一篇會介紹比較分片、碎片式的方式來撰寫程式！什麼意思...

一宵三筵 ‧ 2023-11-06

0 Like 0 留言 939 瀏覽

技術使用原生js控制ckeditor自適應高度

如果今天想要讓ckeditor的輸入部分，能夠根據輸入內容的多寡來自適應高度可以客製化ckeditor中的pluginshttps://ckeditor.com...

blank ‧ 2023-10-19

0 Like 0 留言 8305 瀏覽

技術前端小試身手(10)--lurl圖床之自動帶入密碼

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

Oo_花之舞__oO ‧ 2023-10-18

0 Like 0 留言 1021 瀏覽

技術前端小試身手(9)--文章縮圖預覽(以codeLove論壇為例)

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

Oo_花之舞__oO ‧ 2023-10-17

0 Like 1 留言 1475 瀏覽

鐵人賽自我挑戰組 DAY 30

PHP 沿途的風景系列第 30 篇

技術 [Day 30] Laravel's Blade Templates 引入 JavaScript

Laravel's Blade Templates 引入 JavaScript 情境 (本機測試): 我使用 Laravel's Blade Templa...

Lucas ‧ 2023-10-15 ‧團隊好想工作室 v7.0

0 Like 0 留言 1320 瀏覽

技術【前端動手玩創意】看來要使用那招了嗎？fetch你的email出來(15)

目錄【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...

Oo_花之舞__oO ‧ 2023-10-15

0 Like 0 留言 851 瀏覽

鐵人賽自我挑戰組 DAY 29

複習 JavaScript 核心概念系列第 29 篇

技術 [Day 29] ECMAScript 各版本重點語法

ECMAScript（簡稱 ES）是一個用來標準化 JavaScript 語言的規範，它的第一個版本（ES1）在 1997 年釋出，並在之後幾年陸續都有釋出新...

tunafin ‧ 2023-10-13

0 Like 0 留言 539 瀏覽

鐵人賽 Modern Web DAY 27

前輩說Laravel不難，好啊那就1人前後端試試看啊系列第 27 篇

技術 JS: 相同值給多個變數，基礎觀念筆記-Day26

相同值給多個變數今天剛好又碰到這個項目：JS assign 相同值給多個變數今天又弄懂了一點，發現自己JS基本觀念還是不好，筆記一下。（確認不是逃避Larav...

Global Rachel ‧ 2023-10-12 ‧團隊差點不能成團

0 Like 0 留言 766 瀏覽

鐵人賽影片教學 DAY 27

一起來實作響應式網頁設計系列第 27 篇

技術一起來實作響應式網頁設計：代辦清單實作 Day27

影片教學程式碼回顧 html <body> <div id = "title"> &lt...

coding19 ‧ 2023-10-12

0 Like 0 留言 558 瀏覽

鐵人賽自我挑戰組 DAY 28

複習 JavaScript 核心概念系列第 28 篇

技術 [Day 28] 事件的傳遞機制

昨天提到可以在 HTML 的 DOM 元素上添加事件監聽器，而今天要來講事件的傳遞機制。在 JavaScript 中，事件冒泡（event bubbling）...

tunafin ‧ 2023-10-12

0 Like 0 留言 903 瀏覽

鐵人賽自我挑戰組 DAY 27

複習 JavaScript 核心概念系列第 27 篇

技術 [Day 27] JavaScript 監聽事件的方式

JavaScript 是一種「事件驅動程式設計（Event-Driven Programming）」的語言，透過觸發事件的方式來執行相對應的程式碼。以前端的網頁...

tunafin ‧ 2023-10-11

0 Like 0 留言 378 瀏覽

鐵人賽 Software Development DAY 25

Should I use fp-ts 系列第 25 篇

技術 [Should I use fp-ts?] Day 25 - fp-ts Array

[Should I use fp-ts?] Day 25 - fp-ts Array 在本系列文中，所有的程式碼都可以在 should-i-use-fp-ts...

Tuhacrt ‧ 2023-10-10

0 Like 0 留言 576 瀏覽

鐵人賽影片教學 DAY 25

一起來實作響應式網頁設計系列第 25 篇

技術一起來實作響應式網頁設計：DOM&Window Object Day25

影片教學重點回顧 Document Object Model, DOM 一個可以存取&改變文件架構和內容的方法 Document：HTML Obj...

coding19 ‧ 2023-10-10

0 Like 0 留言 643 瀏覽

鐵人賽自我挑戰組 DAY 26

複習 JavaScript 核心概念系列第 26 篇

技術 [Day 26] Promise 與 Async Function（Async / Await）

在 JavaScript 中，非同步程式碼的處理一直以來都是個挑戰。過去，我們只能使用回調函式（callbacks）和事件（events）等來處理非同步操作，但...

tunafin ‧ 2023-10-10

1 Like 0 留言 1874 瀏覽

鐵人賽 Software Development DAY 26

再騙小心沒朋友🥵 用LIFF實作LINE整人工具系列第 26 篇

技術 [Day26] 傳播假圖文訊息網站完整程式碼

今天要把前幾天講過的 HTML、CSS、JavaScript 架構全部整合起來，加上我自己用 FLEX MESSAGE SIMULATOR 拉的三個圖文訊息版面...

lulu_meat ‧ 2023-10-10

0 Like 0 留言 501 瀏覽

鐵人賽 Software Development DAY 24

Should I use fp-ts 系列第 24 篇

技術 [Should I use fp-ts?] Day 24 - fp-ts Array

在本系列文中，所有的程式碼都可以在 should-i-use-fp-ts 找到，今日的範例放在 src/day-24 並且有測試可以讓大家練習。 Array A...

Tuhacrt ‧ 2023-10-09

0 Like 0 留言 494 瀏覽

鐵人賽自我挑戰組 DAY 25

複習 JavaScript 核心概念系列第 25 篇

技術 [Day 25] 函式原型中的 apply()、bind()、call()

昨天說到透過 this 關鍵字會在不同情境中取到不同的值，雖然會如何取值都是根據規範而來的，但實際上我們能手動改變 this 的指向，那就是透過函式原型的 ap...

tunafin ‧ 2023-10-09

0 Like 0 留言 593 瀏覽

鐵人賽影片教學 DAY 24

一起來實作響應式網頁設計系列第 24 篇

技術一起來實作響應式網頁設計：Object的建立 Day24

影片教學重點回顧 Object 物件 function & method function printHello() { console....

coding19 ‧ 2023-10-09

0 Like 0 留言 460 瀏覽

鐵人賽影片教學 DAY 23

一起來實作響應式網頁設計系列第 23 篇

技術一起來實作響應式網頁設計： Power星期天終極密碼 Day23

影片教學重點回顧這次的實作預計結果為生成一個隨機密碼0~100 可以請使用者輸入數字判斷是否猜中，若否從新輸入(更新範圍)；若是，顯示猜中數字參...

coding19 ‧ 2023-10-08

0 Like 0 留言 440 瀏覽

鐵人賽 Software Development DAY 23

Should I use fp-ts 系列第 23 篇

技術 [Should I use fp-ts?] Day 23 - fp-ts Array

在本系列文中，所有的程式碼都可以在 should-i-use-fp-ts 找到，今日的範例放在 src/day-23 並且有測試可以讓大家練習。 Array 平...

Tuhacrt ‧ 2023-10-08

1 Like 0 留言 388 瀏覽

鐵人賽自我挑戰組 DAY 24

複習 JavaScript 核心概念系列第 24 篇

技術 [Day 24] this

在 JavaScript 中，this 關鍵字是一個相當重要且常被誤解的概念，對初學者來說是大魔王般的存在，即使是老手有時也會不小心誤判結果。以函式來說，它的值...

tunafin ‧ 2023-10-08

0 Like 1 留言 572 瀏覽

鐵人賽自我挑戰組 DAY 30

那些年我沒寫到的資料結構和 LeetCode 題目練習系列第 30 篇

技術 Day30-[Grind 169 questions[Binary Tree] LeeCode 101、863、572 & 完賽心得

完賽心得今年參加鐵人賽，個人感覺是水過一年的感覺XD，因為就只是把解題的練習記錄複製貼上來，但今年因為沒有備太多天的稿，所以在時程的壓力下，的確有達到督促自己...

harry xie ‧ 2023-10-15 ‧團隊大船要開囉

0 Like 0 留言 469 瀏覽

鐵人賽自我挑戰組 DAY 29

那些年我沒寫到的資料結構和 LeetCode 題目練習系列第 29 篇

技術 Day29-[Grind 169 questions[Binary Tree] LeeCode 100、103、437

100. Same Tree 解題程式碼 var isSameTree = function (p, q) { if (p === null &&a...

harry xie ‧ 2023-10-14 ‧團隊大船要開囉

0 Like 0 留言 815 瀏覽

鐵人賽 Software Development DAY 22

Should I use fp-ts 系列第 22 篇

技術 [Should I use fp-ts?] Day 22 - fp-ts Apply

在本系列文中，所有的程式碼都可以在 should-i-use-fp-ts 找到，今日的範例放在 src/day-22 並且有測試可以讓大家練習。 Apply 使...

Tuhacrt ‧ 2023-10-07

0 Like 0 留言 747 瀏覽

鐵人賽 Modern Web DAY 22

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

技術【Day22】淺談 React.js（1）React基本構成 & 語法

在上一篇的教學中，我們成功建立了一個React的專案。建立完畢後，會發現我們的檔案資料夾突然多了好多沒看過的東西：慘了，完全看不懂——沒關係！接下來將帶您認...

ttdragon0722 ‧ 2023-10-07 ‧團隊最強資工大電神

0 Like 0 留言 403 瀏覽

鐵人賽影片教學 DAY 22

一起來實作響應式網頁設計系列第 22 篇

技術一起來實作響應式網頁設計：Oops!陷入Loop Day22

影片教學重點回顧重複做某件事情就會需要用到迴圈有 for loop(通常用於知道明確重複次數) & while loop(通常用於不確定重複次數)...

coding19 ‧ 2023-10-07

0 Like 0 留言 763 瀏覽

鐵人賽自我挑戰組 DAY 23

複習 JavaScript 核心概念系列第 23 篇

技術 [Day 23] JavaScript 中的函式

在 JavaScript 中，函式（Function）是一種具有「可執行程式碼片段」的物件，與其他物件最大的差別是函式能被呼叫。函式能被當作一般的物件來傳遞和...

tunafin ‧ 2023-10-07

0 Like 0 留言 683 瀏覽

鐵人賽自我挑戰組 DAY 28

那些年我沒寫到的資料結構和 LeetCode 題目練習系列第 28 篇

技術 Day28-[Grind 169 questions[Binary Tree] LeeCode 105、113、662

105. Construct Binary Tree from Preorder and Inorder Traversal 解題程式碼 var buildTr...

harry xie ‧ 2023-10-13 ‧團隊大船要開囉

技術 【Day53】ChatGPT幫我完成工作：寫Jest單元測試！NestJS & Knex & Jest！

技術 前端開發筆記：如何在React專案使用MQTT

技術 【Day52】ChatGPT幫我完成工作：分散式詠唱來寫NodeJS & JavaScript！

技術 使用原生js控制ckeditor自適應高度

技術 前端小試身手(10)--lurl圖床之自動帶入密碼

技術 前端小試身手(9)--文章縮圖預覽(以codeLove論壇為例)