iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 1 留言 5617 瀏覽

鐵人賽自我挑戰組 DAY 7

每天來點 Vue.js 吧系列第 7 篇

技術 Vue computed property `getter` 與 `setter` 的那些事

Computed Property ✐ 在 computed 中設置的 property 稱為 Computed Property 計算屬性，Computed...

RURU Tseng ‧ 2020-09-22

0 Like 0 留言 5612 瀏覽

鐵人賽 Modern Web DAY 5

VUE & PHP (Apache2) & Docker 實戰開發系列第 5 篇

技術 Day5 - Vue & Webpack & Service Worker 工欲善其事必先利其器

這一篇有跟大家介紹了Service Worker的應用，今天想帶一下Webpack，強大的打包工具。我會希望我的前端，能夠用到Webpack + Service...

aa71435723 ‧ 2018-10-19

0 Like 0 留言 5589 瀏覽

鐵人賽 Modern Web DAY 7

VUE & PHP (Apache2) & Docker 實戰開發系列第 7 篇

技術 Day7 - Vue-Lazyloading & Service worker Hook

上一篇學習了如何建立typescript & webpack & service worker的專案。今天繼續實作如果將service wor...

aa71435723 ‧ 2018-10-21

0 Like 0 留言 5455 瀏覽

鐵人賽 Modern Web DAY 9

到底要怎麼開始開發網站? --- 從入門到使用Vue, Firebase製作老闆交代的網站系列第 9 篇

技術【D9 - Vue的雙下巴】Vue模板語法 -- {{Mustache}}

首先我們要先了解甚麼是模板語法? 而甚麼是模板? 模板模板其實跟render function 是一樣的運作模式的~我們會將模板編譯成為render func...

ryanyen2 ‧ 2020-09-09

0 Like 0 留言 5440 瀏覽

鐵人賽 Modern Web DAY 5

[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站系列第 5 篇

技術 [Day 5] Vue Quasar 打造旅遊網站系列 1 - Header

本篇演示項目 Toolbar ToolbarTitle Button 這幾天都在想要演示什麼主題會比較好想一想最近突然好想要出去玩那就乾脆來做旅遊網站好...

RenZhou ‧ 2018-10-19

0 Like 0 留言 5426 瀏覽

鐵人賽 Modern Web DAY 2

Laravel Livewire：不用 Vue 跟 jQuery 居然也能讓 Laravel 的畫面動起來？！系列第 2 篇

技術 Day 02 | Laravel Livewire 基本介紹

Livewire 是 Laravel 的全端框架，能建立像 Vue 一樣的動態頁面的同時又能保有 Laravel 原有的特性。除此之外在 SEO 方面仍跟原本...

RenZhou ‧ 2021-09-04

0 Like 0 留言 5419 瀏覽

鐵人賽 Modern Web DAY 7

[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站系列第 7 篇

技術 [Day 7] Vue Quasar 打造旅遊網站系列 3 - Carousel (頁面輪播)

今天就來做我們的首頁吧～！！ ?? 其他兩家的首頁基本上都是圖片輪播的形式加上一個輸入匡來搜尋目的地那我們今天就來做這個輪播功能吧建立新的首頁由於...

RenZhou ‧ 2018-10-21

1 Like 0 留言 5402 瀏覽

鐵人賽自我挑戰組 DAY 3

前端新手筆記-Vue.js 系列第 3 篇

技術 Day3 Vue Instance(實體)介紹

上一篇文章我們簡單介紹了Vue的幾個重要特性（漸進式框架、MVVM、元件、載入方式）。若不清楚的話，可以點擊上篇觀看Day2 - Vue 基本介紹（漸進式框架、...

chunwen ‧ 2019-09-19

4 Like 0 留言 5324 瀏覽

技術用 vuetify-loader 提升 Vue 開發體驗

好久沒寫文章，心血來潮發一篇重點先放三遍不用 Vuetify 也可以用 vuetify-loader 哦不用 Vuetify 也可以用 vuetify-...

HunterLiu ‧ 2019-06-20

1 Like 0 留言 5300 瀏覽

鐵人賽 Modern Web

[ 重構倒數30天，你的網站不Vue白不Vue ] 系列第 32 篇

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

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

Mike ‧ 2022-04-19

0 Like 0 留言 5296 瀏覽

徵才徵求資深WEB前端工程師＃歡迎挑戰高薪待遇月薪100000元~200000元

徵求資深WEB前端工程師＃歡迎挑戰高薪職責： 1、根據產品經理的設計，完成前端Web頁面的開發，並處理和後端的對接； 2、模塊化前端組件，建立前端開發架構...

barry0916 ‧ 2020-05-14

0 Like 0 留言 5184 瀏覽

技術 Vue Cli 3 + vue-cli-plugin-cordova 安裝環境

第一次使用 Cordova + Vue 開發 APP，順便將安裝開發環境的步驟紀錄下來。安裝 Vue Cli Cordova JDK (Andro...

Lucas Yang ‧ 2019-04-21

2 Like 0 留言 5177 瀏覽

鐵人賽自我挑戰組 DAY 11

前端新手筆記-Vue.js 系列第 11 篇

技術 Day11 Vue Watch介紹

本文同步發表於Andy's Blog 前言昨天介紹完Computed屬性後，我們今天要來介紹Watch。 Watch 用途：主要是用來監聽實體內特定的變數...

chunwen ‧ 2019-09-27

1 Like 0 留言 5162 瀏覽

鐵人賽 Modern Web DAY 19

從零開始的個人化記帳程式開發系列第 19 篇

技術 Vue 專案串接 Firestore 資料

前言在前面幾天的時候，因為還是想要直接能串資料庫，所以將主題切出去學習一下 Firestore，今天就要來將 Firestore 導入 Vue 專案了，一邊...

ckchuang ‧ 2019-10-05 ‧團隊Wow Doge!

0 Like 0 留言 5130 瀏覽

鐵人賽自我挑戰組 DAY 3

Vuex 學習筆記系列第 14 篇

技術 [Vue.js] Vuex 學習筆記 (14) - 購物車實例 component

前言前面我們已經把 Vuex 的特性都解說完畢，應該對 Vuex 有初步的了解，但是如果沒有實作我們還是沒有辦法很熟悉，官方這邊提供了一個購物車的範例，我們就...

Nomi Su ‧ 2017-12-25

1 Like 0 留言 5056 瀏覽

鐵人賽自我挑戰組 DAY 4

前端新手筆記-Vue.js 系列第 4 篇

技術 Day4 - Vue 生命週期介紹

前言上一篇文章中，我們已經為大家簡單介紹Vue Instance，並且透過範例讓大家初步了解該如何使用Vue 。而這篇文章我將為大家介紹Vue元件生命週期。...

chunwen ‧ 2019-09-20

0 Like 0 留言 4965 瀏覽

技術 24.music-播放CD

播放CD-監聽音樂播放(v-on play-監聽音樂暫停(v-on pause-操縱class(v-bind 對象這個功能不用掉用到axios，只要操作clas...

伍貳捌 ‧ 2023-10-10

2 Like 1 留言 4951 瀏覽

鐵人賽自我挑戰組 DAY 23

每天來點 Vue.js 吧系列第 23 篇

技術對 Vue component 傳入非 Prop 的 attribute

tags: Vuejs Vue component 可以傳入 prop attribute 以及 non-prop attribute 兩種 attribute...

RURU Tseng ‧ 2020-10-08

6 Like 1 留言 4821 瀏覽

技術 [筆記][Vue.js]打開Vue.js世界的大門(11)-壓軸登場的組件基礎和Props使用方式篇

Hello！大家好！前幾天突然看到鐵人賽在十月開始，實在來的太快，讓小弟我感到非常錯愕XD，去年因為害怕所以沒有參加，但那時候也立志了今年要參加的決心！所以之後...

神Q超人 ‧ 2018-09-02

2 Like 1 留言 4810 瀏覽

鐵人賽 Modern Web DAY 6

用 Nuxt.js 2.0, Vuetify, Storybook, Firebase 建一個 Blog 系列第 6 篇

技術 #6: Storybook(含有兩個元件範例)

Storybook 簡介官方 Demo Storybook 方便我們開發 UI 元件，使用 storybook 可以看到 UI 元件在不同狀態下的樣貌。另外...

HunterLiu ‧ 2018-10-13 ‧團隊武裝狗狗

0 Like 0 留言 4747 瀏覽

技術 [Vue.js] watch 物件屬性

Watch 使用 watch 是用來監控指定的資料變化時，觸發相對應的行為，要監控一般的參數很簡單，但是要監控物件裡面的屬性呢？以下是解決的方式： expor...

Nomi Su ‧ 2017-12-28

2 Like 0 留言 4729 瀏覽

鐵人賽 Modern Web DAY 8

用 Nuxt.js 2.0, Vuetify, Storybook, Firebase 建一個 Blog 系列第 8 篇

技術 #8: Plop: 三秒寫一個 component

上一篇，整合了 Storybook 和 Nuxt，也建立了一個元件為 MyButton。但如果每次要新增一個元件，就要建立四個檔案如下： index.js...

HunterLiu ‧ 2018-10-15 ‧團隊武裝狗狗

1 Like 1 留言 4536 瀏覽

鐵人賽自我挑戰組 DAY 12

前端新手筆記-Vue.js 系列第 12 篇

技術 Day12 Vue computed VS watch VS method

本文同步發表於Andy's Blog 前言這兩天我們介紹完了Computed與watch特性與用法。那今天我們將來了解一下，這三者有什麼差異。第一部分：...

chunwen ‧ 2019-09-28

1 Like 0 留言 4514 瀏覽

鐵人賽 Modern Web DAY 24

超緊繃!30天Vue.js學習日記系列第 24 篇

技術 [Vue.js][日記]擁抱全家桶系列-Vue-cli (1)

超緊繃!30天Vue.js學習日記擁抱全家桶系列-Vue-cli (1) 大家好,在我們挑戰大魔王:vue-cli之前,我們要先初步探討開發模板:webpa...

EN ‧ 2019-10-05 ‧團隊IT成長團

2 Like 0 留言 4397 瀏覽

鐵人賽 Modern Web DAY 21

「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站系列第 21 篇

技術 [VR 前後端交響曲Day21] Rails專案開發 - Vue draggable套件拖拉column

隨著鐵人賽過了2/3來到尾聲，我們的Kanban開始有了雛形。而今天實作的目的，是要讓Kanban裡的欄位可以拖拉，而且能將拖拉完的結果存入資料庫！想到系...

貓貓工程師 Ting Ting ‧ 2020-10-06

0 Like 0 留言 4319 瀏覽

鐵人賽 Modern Web DAY 8

[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站系列第 8 篇

技術 [Day 8] Vue Quasar 打造旅遊網站系列 4 - Input、Autocomplete

今日做完後會長這樣繼續昨天的進度該補上搜尋的框框了先來看一下其他兩家的東西恩... 不簡單啊ＸＤ? 暫且不看下面的視覺選單先來打個字搜尋看看...

RenZhou ‧ 2018-10-22

0 Like 0 留言 4290 瀏覽

鐵人賽自我挑戰組

跟 VueJS 認識的30天系列第 16 篇

技術 [DAY16]跟 Vue.js 認識的30天 - Vue 過渡(轉場)及動畫效果上篇(`<transition>`)

先看上圖來了解 Vue 將動畫進入跟離開這 2 種階段，而在進入跟離開階段又分別配置了 3 種狀態 — 初始狀態(進入前、離開前)、進行中狀態、結束狀態(進入...

Celeste ‧ 2021-01-28

0 Like 0 留言 4289 瀏覽

鐵人賽 Modern Web DAY 11

Vue.js 什麼意思系列第 11 篇

技術 Day 11：Router 怎麼繞－router-link、router-view

大家應該也發現到了，目前點選 Navbar 項目並沒有任何反應；但是點選公版中的 Home 和 About 時：點選 About，網址跳轉至「 http:/...

Teen ‧ 2021-09-26 ‧團隊好想工作室V5.0

0 Like 0 留言 4221 瀏覽

技術 Vue.js [watch]：物件屬性如何用 watch

遇到問題在使用 Vue 的 watch 的時候，一般都是用這樣的 watch:{ text:{ handler(newValue){...

LucyLiou ‧ 2019-03-28

0 Like 0 留言 4215 瀏覽

鐵人賽 Modern Web DAY 16

Vue.js 什麼意思系列第 16 篇

技術 Day 16：axios 先封裝，API 輕鬆發

上篇我們在單一元件內使用 axios 發送 API，但如果專案規模愈來愈大，需要同時管理多個功能的 API，例如顯示單一書目資料、會員登入系統、查詢會員資料、查...

Teen ‧ 2021-10-01 ‧團隊好想工作室V5.0