DAY 3 - 踏上 Vue.js 的世界,為什麼選擇 Vue.js ? 你不可不知使用 Vue.js 理由 那為什麼會選擇 Vue.js 呢 ? 你不可...
DAY 2 - 飛越時代前端大進化 ,三大框架差異 ? 大家都知道前端有三大框架,Vue、Recat、Angular,那為什麼要選擇 Vue 呢?為甚麼我們...
DAY 1 - 開賽啦 ! 強化 Vue.js 30天之旅 我的背景 - 剛成功轉職的前端小菜鳥 <背景介紹>有點長可以當廢話跳過,只是希望分...
文章出處 Vue 可以作為獨立的腳本文件使用,無需構建步驟!如果你有一個非前後端分離的歷史項目,並且它已經渲染了大部分的 HTML,或者你的前端邏輯並不...
連著兩篇都在記錄繼續製作小工具的必要知識,終於要繼續寫實際的程式了,超級開心。 axios 實現AJAX技術的程式,簡單的說就是可以非同步執行程式,詳細內容可...
Vue.js(/vjuː/,簡稱Vue)是一個用於建立使用者介面的開源MVVM前端JavaScript框架,也是一個建立單頁應用的Web應用框架。--維基百科...
一開始開開心心的寫著Nuxt(2.x),吃著火鍋唱著歌,然後跑個SSR(server side render)。就被伺服器重新開機給劫(結)了。如果你是從goo...
版本:nuxt 2.15.8 全名為 Nuxt configuration file,功能同 Vue 專案內 vue.config.js 檔,如果我們使用...
版本:nuxt 2.15.8 說到 Nuxt,必須先從 Vue.js 說起,Vue.js 為專注在視圖層(View) 的 JS 框架,為 SPA(Singl...
測試自己寫,QA不用謝 單壓欸,我好棒。 為什麼要測試 測試可以幫我們衡量程式的質量、是不是能達到設計要求,幫我們進行評估。 你總不會什麼東西寫完自己不檢查就送...
時間飛快的來到了第三十天了,本來想寫寫回顧和心得就可以混過去了,但臨時想到一件重要的事,在一開始建立帳號時,我有提到,我們預設註冊的使用者都是user的角色,然...
前言 其實一直很猶豫要不要寫這篇,因為 UI Framework 最終還是要從官方文件去看使用方式。但又想起當初,自己一開始使用 Quasar 的時候,進入官網...
國家技術士的學科考試,有些職類或場地會提供上機作答,全國檢定則大多還是紙本,而線上作答的系統中有一個倒數計時的功能,我也想在自己的系統中加上這個,同時要依照使用...
今天來幫專案的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是很常見的應用,以前我都是自己手刻一套來自...
昨天在討論匯入功能時有提到前面都是假設題目都是單選的前提來製作的,但是我們在匯入時有複選題的存在,這會讓我們前台的測試功能出現狀況,這問題的解決需要一點工夫,我...
Excel的匯入匯出是我目前工作上常有的工作項目之一,雖然系統數位化了,但是有些對外的工作還是得轉成檔案來傳送,在這個案子中,我打算讓後台的題目新增除了手動的一...
想起之前,我偶爾也協助佈署前端網站,佈署前端的其中一個基本作法,是在 Server 上安裝 NGINX,並指向前端建置的 dist/ 資料夾, 既然我們目前也學...