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

0 Like 0 留言 4210 瀏覽

鐵人賽 Modern Web DAY 7

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

技術 Vuetify：Fashion Header

https://codepen.io/hereiscasio/pen/WaqpQq Used UI Component ( #1 ) #1 Sheets 今天...

Casio ‧ 2018-10-22

0 Like 0 留言 4164 瀏覽

鐵人賽自我挑戰組 DAY 14

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

技術 Vue 雙向數據綁定的語法糖 v-model ✔︎

很久以前做的 form 練習使用表單元件 <textarea>、<input>、<select> 時，通常需要用戶的...

RURU Tseng ‧ 2020-09-29

0 Like 0 留言 4137 瀏覽

鐵人賽自我挑戰組

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

技術 [DAY15]跟 Vue.js 認識的30天 - Vue 動態模組(Dynamic Components)

這次寫的內容是之前都沒使用過的，所以就盡量讓自己有概念，希望之後能使用到。使用 v-bind:is 來切換模組切換模組的基本語法 <component...

Celeste ‧ 2020-11-29

1 Like 0 留言 4117 瀏覽

鐵人賽 Modern Web DAY 10

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

技術 [Day 10] Vue Quasar 打造旅遊網站系列 6 - Cards (卡片)

GitHub Demo 今日完成的畫面首頁的第一個區塊做完了今天就來做第二個區塊吧先看看兩大家的頁面這種卡片形式的元件，咱們Quasar也有我們...

RenZhou ‧ 2018-10-24

1 Like 1 留言 4073 瀏覽

鐵人賽自我挑戰組 DAY 14

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

技術 Day14 練習做一個貨幣轉換器

本文同步發表於Andy's Blog 前言這兩天，我們介紹了computed、watch、method()、filter屬性。並且對這些特性的使用方式做了...

chunwen ‧ 2019-09-30

1 Like 0 留言 3976 瀏覽

鐵人賽 Modern Web DAY 9

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

技術 [Day 9] Vue Quasar 打造旅遊網站系列 5- Popover (彈出視窗)

今天做完我們的頁面會長這樣～今天一樣接續昨天的部分～我們來做搜尋點擊但是還沒輸入時下面出現的視窗 KLOOK 的視窗雖然有圖片美觀，本來也想做像這種的...

RenZhou ‧ 2018-10-23

1 Like 0 留言 3916 瀏覽

鐵人賽 Modern Web DAY 2

玩轉 Storybook 系列第 2 篇

技術玩轉 Storybook: Day 02 安裝

Install Storybook 安裝 Storybook 只需要在Terminal，切換到現有專案的根目錄後，簡單的執行一行指令 npx sb init...

lala_lee_jobs ‧ 2020-09-17

1 Like 0 留言 3906 瀏覽

鐵人賽自我挑戰組 DAY 7

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

技術 Day7 Vue 指令V-bind介紹

前言上一篇我們介紹了Vue指令：V-bind、V-on，那今天我們要學習另外一個Vue指令：V-bind本文同步發表於Andy's Blog V-bind...

chunwen ‧ 2019-09-23

1 Like 0 留言 3898 瀏覽

技術 Vue.js 父元件及子元件間的生命週期(Lifecycle)

之前已經有提到 Vue 實體的生命週期，現在我們來研究一下如果加上子元件的話整個生命週期會是怎麼跑的。建立父元件使用 Vue 的 root 當作父元件： &...

Peter Chen ‧ 2020-03-30

1 Like 1 留言 3847 瀏覽

鐵人賽 Modern Web DAY 6

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

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

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

安揪拉 ‧ 2022-09-21

0 Like 0 留言 3795 瀏覽

鐵人賽自我挑戰組

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

技術 [DAY21]跟 Vue.js 認識的30天 - Vue 過濾器(`filter`)

這是一個在 Vue 3 被拿掉的功能，但還是來了解一下。 filter 用途及用法 filter 是讓雙花括號({{}})或 v-bind 表達式中的值通過...

Celeste ‧ 2021-02-12

0 Like 0 留言 3790 瀏覽

技術 Vue 如何在 LocalHost 開發環境時使用 HTTPS

如果你有 Localhost 開發環境需要以 HTTPS 瀏覽時，可以參考以下方法：方法一：vue.config.js module.exports = {...

火爆浪子 ‧ 2021-08-04

0 Like 0 留言 3761 瀏覽

鐵人賽自我挑戰組 DAY 4

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

技術 [DAY10]跟 Vue.js 認識的30天 - Vue 的基本模組(`component`)概念

Vue 的模組 - component 作用 Vue 的模組 component 是可以重複使用的 Vue 實例，所以也擁有 data、computed、wa...

Celeste ‧ 2020-10-13

1 Like 1 留言 3670 瀏覽

鐵人賽 Modern Web DAY 2

JavaScript 音樂漫遊 - 30 天探索 Web Audio！系列第 2 篇

技術 01. 基礎建設

馬上要開始介紹 Web Audio API 了，總要有個網站來呈現各種內容吧；既然要學東西，那就順便把不熟的 Vue 架起來玩一玩囉！開始之前筆者預期讀者您...

Gary ‧ 2018-10-17 ‧團隊浪流連九程式匠自然產生的佛系碼農專區

1 Like 0 留言 3598 瀏覽

鐵人賽自我挑戰組 DAY 4

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

技術 [DAY07]跟 Vue.js 認識的30天 - Vue 的列表渲染

v-for 就是 JavaScript 裡的迴圈，基於一組資料來製作相同元素區塊。先簡單講一下 JavaScript 裡 for...in 、 for...of...

Celeste ‧ 2020-09-23

1 Like 0 留言 3556 瀏覽

鐵人賽 Modern Web DAY 28

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

技術 Day 28: Quasar 新手指南 - 從安裝到使用

前言其實一直很猶豫要不要寫這篇，因為 UI Framework 最終還是要從官方文件去看使用方式。但又想起當初，自己一開始使用 Quasar 的時候，進入官網...

安揪拉 ‧ 2022-10-13

1 Like 0 留言 3554 瀏覽

鐵人賽自我挑戰組 DAY 15

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

技術 Day15 萬丈高樓平地起(3)：元件 Components 簡介

本文同步發表於斜槓女紙部落格：Day15 萬丈高樓平地起(3)：元件 Components 簡介嗨！今天持續跟大家聊聊Vue.js的基礎觀念。曾經有位大...

鍾小呆 ‧ 2019-09-30

1 Like 0 留言 3550 瀏覽

鐵人賽 Modern Web DAY 27

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

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

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

鱈魚 ‧ 2021-10-10

0 Like 0 留言 3509 瀏覽

鐵人賽 Modern Web DAY 21

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

技術 [Day 21] Vue Quasar 彈跳視窗 1 - Action Sheet

下方的彈出選單 Action Sheet Action Sheet 這是一個從螢幕下方彈跳出小選單的元件在Android及iOS上也都有類似的原生元件不過如...

RenZhou ‧ 2018-11-04

0 Like 0 留言 3483 瀏覽

鐵人賽自我挑戰組 DAY 3

Vuex 學習筆記系列第 16 篇

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

module 由於購物車與商品各自有許多不同的函數，為了未來維護上方便，我們將其拆成獨立的檔案，這樣在 store 中就不會一次出現很長一串的程式碼，這裡我們以...

Nomi Su ‧ 2017-12-28

3 Like 0 留言 3479 瀏覽

鐵人賽 Modern Web DAY 10

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

技術 [Vue.js][日記]class與style綁定

超緊繃!30天Vue.js學習日記 class與style綁定大家好,我ian啦!今天要介紹給大家的是:class與style綁定! class綁定我...

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

0 Like 0 留言 3372 瀏覽

鐵人賽自我挑戰組 DAY 25

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

技術 Vue 透過 `$listeners` 在子組件特定元素上監聽原生事件

tags: Vuejs 監聽子組件原生事件 ✐ 當父組件需要接收子組件訊息、數據時，可以透過在子組件自定義事件達成，除此之外若是需要監聽子組件根元素原生...

RURU Tseng ‧ 2020-10-10

3 Like 0 留言 3361 瀏覽

鐵人賽 Modern Web DAY 26

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

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

超緊繃!30天Vue.js學習日記擁抱全家桶系列-Vue-cli (3) 大家好,在昨天我們建置了node的開發環境,並且安裝Vue-cli後,今天要對Vu...

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

1 Like 1 留言 3335 瀏覽

鐵人賽 Modern Web DAY 4

玩轉 Storybook 系列第 4 篇

技術玩轉 Storybook: Day 04 Configure

預設放置組態檔案的目錄 Storybook集中放置組態設定檔案的目錄預設是.storybook，若需要變更路徑及名稱，要在Storybook的CLI指令做設定。...

lala_lee_jobs ‧ 2020-09-19

1 Like 0 留言 3312 瀏覽

技術 Vue 在 Localhost 開發時出現 “ERR_CONNECTION_REFUSED”、”ERR_CONNECTION_TIMED_OUT” 錯誤的解決方式

我在 Localhost 開發的時候會出現錯誤訊息 GET http://192.168.43.55:8081/sockjs-node/info?t=16281...

火爆浪子 ‧ 2021-08-06

0 Like 0 留言 3304 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 [特別篇][日記]學會它,開發更簡單!(1)

超緊繃!30天Vue.js學習日記學會它,開發更簡單!(1) 大家好,今天我們要介紹的不是Vue,而是我在學習Vue時很常搭配的前端框架-Bootstrap...

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

1 Like 0 留言 3300 瀏覽

鐵人賽 Software Development DAY 29

Wow ! There is no doubt about Learn Spring framework in a month. 系列第 29 篇

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

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

weisting ‧ 2021-10-14 ‧團隊Game Masters

3 Like 2 留言 3299 瀏覽

鐵人賽 Modern Web DAY 8

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

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

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

安揪拉 ‧ 2022-09-23

0 Like 0 留言 3297 瀏覽

鐵人賽 Modern Web DAY 6

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

技術 D05 - 準備前端環境：建立 Vue 開發環境

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

鱈魚 ‧ 2021-09-19

1 Like 0 留言 3276 瀏覽

鐵人賽自我挑戰組 DAY 20

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

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

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

鍾小呆 ‧ 2019-10-05