iT邦幫忙

vue相關文章
共有 801 則文章
鐵人賽 自我挑戰組 DAY 15

技術 [Day15] 2022三大前端框架庫,使用量排行誰勝出(Angular/React/Vue)?

今天主題提到2022三大前端開發框架使用量排行誰勝出?先來張在Stack Overflow自 2008 年成立以來,基於標籤使用情況的技術隨時間推移的趨勢,就可...

鐵人賽 Modern Web DAY 14

技術 真的好想離開 Vue 3 新手村 - Day 14: style scoped 原理與特殊選擇器 :deep()&:slotted()

Outline <style scoped> 的作用方式 突破 <style scoped> 的特殊選擇器a. 深層選擇器 (Dee...

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

技術 Day15 前台測驗功能試做

接著我們要來先來實現一下前台最主要的功能,測驗,在不考慮是否登入的狀況下,基本的測驗方式就是使用者進入測驗頁面後,亂數拉出一些題目出來,接者使用者開始填寫答案,...

鐵人賽 Modern Web DAY 13

技術 真的好想離開 Vue 3 新手村 - Day 13: v-on 語法、修飾符與找不到的 console.log

前言 今天這篇會先介紹 v-on 的語法和修飾符,熟悉的人可以考慮跳過這個部份。 再來會提到自己在學習 v-on 時的疑惑: 「為什麼不能在 inline ha...

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

技術 Day14 補完題組編輯及刪除 - 引入fontawesome

昨天我們完成了題組的新增及重新整理了題目的CRUD,不過題組應該也要可以修改及刪除,但目前的版面配置空間有限,所以我們使用 icon 來協助完成這兩個功能。 不...

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

技術 Day13 完善題組及題目功能

昨天我們把題庫的功能補上了,但因為我們中間調整了題庫和題目間的欄位關係,所以接下來是為題目加上題組的功能,每一個題目一定是屬於某個題庫中的某個題組。 加上題組...

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

技術 Day12 完善題庫設定功能-善用ORM

先前提到題目之上還有個題庫,現在來把題庫功能完善,其實也就是CRUD再走一遍而已,不過值得一提的是,在習慣使用框架之後,真的要懂得善用框架在ORM上提供的功能,...

鐵人賽 Modern Web DAY 27

技術 用 Nginx 部署前端網站

打包網頁 在部署網站之前,我們要先來打包我們的網頁前端專案 為什麼要打包呢?什麼是打包呢?這有點像是編譯,如果你寫過 C 應該講到這裡就理解為什麼要這樣做了 在...

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

技術 Day11 前端頁面狀態管理 - Pinia

選單位置記憶 拆完頁面後,我們來解決選單項目位置的問題,原先的做法是每個頁面去手動變更class,讓當前的頁面選單會有高亮反白的顯示,這個動作如果每個頁面都要做...

鐵人賽 Modern Web DAY 24

技術 你知道這是什麼嗎? Chrome extension MV3 With Vite - Day 24 用 Vue 開啟你的 Extension 吧

Hi Dai Gei Ho~ 我是Winnie ~ 回憶過去,在這24天的內容中,我們已經介紹了 Chrome Extension 的核心運作、使用方法,同時...

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

技術 Day10 拆分前端的組件及頁面流程

在前面的試作過程中,我們很陽春的刻了一個臨時的後台畫面來使用,然後每換一個頁面,我們就得複製一整個包含選單的組件檔案來修改,如果現在我改了後端的路由,那前端的路...

鐵人賽 Modern Web DAY 8

技術 真的好想離開 Vue 3 新手村 - Day 8: 認識 Vue directive 和 v-if v.s v-show

Vue Directive 什麼是 Vue directive?簡單來說,就是在 Vue 模板中,我們常常用到的 v- 開頭的「指令」,像是:v-if、v-fo...

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

技術 Day09 拆分後端的邏輯-Service And Repository

昨天我們說到前期的建置專案和測試留下了不少缺失,今天來把這些問題都處理一下;當然,這種作業不會一次到位,所以在開發專案時要每隔一段時間就檢視一下有沒有更好的做法...

鐵人賽 Modern Web DAY 8

技術 一口氣看完 Vue composition API 語法-D08

一口氣看完 Vue composition API 語法 為什麼要用 Vue 3 Composition API? 對我來說最重要的有2點: 比Option...

鐵人賽 Modern Web DAY 7

技術 真的好想離開 Vue 3 新手村 - Day 7: 深入了解 <script setup> 語法糖

誰適合看這篇 想知道 &lt;script setup&gt; 的優點 跟我一樣很好奇為什麼 &lt;script setup&gt; 效能比較好...

鐵人賽 Modern Web DAY 7

技術 為什麼 Vue 要使用Proxy -D07

前情提要 Vue 2以DefineProperty 攔截數據達到監聽效果。(可以數據監聽的DefineProperty與Vue2-D05)Vu3 Composi...

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

技術 Day08 基本CRUD測試-新增題目,編輯,刪除

大概確定了前後台的畫面後,終於可以來做點功能了,今天的目標是建立題目,然後完成後台的CRUD測試。 只要有題目,就可以開始測驗了,試卷是另一種測驗型式,由老師指...

鐵人賽 Modern Web DAY 6

技術 為什麼 Vue 要使用Proxy 之 Reflect-D06

為什麼 Vue 要使用Proxy 之 Reflect 探討Proxy之前,得先來看看和Proxy一起搭配的Reflect Reflect(反射)是ES6語法(我...

鐵人賽 Modern Web DAY 6
Nuxt 3 學習筆記 系列 第 6

技術 [Day 06] Nuxt 3 目錄結構與自動載入 (Auto Imports)

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

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

技術 Day07 建立功能連結及頁面

雖然是小案子,但完整度還是要有,為了避免做到後期才發現有問題要打掉重做,所以我會先試著把主要的頁面流程先順過一次,這個過程會有點囉嗦,但只要調整妥當,後面的其它...

鐵人賽 Modern Web DAY 6

技術 真的好想離開 Vue 3 新手村 - Day 6: 什麼是 Vue SFC 檔?如何被編譯?feat. Vite

Outline 什麼是 SFC 檔 認識 SFC 檔的組成 - Language Block SFC 檔會如何被解析(其實不算重要,但因為我很好奇) 什麼是...

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

技術 Day06 不同角色登入導向

原本我們是想把一些路由和頁面流程先建立起來的,但是在改完後台時,發現目前的角色登入後的畫面都在同一個 backstage,我們希望將來能區分管理者和一般使用者的...

鐵人賽 Modern Web DAY 5

技術 分手JS-可以數據監聽的DefineProperty與Vue2-D05

DefineProperty &amp; Vue2 Vue 使用發布訂閱模式達到監聽數據效果 在使用Vue3 composition API 時,會碰到很多pr...

鐵人賽 Modern Web DAY 5
Nuxt 3 學習筆記 系列 第 5

技術 [Day 05] Nuxt 3 如何使用 Tailwind CSS

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

技術 Nuxt 3 + ESLint + Prettier 環境建置

前言 大家好,我是 Ryan,這篇文章是我參與 iThome 2022 鐵人賽 [Day 04] Nuxt 3 + TypeScript + ESLint +...

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

技術 Day05 規劃路由、頁面、控制器

像我這種一人全端開發者,有些工夫能省就省,所以沒有需求文件,開發文件什麼的,心之所向,功能之所在; 雖然可以隨興的開發,但如果真的都沒個規劃,也常常做到後期會有...

鐵人賽 Modern Web DAY 4
Nuxt 3 學習筆記 系列 第 4

技術 [Day 04] Nuxt 3 + TypeScript + ESLint + Prettier 環境建置

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Modern Web DAY 3
Nuxt 3 學習筆記 系列 第 3

技術 [Day 03] Nuxt 3 - 使用 nuxi 建立第一個專案

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Modern Web DAY 3

技術 真的好想離開 Vue 3 新手村 - Day 3: 細看 Vue + Vite 專案資料夾結構

誰適合看這篇 已經初步了解 npm、package.json、package-lock.json、node_modules 建立 Vue 專案後,沒有仔細看...

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

技術 Day04 使用內建的會員系統Breeze

早期Laravel有一個 Laravel/ui 的套件,有內建一個基本的會員註冊登入系統,很多教學者也以此為宣傳,告訴大家 laravel 用來建立會員系統有多...