iT邦幫忙

搜尋 JavaScript 找到約 2905 個結果
在google中搜尋

技術 【Day 22】— 入門 JavaScript 網頁架設:匯出 JSON / CSV 記錄

摘要Day 21 我們完成了圖表統計(長條/圓餅/趨勢)。今天把重點放回「資料主權」:把瀏覽器裡的紀錄 匯出到電腦。 JSON 匯出:原樣保存,方便再次匯入或做進階處理。 CSV 匯出:用 Exc...

技術 【Day 21】— 入門 JavaScript 網頁架設:圓餅/趨勢圖(Chart.js)

摘要延續 Day 20 的長條圖統計,我們今天要繼續延伸 Chart.js 的應用: 圓餅圖:用來顯示各精神狀態的「比例分布」。 折線圖:改成計算「每日有效造訪次數」——同一天不論提交幾次,只算...

技術 Day 17: 【前端 #0】前端世界的基石: HTML, CSS 與 JavaScript

安安,我是 ChiYu! 昨天,我們為精彩的後端開發之旅,畫下了一個完美的句點。我們現在擁有一個性能強大、穩定可靠的「專案引擎」,一顆強壯、默默跳動的心臟,但它還沒有形體,等待著被賦予生命。 從今天起...

技術 【Day 20】— 入門 JavaScript 網頁架設:長條圖統計

摘要今天我們要把「精神狀態小測驗」升級成長期回顧工具!不只保留最新一次的選項(MOOD_KEY),還要新增 MOOD_LOG_KEY 陣列,把每次提交的結果都存起來。這樣就能在歷史回顧頁顯示統計清單...

技術 【Day 19】— 入門 JavaScript 網頁架設:狀態追蹤(再次造訪的互動)

摘要今天讓網站「記得你來過」。我們用 localStorage 追蹤是否曾造訪過,進場畫面會改成一句暖心問候:「今天的你,是不是不一樣了呢?」並依第一次/再次來訪呈現不同入口選項: YES 分支(...

技術 【Day 15】從 JavaScript 自由派到 TypeScript 紀律部隊:升級你的 Vue 專案

聯繫我 如果有任何問題或建議,歡迎隨時聯繫我: GitHub Email 前言 各位 Vue 的魔法師們!專案一直以來都由 JavaScript 這位自由奔放、充滿創意的藝術家主導。他隨性...

技術 【Day 18】— 入門 JavaScript 網頁架設:navigator.share(溫暖總結與分享引導)

摘要完成任務排程後,立刻在頁面上生成一句溫暖總結:「你選擇在【下午】安排了《任務》…」,並提供兩個行動按鈕:分享挑戰給好友與查看我的假日紀錄。學會把「先前表單選擇 + 拖曳結果」組合成動態文案,並綁...

技術 【Day 17】- 入門 JavaScript 網頁架設:Drag & Drop API(拖曳互動)

摘要把 Day 16 的「點擊把任務卡放進時段格」升級為「拖曳(Drag & Drop)」,並在放下(drop)後同步寫入 localStorage。同時保留點擊作為鍵盤與行動裝置的回退方案...

技術 【Day 16】- 入門 JavaScript 網頁架設:appendChild 移動 DOM(任務卡 × 時段格子)

摘要Day 16 我們把「任務」轉成可操作的任務卡,並提供三個時段格子(早/午/晚)。使用者可以用點擊把任務卡放入某個時段格子;系統會記錄安排的時段(localStorage),下次開啟仍能看到結果...

技術 【Day 15】- 入門 JavaScript 網頁架設:多時段狀態匯總與分支導航

摘要Day 14 我們完成了「精神狀態小測驗」:使用者能分別填寫早/午/晚三個時段的精神狀態,且會自動記住上次勾選。今天 Day 15,我們把小測驗串接到下一步的「行動分支頁」,在轉場前加上一段「今...