iT邦幫忙

vue相關文章
共有 792 則文章
鐵人賽 Modern Web DAY 15

技術 用 POST 串起前後端

講完 get 來講 post,那這兩個 call api 的方法有什麼差別呢?先記得一個原則,要傳遞機密的資料用 post,如果要傳遞的參數被別人知道也無所謂就...

鐵人賽 Modern Web DAY 14

技術 用 GET 串起前後端

前端和後端溝通,最常用就是 get 和 post,所以我只打算講一下這兩個在 vue 和 django 要怎麼用,其實我比較想講的是架站以及安全方面,前面十幾天...

鐵人賽 Modern Web DAY 9

技術 State management

狀態管理有點像是 cookie 或 localStorage,可是又多了更多操作可以用,讓你再切換頁面時可以使用相同的變數。 用來使用這個功能的套件叫做 vue...

鐵人賽 Modern Web DAY 8

技術 Vue Router

Basic config 最基本的寫法就是在 src/router/index.ts 的 routes 內設定像這樣 const routes: Array&l...

鐵人賽 Modern Web DAY 7

技術 Vue: Life cycle

今天來介紹 vue 的生命週期,什麼是生命週期呢?講簡單一點就是從你用瀏覽器打開網頁開始,到網頁內的元件一個一個生成,到整個完整的網頁建立的過程就叫生命週期,完...

鐵人賽 Modern Web DAY 6

技術 Vue 指令

v-bind v-bind 可以讓 template 內的標籤去綁定 script 內定義的變數,舉個例子 <template> <div...

鐵人賽 Modern Web DAY 5

技術 寫一個 Vue 頁面

定義路由 首先先來定義路由,先把上一篇寫的 home.vue 定義在根路由。 打開 src/router/index.ts,在 routes 內定義 {...

鐵人賽 Modern Web DAY 4

技術 Vue 頁面結構

在寫頁面之前,先來介紹 Vue 頁面結構。 首先先在 src/components 底下建立一個 home.vue 跟寫一個 html 頁面很像,一樣是分成...

鐵人賽 Modern Web DAY 3

技術 Vue 專案架構

專案建好了,那先來講 Vue 的專案架構 詳細內容很多,所以我挑重點講 public index.html public/index.html 是 Vue 頁...

鐵人賽 Modern Web DAY 2

技術 你知道這是什麼嗎? Chrome extension MV3 With Vite - Day2 運行環境&組成

Hi Dai Gei Ho~ 我是Winnie ~ 在上篇文章中,我們已初步的了解 Extension 是什麼後,接著再今天內容我們要再深入一步探討關於 Ex...

鐵人賽 Modern Web DAY 2

技術 Vue: getting started

前言 Vue 在過去的一兩年內快速發展,寫法也一直改變,我在過去一年多也更改了兩次寫法,這 30 天我將以最新的 composition api + types...

鐵人賽 Modern Web DAY 1

技術 Introduction of Vue, Django, MongoDB, Nginx

Vue 目前前端三大框架包含 facebook 開發的 React ,google 開發的 Angular,以及由 Evan You 開發的 Vue ,Vue...

鐵人賽 Modern Web DAY 1

技術 你知道這是什麼嗎? Chrome Extension MV3 with Vite - 前言&大綱

Hi Dai Gei Ho~ 我是Winnie ~ 目前是一位前端工程師,目標是可以 持續在做自己喜歡的事。如果對於我還有一絲好奇的捧油可以看看 這篇文章 在...

技術 【Vue】v-text 、v-html與 {{ }} (Mustache)

【前言】本系列為個人前端學習之路的學習筆記,在過往的學習過程中累積了很多筆記,如今想藉著IT邦幫忙這個平台做整理+再複習。本系列標題一律以【】標示該篇文章主要涉...

鐵人賽 Modern Web

技術 [專案上線第01天] - 新來的主管說要寫 Vue Test Utils 單元測試

前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章,在這邊整理了許多我自己使用Vue重構很多網站的經驗...

鐵人賽 Security DAY 30
Kali Linux 工具筆記 系列 第 31

技術 完賽 != 完結

完賽感言 不知不覺才沒有不知不覺,每天都在想著放棄,但最後還是撐到完賽,回想這三十天鐵人賽的掙扎旅程,還真的是有好有壞,好處就是有了個壓力強迫自己去探索沒接觸過...

鐵人賽 Modern Web DAY 30
Vue.js 什麼意思 系列 第 30

技術 Day 30:Keep Going 的意思

就這樣接連 30 天順利完成鐵人賽系列了~為所有自律且成功達標的參賽者們一起喝采!!! 在產出本系列文章的同時,也再次複習了當初實作專案時面對到不熟悉的語法,在...

鐵人賽 Modern Web DAY 29
Vue.js 什麼意思 系列 第 29

技術 Day 29:神奇語法糖-v-model

整個系列都快要完結篇了,怎麼可能獨漏 Vue 的神奇語法糖—— v-model 呢?我們已經知道 Vue 基於 MVVM 架構模式,最大的特色就是可以將資料與...

鐵人賽 Software Development DAY 29

技術 [Day - 29] - 深透 Spring Actuator 創造系統服務監視神之眼

Abstract 大家好,我是遊戲王怪獸之決鬥小編威斯~~丁,想必大家都知道遊戲王的貝卡斯的千年眼可以看到每個人的心靈....心靈透視~~~ 差不多是這樣子垃....

鐵人賽 Modern Web DAY 30

技術 D31 - 「來互相傷害啊!」:無聊我要見到血流成河

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...

鐵人賽 Modern Web DAY 30

技術 D30 - 「來互相傷害啊!」:貓狗集合!建立 Sprite!

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...

鐵人賽 Modern Web DAY 30

技術 D29 - 「來互相傷害啊!」:天時地利,建立 Phaser Scene

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...

鐵人賽 Modern Web DAY 27

技術 第27車廂-關於訊息視窗:bootstrap5Model應用篇

本篇介紹Bootstrap5 UI的Modal(彈出互動視窗)呼叫方式 起手式 <link href="https://cdn.jsde...

鐵人賽 Modern Web DAY 29

技術 D28 - 「來互相傷害啊!」:粗乃玩搖桿!

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...

鐵人賽 Modern Web DAY 28

技術 D27 - 「來互相傷害啊!」:運籌帷幄

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...

鐵人賽 Modern Web DAY 26
Vue.js 什麼意思 系列 第 26

技術 Day 26:v-if 才做選擇,v-show 全都秀

目前的版面配置是基本的瀑布流效果,而此模式較著重在顯示書本封面圖片,一列只能出現三本書單,RWD 的情況下又會再壓縮顯示空間,相對在瀏覽資訊上的速度會較慢,因此...

鐵人賽 Modern Web DAY 26

技術 第26車廂-眼睛眨啊眨~登入密碼的顯示/隱藏應用篇

本篇介紹現行登入密碼欄位,旁邊都有一個小眼睛,是如何點一下就秀出密碼的呢? ▼ 完成圖如下 首先先準備我們的小眼睛, Font Awesome 使用方式 官...

鐵人賽 Modern Web DAY 27

技術 D26 - 「來互相傷害啊!」:站在 Phaser 的肩膀上

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...

鐵人賽 Modern Web DAY 27

技術 Day 27. 過濾器 - Filter

今天是三天連假的第一天,實體上課真的太累了,一不小心睡到下午诶嘿(๑´ڡ`๑)連假過完鐵人也差不多完成了!時間真的過的飛快啊,今天來講講vue的過濾器,雖然在這...

鐵人賽 Modern Web DAY 26

技術 D25 - 「不斷線的侏儸紀」:然後他就死掉了

本系列文已改編成書「Arduino 自造趣:結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」,本書改用 Vue3 與 TypeS...