技術 Day 25: 利用單例模式優化 React 應用的 i18n 支援

在前一篇文章中，我們展示了如何將多語言資料從本地 JSON 檔案轉換為 API 形式，並將其部署到 Vercel 進行集中管理。這樣的改進使我們的應用能夠動態從...

技術 設定自動暫存機制

Hi，今天我們來實作自動暫存之機制，當表單的輸入項目很多時，其實會有暫存的需求，甚至極端狀況下，若是出現瀏覽器當掉重開的狀況，如果有類似像word的機制，重開後...

技術 Day 29 Side Project : Notes App 備忘錄

今天要來做的是備忘錄，可以新增、修改以及刪除，並儲存在local storage中，畫面上錄不到重新整理的按鈕，不過若正確存放到 local storage...

技術 Day 15 - LocalStorage and Event Delegation

題外話 不知不覺鐵人賽也到一半了呢! 開學後，能寫文章的時間就漸漸變少(期初各種專題、報告就紛紛露頭啦)，或許文章的品質有因為趕稿略微下降不少吧XD。 這次的鐵...

技術 JS BMI 基礎介紹(3) DAY25

今天我們要來將 BMI 最後兩個功能完成首先我們來看如何刪除單一筆資料 //DOM //單一筆資料 list.addEventListener('click',...

技術 JS BMI 基礎介紹(1) DAY23

今天要來計算我們的BMI啦~~~首先這裡提供一個沒有RWD的簡易版型若有需求 可直接於CodePen fork下來就好 版型:https://codepen.i...

技術 JS 代辦事項 基礎教學(2) DAY22

今天我們要來介紹如何把資料呈現再畫面上啦~~~我們先看看如何撰寫 function updateList(items){ let str = '';...

技術 JS 代辦事項 基礎教學(1) DAY21

今天開始大量的實作啦~~~JS 代辦事項 主要會以 JS 的 localStroage 搭配 ES6 來操作若還不熟 localStroage 的朋友們可以往前...

技術 localStorage 基礎介紹 DAY14

今天在我們介紹 localStorage 之前必須先了解它是什麼東西??簡單來說它就是 瀏覽器的資料庫舉一個例子當我們再逛線上書店時書店官網有可能會記錄你最近瀏...

技術 初探JavaScript - 透過JS setItem及getItem操作Local Storage - 應用範例

Local Storage指的是瀏覽器裡的資料庫運用技巧方式，比如像是當我們在瀏覽網站的時候，底下會出現你的最近瀏覽商品紀錄、搜尋查詢紀錄等，則是使用到loca...