今天來幫專案的Options API搬家到Vue3 Composition API 也來看看兩者的差異！ 來幫Options API搬家囉! Data Opti...
這趟全端體驗幾乎有一大半時間都在處理後端的東西，前端似乎只有顯示的功能，有點對不起vue，今天來提升一下vue的存在感一下。 先前我們在做測驗列表時，都是一頁全...
大致上需要的功能和模組都處理的差不多了，前後端之間的關係也算熟悉了，接下來就是把其它功能一個一個的補上去，不過目前為止都還只是在驗證我想做的功能在這個全端解決方...
看著鐵人賽快到尾聲了，但我只做完骨架功能而已，有點慚愧；幸好這周有雙十連假，可以稍微趕一下進度。 在我的計劃中，之後的功能如果會有數字分析的地方，都希望能儘量以...
前言 Vue 文件常常出現 "state" 這個單字，像是在 Reactivity Fundamentals 篇章中，會用 "st...
正當我覺得核心問題都處理的差不多，終於可以來補完其它還沒動工的功能時，突然發現使用者如果手動變更路由中的id，那麼，使用者是可輕易的訪問其它使用者的後台的，不小...
分頁一直是個有點難度但做法又大同小異的議題，Laravel 本身提供的Paginate除了針對自己的Blade很方便之外，對於前端來說也是滿友善的，如果有特別需...
昨天提到把一個題目的組件拆出來，讓它可以用在測驗和結果的顯示上，這讓我們在網頁的結構上和元件的使用上便利不少，不過一路看下來的朋友應該也注意到了，有不少的前端項...
昨天提到我們可以在後台看到測驗紀錄被儲存，今天除了要讓紀錄可以被重新讀取並顯示外，也要來聊聊前端組件設計的經驗， 首先我們在測驗列表上加入連結，點擊後會顯示整個...
花了不少時間在處理後台的架構及一些套件的使用，接著，我們要來把測驗結果做儲存，僅限註冊會員可以儲存，非會員則是使用先前的 excel 匯出來自行留存。 測驗結果...
前言 大家好，我是 Ryan，這篇文章是我參與 iThome 2022 鐵人賽時與大家分享使用 Nuxt 3 串接 Google OAuth 登入的額外分享，因...
先前我們留下了一個問題，[Day06 不同角色登入導向]，就是使用者登入後，可以透過改變網址的方式去讀取管理者的頁面，我們當時只有在後台首頁做了各自導向的設定，...
昨天使用Modal的體驗不錯，解救了我文章差點難產的困境，所以今天再來加個料，免得開天窗；Modal雖然不錯用，但有時我們只是要做個確認而已，使用Modal著重...
做到現在，都在忙功能，操作體驗不是太好，因為接下來的功能都是差不多的套路，所以是時候來提升一下操作體驗了。 modal是很常見的應用，以前我都是自己手刻一套來自...
昨天在討論匯入功能時有提到前面都是假設題目都是單選的前提來製作的，但是我們在匯入時有複選題的存在，這會讓我們前台的測試功能出現狀況，這問題的解決需要一點工夫，我...
今天主題提到2022三大前端開發框架使用量排行誰勝出？先來張在Stack Overflow自 2008 年成立以來，基於標籤使用情況的技術隨時間推移的趨勢，就可...
Excel的匯入匯出是我目前工作上常有的工作項目之一，雖然系統數位化了，但是有些對外的工作還是得轉成檔案來傳送，在這個案子中，我打算讓後台的題目新增除了手動的一...
想起之前，我偶爾也協助佈署前端網站，佈署前端的其中一個基本作法，是在 Server 上安裝 NGINX，並指向前端建置的 dist/ 資料夾， 既然我們目前也學...
接著我們要來先來實現一下前台最主要的功能，測驗，在不考慮是否登入的狀況下，基本的測驗方式就是使用者進入測驗頁面後，亂數拉出一些題目出來，接者使用者開始填寫答案，...
Outline <style scoped> 的作用方式 突破 <style scoped> 的特殊選擇器a. 深層選擇器 (Dee...
昨天我們完成了題組的新增及重新整理了題目的CRUD，不過題組應該也要可以修改及刪除，但目前的版面配置空間有限，所以我們使用 icon 來協助完成這兩個功能。 不...
前言 今天這篇會先介紹 v-on 的語法和修飾符，熟悉的人可以考慮跳過這個部份。 再來會提到自己在學習 v-on 時的疑惑： 「為什麼不能在 inline ha...
昨天我們把題庫的功能補上了，但因為我們中間調整了題庫和題目間的欄位關係，所以接下來是為題目加上題組的功能，每一個題目一定是屬於某個題庫中的某個題組。 加上題組...
打包網頁 在部署網站之前，我們要先來打包我們的網頁前端專案 為什麼要打包呢？什麼是打包呢？這有點像是編譯，如果你寫過 C 應該講到這裡就理解為什麼要這樣做了 在...
先前提到題目之上還有個題庫，現在來把題庫功能完善，其實也就是CRUD再走一遍而已，不過值得一提的是，在習慣使用框架之後，真的要懂得善用框架在ORM上提供的功能，...
選單位置記憶 拆完頁面後，我們來解決選單項目位置的問題，原先的做法是每個頁面去手動變更class，讓當前的頁面選單會有高亮反白的顯示，這個動作如果每個頁面都要做...
Hi Dai Gei Ho~ 我是Winnie ~ 回憶過去，在這24天的內容中，我們已經介紹了 Chrome Extension 的核心運作、使用方法，同時...
在前面的試作過程中，我們很陽春的刻了一個臨時的後台畫面來使用，然後每換一個頁面，我們就得複製一整個包含選單的組件檔案來修改，如果現在我改了後端的路由，那前端的路...
Vue Directive 什麼是 Vue directive？簡單來說，就是在 Vue 模板中，我們常常用到的 v- 開頭的「指令」，像是：v-if、v-fo...
昨天我們說到前期的建置專案和測試留下了不少缺失，今天來把這些問題都處理一下；當然，這種作業不會一次到位，所以在開發專案時要每隔一段時間就檢視一下有沒有更好的做法...
Global Rachel
mackliu
安揪拉
cherylcloud
Louis
哲嘉 (Zhe-Jia)
Winnie Wu
iThome鐵人賽
看影片追技術