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

1 Like 1 留言 4154 瀏覽

鐵人賽自我挑戰組 DAY 14

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

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

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

chunwen ‧ 2019-09-30

1 Like 0 留言 1415 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 [Vue.js][日記]來個期中練習吧!

超緊繃!30天Vue.js學習日記來個期中練習吧! 大家好,不知不覺已經來到18天了,基本語法也告一段落,所以今天決定來點不一樣的東西:Todo List...

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

1 Like 0 留言 1140 瀏覽

鐵人賽 Modern Web DAY 18

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

技術 [番外篇][日記]番外篇的部分,趕緊上車啦!!!

大家好,我Ian啦!今天應該算是特別篇吧,我在9/28參加了一年一度的JSDC前導,所以想在這邊跟大家分享一下自己的心得: 先說說我自己為什麼報名好了,我在去...

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

1 Like 0 留言 9873 瀏覽

鐵人賽自我挑戰組 DAY 13

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

技術 Day 13 Vue Filter 過濾器介紹

本文同步發表於Andy's Blog 前言昨天我們將computed、methods()、watch，三個屬性做了一個簡單比較。而今天我們將要介紹另外一個...

chunwen ‧ 2019-09-29

1 Like 1 留言 4602 瀏覽

鐵人賽自我挑戰組 DAY 12

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

技術 Day12 Vue computed VS watch VS method

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

chunwen ‧ 2019-09-28

1 Like 0 留言 2616 瀏覽

鐵人賽自我挑戰組 DAY 22

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

技術 Day22 閒不下來的史萊姆(三)：scroll down按鈕實作

本文同步發表於斜槓女紙部落格：Day22 閒不下來的史萊姆(三)：scroll down按鈕實作平順滑動到指定的位置相信大家應該有使用過HTML錨點(...

鍾小呆 ‧ 2019-10-07

1 Like 1 留言 2489 瀏覽

鐵人賽自我挑戰組 DAY 21

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

技術 Day21 寫於開始實作前(2)：Vue.js的Methods以及監聽事件 (v-on)

本文同步發表於斜槓女紙部落格：Day21 寫於開始實作前(2)：Vue.js的Methods以及監聽事件 (v-on) 實作到目前為止，大部分還在處理靜態...

鍾小呆 ‧ 2019-10-06

1 Like 0 留言 3334 瀏覽

鐵人賽自我挑戰組 DAY 20

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

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

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

鍾小呆 ‧ 2019-10-05

2 Like 1 留言 1044 瀏覽

鐵人賽自我挑戰組 DAY 19

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

技術 Day19 閒不下來的史萊姆(二)：網站基本資料統整與footer元件實作

本文同步發表於斜槓女紙部落格：Day19 閒不下來的史萊姆(二)：網站基本資料統整與footer元件實作相信跟我一樣在切版的大家都有跟我同樣的經驗，總是...

鍾小呆 ‧ 2019-10-04

1 Like 0 留言 1205 瀏覽

鐵人賽自我挑戰組 DAY 18

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

技術 Day18 閒不下來的史萊姆(一)：將房間列表改用x-template 建立元件

本文同步發表於斜槓女紙部落格：Day18 閒不下來的史萊姆(一)：將房間列表改用x-template 建立元件鐵人賽進展到今天，默默地也快突破20天。前...

鍾小呆 ‧ 2019-10-03

2 Like 0 留言 1264 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 [Vue.js][日記]CSS過渡

超緊繃!30天Vue.js學習日記 CSS過渡大家好,今天要介紹的是CSS過渡!過渡系統是Vue為DOM動畫效果所提供的特性,當我們對元素從DOM中插入或移...

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

1 Like 0 留言 1184 瀏覽

鐵人賽自我挑戰組 DAY 17

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

技術 Day17 萬丈高樓平地起(5)：元件間的溝通橋樑Props(2)

本文同步發表於斜槓女紙部落格：Day17 萬丈高樓平地起(5)：元件間的溝通橋樑Props(2) 嗨！承接昨天的內容，今天要繼續和大家聊props的一些眉...

鍾小呆 ‧ 2019-10-02

1 Like 0 留言 1164 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 [Vue.js][日記]過濾器在手,資料改起來!

超緊繃!30天Vue.js學習日記過濾器在手,資料改起來! 大家好,今天要來跟大家介紹過濾器,假設今天我們從後端取得了一些資料(像是數字….之類的),我們想...

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

2 Like 0 留言 5258 瀏覽

鐵人賽自我挑戰組 DAY 11

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

技術 Day11 Vue Watch介紹

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

chunwen ‧ 2019-09-27

1 Like 0 留言 2811 瀏覽

鐵人賽自我挑戰組 DAY 10

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

技術 Day10 Vue computed 屬性介紹

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

chunwen ‧ 2019-09-26

0 Like 0 留言 7022 瀏覽

技術 Vue心得筆記(1) -- array的響應

版本: Vue.js v2.6.10使用方式: <html> <head> <script src="https:/...

Amigo ‧ 2019-09-27

1 Like 0 留言 1211 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 [Vue.js][日記]組件最終篇-動態組件的部分!

超緊繃!30天Vue.js學習日記組件最終篇-動態組件的部分! 大家好!在昨天介紹插槽(slot)後,今天要介紹的是動態組件!Vue.js允許我們將多個組件...

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

2 Like 0 留言 1299 瀏覽

鐵人賽自我挑戰組 DAY 16

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

技術 Day16 萬丈高樓平地起(4)：元件間的溝通橋樑Props(1)

本文同步發表於斜槓女紙部落格：Day16 萬丈高樓平地起(4)：元件間的溝通橋樑Props(1) 昨天說到Vue的每個元件是獨立運作，但Vue設計元件的目...

鍾小呆 ‧ 2019-10-01

1 Like 0 留言 3594 瀏覽

鐵人賽自我挑戰組 DAY 15

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

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

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

鍾小呆 ‧ 2019-09-30

1 Like 0 留言 967 瀏覽

鐵人賽 Modern Web DAY 14

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

技術 [Vue.js][日記]極致廢話版的SLOT教學

超緊繃!30天Vue.js學習日記極致廢話版的SLOT教學大家好,今天要來介紹的是Vue中的插槽(slot),slot負責內容的分發,我們可以藉由它先把一...

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

1 Like 0 留言 2458 瀏覽

鐵人賽自我挑戰組 DAY 14

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

技術 Day14 萬丈高樓平地起(2)：Vue 的生命週期中的同步非同步

本文同步發表於斜槓女紙部落格：Day14 萬丈高樓平地起(2)：Vue 的生命週期中的同步非同步今天用個實際範例來看看在Vue的生命週期中，before...

鍾小呆 ‧ 2019-09-29

1 Like 0 留言 2658 瀏覽

鐵人賽自我挑戰組 DAY 13

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

技術 Day13 萬丈高樓平地起(1)：Vue 的生命週期

本文同步發表於斜槓女紙部落格：Day13 萬丈高樓平地起(1)：Vue 的生命週期生活的道路一旦選定了，就要勇敢的走下去。是的，一旦報名鐵人賽，就要認...

鍾小呆 ‧ 2019-09-28

2 Like 0 留言 13434 瀏覽

鐵人賽自我挑戰組 DAY 9

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

技術 Day9 Vue指令V-if、V-show介紹

前言昨天介紹完V-for，我們應該對於常見V-for用法有更深入的認識。如：顯示過濾資料，也介紹了使用V-for上需要注意地方，如：不要把V-for跟V-if...

chunwen ‧ 2019-09-25

0 Like 0 留言 964 瀏覽

鐵人賽 Modern Web DAY 13

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

技術 [Vue.js][日記]父與子的敲敲話...(2)

超緊繃!30天Vue.js學習日記父與子的敲敲話(2) 在昨天的文章中,我們了解到如何使用props將數據傳給子組件,那有沒有能讓子組件與父組件溝通的方法呢...

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

1 Like 0 留言 2296 瀏覽

鐵人賽自我挑戰組 DAY 8

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

技術 Day8 Vue 指令V-for介紹

前言昨天介紹了V-bind用法，今天我們就來介紹v-for吧！本文同步發表於Andy's Blog 參考資料：官網v-for介紹練習檔案 V-for 用途：...

chunwen ‧ 2019-09-24

1 Like 0 留言 1351 瀏覽

鐵人賽自我挑戰組 DAY 11

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

技術 Day 11 一轉任務(二)：將房間資料show到網頁畫面上(2)

本文同步發表於斜槓女紙部落格：一轉任務(二)：將房間資料show到網頁畫面上(2) 昨天終於順利通過v-for和API串接這兩個小壞壞的考驗，接下來就是將...

鍾小呆 ‧ 2019-09-26

1 Like 0 留言 3967 瀏覽

鐵人賽自我挑戰組 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 留言 1033 瀏覽

鐵人賽 Modern Web DAY 12

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

技術 [Vue.js][日記]父與子的敲敲話...

超緊繃!30天Vue.js學習日記父與子的敲敲話大家好,我Ian啦!,今天要介紹的是組件中非常重要的選項(option)-props,它是用於父子組件間的...

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

1 Like 1 留言 10375 瀏覽

鐵人賽自我挑戰組 DAY 6

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

技術 Day6 Vue 指令V-on、V-model介紹

本文同步刊載於Andy's Blog 前言昨天我們簡單介紹了Vue的兩種模板語法：分別為插值（Mustache語法）跟指令v-開頭。而今天我們將先介紹V-...

chunwen ‧ 2019-09-22

0 Like 1 留言 1855 瀏覽

鐵人賽 Modern Web DAY 11

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

技術 [Vue.js][日記]我還要更多！組件的相關補充

超緊繃!30天Vue.js學習日記　我還要更多！組件的相關補充大家好,今天我們一樣會繼續介紹Vue.js中的組件,首先送上我在書上看到的語法糖作為補充: &...

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