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

1 Like 0 留言 3280 瀏覽

鐵人賽自我挑戰組 DAY 20

前端史萊姆與Vue的三十天時光冒險系列第 20 篇

技術 Day20 寫於開始實作前(1)：不用抱大腿也能直接使用Vue製作過場效果及動畫

本文同步發表於斜槓女紙部落格：Day20 寫於開始實作前(1)：不用抱大腿也能直接使用Vue製作過場效果及動畫切版的孩子們一定多多少少都會需要用到網頁動...

鍾小呆 ‧ 2019-10-05

5 Like 1 留言 3268 瀏覽

鐵人賽 Modern Web DAY 2

你渴望連結嗎？將 Web 與硬體連上線吧！系列第 2 篇

技術 D01 - 萬事起頭難

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

鱈魚 ‧ 2021-09-15

1 Like 0 留言 3249 瀏覽

鐵人賽自我挑戰組 DAY 18

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

技術 Day18 Vue Component(元件)-props使用注意細項(2)

文章同時刊載於Andy's Blog 前言延續昨天話題，今天會來繼續聊聊props使用注意細節。狀況一：讀取遠端資料我們今天如果使用AJAX讀取遠端資...

chunwen ‧ 2019-10-04

0 Like 1 留言 3224 瀏覽

鐵人賽 Modern Web DAY 1

Daily UI : 開發者版系列第 1 篇

技術 Vuetify：Preface › ❶ Read me first

這... 是... 標題殺人嗎？真正的 Daily UI，照慣例須連續 100 天，每天設計一 UI 介面，但那偏向自我學習，而 IT 鐵人賽則偏向教學（當...

Casio ‧ 2018-10-16

0 Like 0 留言 3205 瀏覽

鐵人賽自我挑戰組 DAY 3

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

技術工欲善其事，必先利其器 ⚙︎ Vue 開發環境建置

tags: Vuejs 如何開始使用 Vue ✐ Vue 一共提供三種不同的方式可供我們使用，依照使用情境的不同可以選擇不同的方式。方法適合場景...

RURU Tseng ‧ 2020-09-18

0 Like 0 留言 3167 瀏覽

技術 [學習筆記] Vue 專案在ie下卻跑不動了白屏!!!

[參考文章] https://blog.csdn.net/u014054437/article/details/82983259 因專案問題，遇上了強大ie!...

gior__ann ‧ 2020-02-12

1 Like 0 留言 3153 瀏覽

鐵人賽 Modern Web DAY 14

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 14 篇

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

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

安揪拉 ‧ 2022-09-29

0 Like 1 留言 3145 瀏覽

鐵人賽自我挑戰組 DAY 3

Vuex 學習筆記系列第 11 篇

技術 [Vue.js] Vuex 學習筆記 (11) - 插件

插件（Plugin） Vuex 的 store 接受 plugins 選項，這個選項露出每個 mutation 的鉤子 (hook)， Vuex 插件就是一個函...

Nomi Su ‧ 2017-12-21

1 Like 0 留言 3110 瀏覽

鐵人賽 Modern Web DAY 3

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

技術 [VR 前後端交響曲Day3] 在Rails專案產生Vue app

1. Rails專案起手式在昨天的鐵人賽中，我們對於Rails的MVC架構和Vue.js的MVVC設計架構做些了解，對未來專案的前端、後端的檔案位置就比較能夠...

貓貓工程師 Ting Ting ‧ 2020-09-18

0 Like 1 留言 3009 瀏覽

鐵人賽 Modern Web DAY 19

LV的全端開發體驗系列第 19 篇

技術 Day19 提升一下操作體驗(二) - SweetAlert

昨天使用Modal的體驗不錯，解救了我文章差點難產的困境，所以今天再來加個料，免得開天窗；Modal雖然不錯用，但有時我們只是要做個確認而已，使用Modal著重...

mackliu ‧ 2022-10-03

0 Like 0 留言 2995 瀏覽

鐵人賽 Modern Web DAY 6

Daily UI : 開發者版系列第 6 篇

技術 Vuetify：Cinema Application › More discussion

Things We need to discuss How to do Functional Component Composition Thinking...

Casio ‧ 2018-10-21

0 Like 0 留言 2988 瀏覽

鐵人賽 Modern Web DAY 16

前端暴龍機，Vue2.x 進化 Vue3 系列第 16 篇

技術 [前端暴龍機，Vue2.x 進化 Vue3 ] Day16.父子組件的溝通-props

在上一篇的內容中，已經介紹到了該如何寫一個組件並完成應用了，現在再繼續進入更深一點的運用吧~對於 Vue 的實體來說，我們稱之為父組件，而在裡面所使用的稱之為...

gior__ann ‧ 2021-09-25 ‧團隊請付費解鎖團隊名稱

0 Like 0 留言 2972 瀏覽

技術 [鼠年全馬] W33 - Vue出一個旅館預約平台(7)

這週繼續來做 [預約頁面] 回顧一下上週切的區塊 [標題] (已完成) [預約功能] [房間詳細] [Footer] (已完成) 這週來處理...

餅乾 ‧ 2020-10-21

0 Like 0 留言 2960 瀏覽

鐵人賽自我挑戰組 DAY 6

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

技術 Vue template 模板語法

tags: Vuejs Vue template ✐ 還記得前一章節 option 裡的 template 嗎？Vue 提供開發者透過 template 聲明式...

RURU Tseng ‧ 2020-09-21

1 Like 0 留言 2941 瀏覽

鐵人賽 Modern Web DAY 24

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

技術 [VR 前後端交響曲Day24] Rails專案開發 - Vuex狀態管理(2) mapState、mapGetters、mapActions、mapMutations

昨天鐵人賽我們kanban專案裡，把column改寫為Vuex狀態管理並透過beforeMount的方式從後端得到資料渲染在網頁上！看起來好像前進了一大步，但...

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

1 Like 0 留言 2940 瀏覽

鐵人賽 Modern Web

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

技術 [Vue.js][日記]無聊加個菜

超緊繃!30天Vue.js學習日記無聊加個菜大家好!我是Ian,這幾天真的過的非常愜意阿...終於有時間來看看其他大神們的文章了,其中有看到pj大的從 Hoo...

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

1 Like 0 留言 2870 瀏覽

鐵人賽 Modern Web DAY 27

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

技術 [Vue.js][日記]擁抱全家桶系列-你問我資料哪裡來?(1)

超緊繃!30 天 Vue.js 學習日記擁抱全家桶系列-你問我資料哪裡來?(1) 大家好，我是 IAN 不是 PETER，在學習如何使用 Vue 開發 SP...

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

0 Like 0 留言 2863 瀏覽

鐵人賽 Modern Web DAY 11

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

技術 [Day 11] Vue Quasar 打造旅遊網站系列 7 - Parallax、Breadcrumbs、Rating

GitHub Demo 今天完成後的畫面首頁部分已經差不多了剩下頁尾以及一些小區塊因為元件都跟之前的文章有重複到故在這邊就不實作會功能重複的區塊了製...

RenZhou ‧ 2018-10-25

1 Like 0 留言 2831 瀏覽

鐵人賽 Modern Web DAY 28

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

技術 [Vue.js][日記]擁抱全家桶系列-你問我資料哪裡來?(2)

超緊繃!30天Vue.js學習日記擁抱全家桶系列-你問我資料哪裡來?(2) 大家好,經過了20 多天的介紹,我們對vue的基礎都有一定的了解,在昨天的day...

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

0 Like 0 留言 2821 瀏覽

鐵人賽 Modern Web DAY 8

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

技術 Day8 - Vue 專案啟動 Routing & Material

前面幾篇文章大致上把專案的初始建置完成，也放了一版於github可以參考。這邊我預計想要以一個簡單的主題來實作：房屋管理大致上會有有幾個主體(約略想)：人...

aa71435723 ‧ 2018-10-22

0 Like 0 留言 2801 瀏覽

鐵人賽 Modern Web DAY 16

LV的全端開發體驗系列第 16 篇

技術 Day16 使用Laravel Excel來匯入資料

Excel的匯入匯出是我目前工作上常有的工作項目之一，雖然系統數位化了，但是有些對外的工作還是得轉成檔案來傳送，在這個案子中，我打算讓後台的題目新增除了手動的一...

mackliu ‧ 2022-09-30

0 Like 0 留言 2786 瀏覽

鐵人賽自我挑戰組 DAY 4

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

技術 [DAY06]跟 Vue.js 認識的30天 - Vue 的條件渲染

在 JS 中我們是利用 if(condition){statement1}else{statement2} 來設定條件並決定執行哪一段陳述式(statement...

Celeste ‧ 2020-09-21

1 Like 0 留言 2782 瀏覽

鐵人賽 Modern Web DAY 3

玩轉 Storybook 系列第 3 篇

技術玩轉 Storybook: Day 03 專案結構

前情提要從開始安裝到完成，檢查專案目錄下變更的檔案結構，會發現Storybook的安裝做了以下的步驟。安裝需要的相依套件在Package.json加上建...

lala_lee_jobs ‧ 2020-09-18

1 Like 0 留言 2763 瀏覽

技術 [ Vue ] 使用 Vitawind 1.2 來建置 Vite + Tailwind JIT 專案

建立 Vite 專案在你要放置專案的地方執行這個指令來建立 vue 模板的 vite 專案 # npm 6 npm init vite [專案名稱] --te...

搋兔 ‧ 2021-06-29

1 Like 0 留言 2761 瀏覽

鐵人賽自我挑戰組 DAY 10

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

技術 Day10 Vue computed 屬性介紹

本文同步發表於Andy's Blog 前言開始前，我們先幫大家複習一下，這幾天介紹的內容（如下圖），若對於指令語法仍有疑問。大家可以自行到官網參考指令介紹...

chunwen ‧ 2019-09-26

0 Like 0 留言 2758 瀏覽

鐵人賽 Modern Web DAY 5

Daily UI : 開發者版系列第 5 篇

技術 Vuetify：Cinema Application › Implementation

https://codepen.io/hereiscasio/pen/wQvVzP?editors=1000 Used UI Component ( #5 )...

Casio ‧ 2018-10-20

0 Like 0 留言 2751 瀏覽

鐵人賽 Modern Web DAY 13

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 13 篇

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

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

安揪拉 ‧ 2022-09-28

1 Like 0 留言 2739 瀏覽

鐵人賽 Modern Web DAY 20

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

技術記帳程式 (20)：支出紀錄的新增、修改、刪除 feat. Firestore

熟悉的標題，最對味。不加一下天數都快忘了自己寫到哪一天了。昨天成功將 Firestore 引入原本的記帳程式後，今天要回頭繼續把前面因為沒有 API...

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

0 Like 0 留言 2712 瀏覽

技術 element-ui 的 el-select 与 el-tree 的功能组合

[TOC] 简介 element-ui 的 el-select 与 el-tree 组件的功能组合。在线实例：https://yujinpan.github...

YuJinpan ‧ 2019-11-04

0 Like 0 留言 2702 瀏覽

鐵人賽 Modern Web DAY 7

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

技術 Day 07：大人更要懂選擇－BootstrapVue 部分引入

上篇透過簡單的 vue add 指令就完成了 BootstrapVue 安裝和引入，其引入 bootstrap-vue plugin 的方式其實是備妥所有 Bo...

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