iT邦幫忙

vue相關文章
共有 801 則文章
鐵人賽 Vue.js DAY 3

技術 DAY 3 - 踏上 Vue.js 的世界,為什麼選擇 Vue.js ?

DAY 3 - 踏上 Vue.js 的世界,為什麼選擇 Vue.js ? 你不可不知使用 Vue.js 理由 那為什麼會選擇 Vue.js 呢 ? 你不可...

鐵人賽 Vue.js DAY 2

技術 DAY 2 - 飛越時代前端大進化 ,三大框架差異 ?

DAY 2 - 飛越時代前端大進化 ,三大框架差異 ? 大家都知道前端有三大框架,Vue、Recat、Angular,那為什麼要選擇 Vue 呢?為甚麼我們...

鐵人賽 Vue.js DAY 1

技術 DAY 1 - 開賽啦 ! 強化 Vue.js 30天之旅

DAY 1 - 開賽啦 ! 強化 Vue.js 30天之旅 我的背景 - 剛成功轉職的前端小菜鳥 <背景介紹>有點長可以當廢話跳過,只是希望分...

技術 【Petite-Vue】大小只有 ~6KB 的 mini Vue!

文章出處 Vue 可以作為獨立的腳本文件使用,無需構建步驟!如果你有一個非前後端分離的歷史項目,並且它已經渲染了大部分的 HTML,或者你的前端邏輯並不...

技術 幫助自己上班的零件數量查詢器(6) - axios、建構子

連著兩篇都在記錄繼續製作小工具的必要知識,終於要繼續寫實際的程式了,超級開心。 axios 實現AJAX技術的程式,簡單的說就是可以非同步執行程式,詳細內容可...

技術 幫助自己上班的零件數量查詢器(5) - Js、Vue基本架構

Vue.js(/vjuː/,簡稱Vue)是一個用於建立使用者介面的開源MVVM前端JavaScript框架,也是一個建立單頁應用的Web應用框架。--維基百科...

技術 windows server pm2 開機自動重啟 (Windows startup script)

一開始開開心心的寫著Nuxt(2.x),吃著火鍋唱著歌,然後跑個SSR(server side render)。就被伺服器重新開機給劫(結)了。如果你是從goo...

技術 [ Nuxt.js 2.x 系列文章 ] nuxt.config.js 設定檔

版本:nuxt 2.15.8 全名為 Nuxt configuration file,功能同 Vue 專案內 vue.config.js 檔,如果我們使用...

技術 [ Nuxt.js 2.x 系列文章 ] Nuxt.js 專案架設與目錄結構

版本:nuxt 2.15.8 說到 Nuxt,必須先從 Vue.js 說起,Vue.js 為專注在視圖層(View) 的 JS 框架,為 SPA(Singl...

鐵人賽 Modern Web DAY 30

技術 測試自己寫,QA不用謝。Vue3 測試入門-D30

測試自己寫,QA不用謝 單壓欸,我好棒。 為什麼要測試 測試可以幫我們衡量程式的質量、是不是能達到設計要求,幫我們進行評估。 你總不會什麼東西寫完自己不檢查就送...

鐵人賽 Modern Web DAY 30
LV的全端開發體驗 系列 第 30

技術 Day30 設定預設管理者帳號-Laravel Seeding

時間飛快的來到了第三十天了,本來想寫寫回顧和心得就可以混過去了,但臨時想到一件重要的事,在一開始建立帳號時,我有提到,我們預設註冊的使用者都是user的角色,然...

鐵人賽 Modern Web DAY 28

技術 Day 28: Quasar 新手指南 - 從安裝到使用

前言 其實一直很猶豫要不要寫這篇,因為 UI Framework 最終還是要從官方文件去看使用方式。但又想起當初,自己一開始使用 Quasar 的時候,進入官網...

鐵人賽 Modern Web DAY 29
LV的全端開發體驗 系列 第 29

技術 Day29 測驗狀態紀錄-前端計時器、取消作答、提前結束

國家技術士的學科考試,有些職類或場地會提供上機作答,全國檢定則大多還是紙本,而線上作答的系統中有一個倒數計時的功能,我也想在自己的系統中加上這個,同時要依照使用...

鐵人賽 Modern Web DAY 28

技術 Vue Option 到Composition API 搬家實作-D28

今天來幫專案的Options API搬家到Vue3 Composition API 也來看看兩者的差異! 來幫Options API搬家囉! Data Opti...

鐵人賽 Modern Web DAY 28
LV的全端開發體驗 系列 第 28

技術 Day28 增加不同的答題模式-來認真玩一下Vue

這趟全端體驗幾乎有一大半時間都在處理後端的東西,前端似乎只有顯示的功能,有點對不起vue,今天來提升一下vue的存在感一下。 先前我們在做測驗列表時,都是一頁全...

鐵人賽 Modern Web DAY 27
LV的全端開發體驗 系列 第 27

技術 Day27 計分模式 - 前置規劃做的好,改東改西沒煩惱

大致上需要的功能和模組都處理的差不多了,前後端之間的關係也算熟悉了,接下來就是把其它功能一個一個的補上去,不過目前為止都還只是在驗證我想做的功能在這個全端解決方...

鐵人賽 Modern Web DAY 26
LV的全端開發體驗 系列 第 26

技術 Day26 讓數字視覺化 - 引入Apache ECharts

看著鐵人賽快到尾聲了,但我只做完骨架功能而已,有點慚愧;幸好這周有雙十連假,可以稍微趕一下進度。 在我的計劃中,之後的功能如果會有數字分析的地方,都希望能儘量以...

鐵人賽 Modern Web DAY 24

技術 Day 24: Before Pinia - 什麼是狀態(state)?為什麼需要狀態管理器?

前言 Vue 文件常常出現 "state" 這個單字,像是在 Reactivity Fundamentals 篇章中,會用 "st...

鐵人賽 Modern Web DAY 25
LV的全端開發體驗 系列 第 25

技術 Day25 使用者的後台觀看權限 - Route & Middleware

正當我覺得核心問題都處理的差不多,終於可以來補完其它還沒動工的功能時,突然發現使用者如果手動變更路由中的id,那麼,使用者是可輕易的訪問其它使用者的後台的,不小...

鐵人賽 Modern Web DAY 24
LV的全端開發體驗 系列 第 24

技術 Day24 前後端分離後的分頁 - Laravel Paginate & Vue

分頁一直是個有點難度但做法又大同小異的議題,Laravel 本身提供的Paginate除了針對自己的Blade很方便之外,對於前端來說也是滿友善的,如果有特別需...

鐵人賽 Modern Web DAY 23
LV的全端開發體驗 系列 第 23

技術 Day23 再談前端組件設計-Button Component

昨天提到把一個題目的組件拆出來,讓它可以用在測驗和結果的顯示上,這讓我們在網頁的結構上和元件的使用上便利不少,不過一路看下來的朋友應該也注意到了,有不少的前端項...

鐵人賽 Modern Web DAY 22
LV的全端開發體驗 系列 第 22

技術 Day22 查看測驗紀錄-組件的組件的組件,聊聊重覆利用的設計

昨天提到我們可以在後台看到測驗紀錄被儲存,今天除了要讓紀錄可以被重新讀取並顯示外,也要來聊聊前端組件設計的經驗, 首先我們在測驗列表上加入連結,點擊後會顯示整個...

鐵人賽 Modern Web DAY 21
LV的全端開發體驗 系列 第 21

技術 Day21 儲存使用者的測驗結果

花了不少時間在處理後台的架構及一些套件的使用,接著,我們要來把測驗結果做儲存,僅限註冊會員可以儲存,非會員則是使用先前的 excel 匯出來自行留存。 測驗結果...

技術 Vue3 串接 Google OAuth 登入 【2022 最新】

前言 大家好,我是 Ryan,這篇文章是我參與 iThome 2022 鐵人賽時與大家分享使用 Nuxt 3 串接 Google OAuth 登入的額外分享,因...

鐵人賽 Modern Web DAY 20
LV的全端開發體驗 系列 第 20

技術 Day20 解決一下後台路由導向問題-Middleware及Guard

先前我們留下了一個問題,[Day06 不同角色登入導向],就是使用者登入後,可以透過改變網址的方式去讀取管理者的頁面,我們當時只有在後台首頁做了各自導向的設定,...

鐵人賽 Modern Web DAY 19
LV的全端開發體驗 系列 第 19

技術 Day19 提升一下操作體驗(二) - SweetAlert

昨天使用Modal的體驗不錯,解救了我文章差點難產的困境,所以今天再來加個料,免得開天窗;Modal雖然不錯用,但有時我們只是要做個確認而已,使用Modal著重...

鐵人賽 Modern Web DAY 18
LV的全端開發體驗 系列 第 18

技術 Day18 提升一下操作體驗(一)-vue-final-modal

做到現在,都在忙功能,操作體驗不是太好,因為接下來的功能都是差不多的套路,所以是時候來提升一下操作體驗了。 modal是很常見的應用,以前我都是自己手刻一套來自...

鐵人賽 Modern Web DAY 17
LV的全端開發體驗 系列 第 17

技術 Day17 使用Laravel Excel來匯出資料

昨天在討論匯入功能時有提到前面都是假設題目都是單選的前提來製作的,但是我們在匯入時有複選題的存在,這會讓我們前台的測試功能出現狀況,這問題的解決需要一點工夫,我...

鐵人賽 Modern Web DAY 16
LV的全端開發體驗 系列 第 16

技術 Day16 使用Laravel Excel來匯入資料

Excel的匯入匯出是我目前工作上常有的工作項目之一,雖然系統數位化了,但是有些對外的工作還是得轉成檔案來傳送,在這個案子中,我打算讓後台的題目新增除了手動的一...

鐵人賽 DevOps DAY 14

技術 D14 - Vue with NGINX

想起之前,我偶爾也協助佈署前端網站,佈署前端的其中一個基本作法,是在 Server 上安裝 NGINX,並指向前端建置的 dist/ 資料夾, 既然我們目前也學...