前言 Nuxt DevTools 是一個強大的視覺化除錯工具,,整合開發了許多工具與功能在除錯分析上它可以幫助你更快速的了解 Nuxt 專案,進而解放開發者體驗...
前幾天已經了解關於state的存取及更新方式,還有從父層把state透過props的傳遞給子層的方式,今天就讓我們把重點放在怎麼讓頁面能擁有實際的互動功能,也就...
前言 上一篇文章,已經大概說明為什麼會需要使用框架,同時也大概說了為什麼要寫 Vue 這篇文章,來聊聊原生 JS跟 Vue 的比較吧 雖然上一篇好像在嘴這件事,...
DAY 4 - 建立到銷毀:深入了解 Vue 生命週期 今日前言 今天來談談Vue.js的生命周期,了解元件建立到摧毀過程,深入了解元件運作原理及我們可以如...
安裝 Vue Cli npm install -g @vue/cli 創建 Vue 項目 vue create 自訂義的資料夾名稱 因為一些個人因素,之...
本篇重點: Vue & Vue CLI安裝 如何使用Visual Studio建立一個Vue & .Net的專案 在開始建立專案前,我們...
👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗,👇下方是本篇教學的相關筆記。 設置 ESLint 環境 安裝 ESLint 套件 npm...
前言 Nuxt 是一個強大且完整的框架,但也因此框架的複雜程度可能導致學習與除錯成本的提升,當我們在開發上遇到錯誤或需要調整驗證的地方,可能就需要在龐大的專案內...
DAY 3 - 踏上 Vue.js 的世界,為什麼選擇 Vue.js ? 你不可不知使用 Vue.js 理由 那為什麼會選擇 Vue.js 呢 ? 你不可...
聊聊框架 所以到底為什麼要 逼我們 學框架? 這個問題其實已經有很多前輩寫了很詳細的文章做說明,這邊分享兩篇我覺得很不錯的文章給大家參考。 談談前端框架...
前言 工欲善其事,必先利其器。 這句不知道已經幾百年的諺語一直到現在還是很受用,我們學習程式的人也適用於這個觀念。 開始學習 Vue 之前,有幾樣工具是電腦中一...
👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗,👇下方是本篇教學的相關筆記。 前置作業 為了確保 Nuxt CLI 不存在快取或版本上的差...
前言 在 Nuxt 3 開發過程中,在建立頁面、元件甚至是 Server API,我們會需要為建立檔案來完成實作,如果你還不熟悉檔案在專案放置位置,或是需要模板...
DAY 2 - 飛越時代前端大進化 ,三大框架差異 ? 大家都知道前端有三大框架,Vue、Recat、Angular,那為什麼要選擇 Vue 呢?為甚麼我們...
前端御三家,請選擇 前端框架,一個在「大前端時代」出現的產物,當 jQuery 已經沒辦法輕易應付萬紫千紅的需求時,框架開始崛起。 近期開始接觸網頁程式的人,無...
👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗,👇下方是本篇教學的相關筆記。 環境準備 Node.js - 建議安裝 v18 版本以上VS...
前言 nuxi 全名為 (Nuxt CLI, Nuxt Command Line Interface),是由 Nuxt 提供開發的標準工具,Nuxt CLI 就...
DAY 1 - 開賽啦 ! 強化 Vue.js 30天之旅 我的背景 - 剛成功轉職的前端小菜鳥 <背景介紹>有點長可以當廢話跳過,只是希望分...
前天和昨天花了一些時間了解Vue和React的「單向資料流」設計模式後,接著來看看與畫面渲染有關的state的部分,雖然在使用上,某些程度來說,Vue和Reac...
大家好!我是從韓文領域不務正業到軟體產業的文科少女,目前正在前端的世界努力中。因為希望自己能突破Junior的坎,所以為自己立下了一個參加鐵人賽的目標,希望透過...
文章出處 Vue 可以作為獨立的腳本文件使用,無需構建步驟!如果你有一個非前後端分離的歷史項目,並且它已經渲染了大部分的 HTML,或者你的前端邏輯並不...
連著兩篇都在記錄繼續製作小工具的必要知識,終於要繼續寫實際的程式了,超級開心。 axios 實現AJAX技術的程式,簡單的說就是可以非同步執行程式,詳細內容可...
Vue.js(/vjuː/,簡稱Vue)是一個用於建立使用者介面的開源MVVM前端JavaScript框架,也是一個建立單頁應用的Web應用框架。--維基百科...
版本:nuxt 2.15.8 全名為 Nuxt configuration file,功能同 Vue 專案內 vue.config.js 檔,如果我們使用...
一開始開開心心的寫著Nuxt(2.x),吃著火鍋唱著歌,然後跑個SSR(server side render)。就被伺服器重新開機給劫(結)了。如果你是從goo...
版本:nuxt 2.15.8 說到 Nuxt,必須先從 Vue.js 說起,Vue.js 為專注在視圖層(View) 的 JS 框架,為 SPA(Singl...
測試自己寫,QA不用謝 單壓欸,我好棒。 為什麼要測試 測試可以幫我們衡量程式的質量、是不是能達到設計要求,幫我們進行評估。 你總不會什麼東西寫完自己不檢查就送...
時間飛快的來到了第三十天了,本來想寫寫回顧和心得就可以混過去了,但臨時想到一件重要的事,在一開始建立帳號時,我有提到,我們預設註冊的使用者都是user的角色,然...
前言 其實一直很猶豫要不要寫這篇,因為 UI Framework 最終還是要從官方文件去看使用方式。但又想起當初,自己一開始使用 Quasar 的時候,進入官網...
國家技術士的學科考試,有些職類或場地會提供上機作答,全國檢定則大多還是紙本,而線上作答的系統中有一個倒數計時的功能,我也想在自己的系統中加上這個,同時要依照使用...