iT邦幫忙

vue相關文章
共有 669 則文章
鐵人賽 Vue.js DAY 4
Nuxt 3 實戰筆記 系列 第 4

技術 [Day 04] Nuxt 3 專案應用程式開發工具 - Nuxt DevTools 視覺化工具系列

前言 Nuxt DevTools 是一個強大的視覺化除錯工具,,整合開發了許多工具與功能在除錯分析上它可以幫助你更快速的了解 Nuxt 專案,進而解放開發者體驗...

鐵人賽 Modern Web DAY 13

技術 【Day 13】Vue與React實現互動效果的事件綁定

前幾天已經了解關於state的存取及更新方式,還有從父層把state透過props的傳遞給子層的方式,今天就讓我們把重點放在怎麼讓頁面能擁有實際的互動功能,也就...

鐵人賽 Vue.js DAY 4

技術 我的 Vue.js 筆記(4) - Vue 幫我們解決的事情

前言 上一篇文章,已經大概說明為什麼會需要使用框架,同時也大概說了為什麼要寫 Vue 這篇文章,來聊聊原生 JS跟 Vue 的比較吧 雖然上一篇好像在嘴這件事,...

鐵人賽 Vue.js DAY 4

技術 DAY 4 - 建立到銷毀:深入了解 Vue 生命週期

DAY 4 - 建立到銷毀:深入了解 Vue 生命週期 今日前言 今天來談談Vue.js的生命周期,了解元件建立到摧毀過程,深入了解元件運作原理及我們可以如...

鐵人賽 影片教學 DAY 3

技術 Day03-安裝Vue

安裝 Vue Cli npm install -g @vue/cli 創建 Vue 項目 vue create 自訂義的資料夾名稱 因為一些個人因素,之...

鐵人賽 SideProject30 DAY 3

技術 Day 3:環境篇 - 使用 Visual Studio 建立一個Vue.js & .NET的專案

本篇重點: Vue & Vue CLI安裝 如何使用Visual Studio建立一個Vue & .Net的專案 在開始建立專案前,我們...

鐵人賽 影片教學 DAY 3
Nuxt 3 快速入門 系列 第 3

技術 [影片教學] Nuxt 3 + ESLint + Prettier 環境建置

👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗,👇下方是本篇教學的相關筆記。 設置 ESLint 環境 安裝 ESLint 套件 npm...

鐵人賽 Vue.js DAY 3
Nuxt 3 實戰筆記 系列 第 3

技術 [Day 03] Nuxt 3 解放 Nuxt 開發者體驗 - Nuxt DevTools 視覺化工具系列

前言 Nuxt 是一個強大且完整的框架,但也因此框架的複雜程度可能導致學習與除錯成本的提升,當我們在開發上遇到錯誤或需要調整驗證的地方,可能就需要在龐大的專案內...

鐵人賽 Vue.js DAY 3

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

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

鐵人賽 Vue.js DAY 3

技術 我的 Vue.js 筆記(3) - 為什麼前端要有框架?為什麼選 Vue?

聊聊框架 所以到底為什麼要 逼我們 學框架? 這個問題其實已經有很多前輩寫了很詳細的文章做說明,這邊分享兩篇我覺得很不錯的文章給大家參考。 談談前端框架...

鐵人賽 Vue.js DAY 2

技術 我的 Vue.js 筆記(2) - 事前的準備

前言 工欲善其事,必先利其器。 這句不知道已經幾百年的諺語一直到現在還是很受用,我們學習程式的人也適用於這個觀念。 開始學習 Vue 之前,有幾樣工具是電腦中一...

鐵人賽 影片教學 DAY 2
Nuxt 3 快速入門 系列 第 2

技術 [影片教學] Nuxt 3 - nuxi (Nuxt CLI) 指令介紹

👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗,👇下方是本篇教學的相關筆記。 前置作業 為了確保 Nuxt CLI 不存在快取或版本上的差...

鐵人賽 Vue.js DAY 2
Nuxt 3 實戰筆記 系列 第 2

技術 [Day 02] Nuxt 3 使用 nuxi 快速建立模板檔案

前言 在 Nuxt 3 開發過程中,在建立頁面、元件甚至是 Server API,我們會需要為建立檔案來完成實作,如果你還不熟悉檔案在專案放置位置,或是需要模板...

鐵人賽 Vue.js DAY 2

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

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

鐵人賽 Vue.js DAY 1

技術 我的 Vue.js 筆記(1) - 前言

前端御三家,請選擇 前端框架,一個在「大前端時代」出現的產物,當 jQuery 已經沒辦法輕易應付萬紫千紅的需求時,框架開始崛起。 近期開始接觸網頁程式的人,無...

鐵人賽 影片教學 DAY 1
Nuxt 3 快速入門 系列 第 1

技術 [影片教學] Nuxt 3 - 使用 nuxi 建立第一個專案

👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗,👇下方是本篇教學的相關筆記。 環境準備 Node.js - 建議安裝 v18 版本以上VS...

鐵人賽 Vue.js DAY 1
Nuxt 3 實戰筆記 系列 第 1

技術 [Day 01] Nuxt 3 nuxi 介紹 - Nuxt CLI 指令說明

前言 nuxi 全名為 (Nuxt CLI, Nuxt Command Line Interface),是由 Nuxt 提供開發的標準工具,Nuxt CLI 就...

鐵人賽 Vue.js DAY 1

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

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

鐵人賽 Modern Web DAY 10

技術 【Day 10】ref和useState:定義與畫面渲染有關的State

前天和昨天花了一些時間了解Vue和React的「單向資料流」設計模式後,接著來看看與畫面渲染有關的state的部分,雖然在使用上,某些程度來說,Vue和Reac...

鐵人賽 Modern Web DAY 1

技術 【Day 1】為什麼我要從Vue學React?為什麼不只要會用,還要真的懂?

大家好!我是從韓文領域不務正業到軟體產業的文科少女,目前正在前端的世界努力中。因為希望自己能突破Junior的坎,所以為自己立下了一個參加鐵人賽的目標,希望透過...

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

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

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

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

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

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

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

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

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

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

技術 [ 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 測驗狀態紀錄-前端計時器、取消作答、提前結束

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