iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
JavaScript

PM說: RD大大,這個功能要怎麼寫啊? 系列

本系列走一個實用風格!
將日常JS實戰開發上會遇到的需求
實際寫出demo範例(MVP)

鐵人鍊成 | 共 30 篇文章 | 6 人訂閱 訂閱系列文 RSS系列文
DAY 21

PM 說: 你有聽過網頁的影像地圖嗎?

前言 封面圖是台灣好行的網站,有個可互動的台灣img 今日的目標是做一個台灣地圖上的區域 hover 時要顯示該區域的 MVP借台灣好行的圖片來用~ 以前第一...

2024-09-18 ‧ 由 YUAN 分享
DAY 22

PM 說: 怎麼在網頁上嵌入 PDF?

前言 不知道讀者們有沒有用過筆記軟體Notion其中有個功能叫做 Embed => 可以嵌入 pdf檔案 今天來做一個在網頁上嵌入pdf的MVP 我們會...

2024-09-19 ‧ 由 YUAN 分享
DAY 23

PM 說: 怎麼在網頁顯示數學公式 or 化學式?

前言 數學,物理,化學 ...etc 表達式要怎麼顯示在網頁上呢? 總不可能全部都使用圖片吧答案是 Latex Latex 是一個非WYSIWYG(所見即所得)...

2024-09-20 ‧ 由 YUAN 分享
DAY 24

PM 說: 很常在網頁上看到線條粒子特效的背景是哪個套件?

前言 不知道讀者們有沒有逛網站or部落格看到封面圖的效果關鍵字: 網頁粒子特效 比較知名的套件叫做: particles.js提供了多種粒子效果github:...

2024-09-21 ‧ 由 YUAN 分享
DAY 25

PM 說: 可以用網頁實現機上盒的 App 操作 UI 嗎?

前言 現在智慧電視越來越普遍封面圖是智慧電視的作業系統UI 標題說的機上盒英文是 set-top box (STB)=>可理解成它是一台小小電腦(普遍都...

2024-09-22 ‧ 由 YUAN 分享
DAY 26

前端工程師說: 可以推薦用 js 寫爬蟲的套件嗎?

前言 爬蟲是什麼?在筆者大一時還分不清楚一堆名詞的意思,第一次聽到還以為是在講爬蟲類(離題了~) 爬蟲 爬蟲 = 網路爬蟲(web crawler) = 用程...

2024-09-23 ‧ 由 YUAN 分享
DAY 27

PM 說: Line Notify 免費的限制是什麼?

前言 今天分享一下 LINE Notify 相關資訊 要怎麼做才能用最快的速度讓Line通知我自訂的消息呢? 步驟1 加 LINE Notify 為好友 步...

2024-09-24 ‧ 由 YUAN 分享
DAY 28

PM 說: 前端怎麼知道網路斷線?

前言 試想一個情境如果是在手機網路訊號不好的地方,使用者剛好在操作網頁而網頁是SPA(Single Page Application),只會call API不會...

2024-09-25 ‧ 由 YUAN 分享
DAY 29

前端工程師說: 部署 Node.js 到 Vercel 怎麼設定變數?

前言 Vercel是一間雲服務廠商,我們可以透過它免費部署我們的程式碼這樣就能有 domain 讓其他人訪問不用自己租一台伺服器(還要處理域名綁定等相對複雜的事...

2024-09-26 ‧ 由 YUAN 分享
DAY 30

好想大聲說: 我完賽啦!

完賽心得 這次是第二年參賽,參賽主題選擇了 JavaScript 實際上主題比較符合 ModernWeb文章盡可能地附上一些 vallinaJS MVP ( M...

2024-09-27 ‧ 由 YUAN 分享