iT邦幫忙

鐵人檔案

第 12 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

忍住不打牌位,只要30天VueJS帶你上A牌 系列

前言:因其實上班都在寫前端,下班每天無非是打牌位,也爬不上S排,決心拿打牌位時間寫30天鐵人賽,此次30天瞞著女友偷偷開(小聲

內心話:因在過去在學期間,一直有個想法,老師教授總是用很文言文的說法在教學,我能不能用個很生活化、時事或是淺顯易懂白話文方式教到讓人懂,這也是我未來想做的事情

簡介:我是一個工作四年的前端工程師,學過框架有Angular、Vue,近期在學習React,這次參賽希望能用我畢生所學,不限定是專業、觀念,希望能讓後學能深入淺出。

鐵人鍊成 | 共 30 篇文章 | 20 人訂閱 訂閱系列文 RSS系列文 團隊自討苦吃三十天#像極了愛情
DAY 21

Day21 製作一個過濾器(filter)

在 Day18介紹插件時有提到,能透過插件來定義一個過濾器,那我們今天就來教大家如何製作一個過濾器吧。 自定義過濾器,我們常用來針對較為普遍文字重製,來客製化一...

2020-09-29 ‧ 由 文斯先生 分享
DAY 22

Day 22介紹vue風格指南-寫作規範

寫作規範(Coding guideline) 組件數據必須是函數 當在組件中使用data property的時候(除了new Vue外的任何地方),它的值必須是...

2020-09-30 ‧ 由 文斯先生 分享
DAY 23

Day23 介紹vue風格指南-命名原則

命名原則(Naming Rules) 元件命名_Component names 大駝峰(PascalCase) 全局元件註冊時,可以兼容使用橫線連接(keba...

2020-10-01 ‧ 由 文斯先生 分享
DAY 24

Day24 你要去哪裡? - Vue Router 路由-1

開發一個網站,架設路由是一定不可能少的,所以這篇就格外重要,我們趕快來看看吧!! 我們在新增專案實有透過CLI來安裝路由,安裝的方法我就跳過了,起手我們先定義路...

2020-10-02 ‧ 由 文斯先生 分享
DAY 25

Day25 你要去哪裡? - Vue Router 路由-2

動態路由 有些時候我們需要傳參數到路由中,以動態的方式匹配對的資料及畫面 :userId表示為一個自定義的參數,我們可以透過 this.$route.param...

2020-10-03 ‧ 由 文斯先生 分享
DAY 26

Day26 單元測試 unit test

前言 在寫測試之前,或許在過往我們都是: 1.想使用情境 -> 寫程式邏輯 -> 無招勝有招,不寫測試 2.想使用情境 -> 寫程式邏輯 -&...

2020-10-04 ‧ 由 文斯先生 分享
DAY 27

Day27 老司機快上車- Vue Event Bus 事件巴士

前言 Event Bus是甚麼?甚麼時候需要它? 其實我曾經教過大家父子元件的溝通可以透過props、emit,那如果不是父子關係的元件怎麼溝通?還不是太複雜的...

2020-10-05 ‧ 由 文斯先生 分享
DAY 28

Day28 使用Vue i18n創立一個多語系的網站

當我們在開發一套系統時,客戶源可能來是四面八方不同的國家,因應多語系的需求下,我們的網站也需要來點不同的語系切換,那要怎麼做呢?快看底下 安裝vue i18n...

2020-10-06 ‧ 由 文斯先生 分享
DAY 29

Day29 Vuex狀態管理

前言 Vuex是甚麼?甚麼時候需要它? 其實我曾經教過大家父子元件的溝通可以透過props、emit,那如果不是父子關係的元件怎麼溝通?還不是太複雜的專案,其實...

2020-10-07 ‧ 由 文斯先生 分享
DAY 30

Day30 完賽感想

完賽感言 今天終於完賽,原本在中秋連假差點難產,當初整個團隊選擇在雙十連假前結束是對的,這次會完賽也要特別感謝PollyPO技術、喬依司、五百億、eien_zh...

2020-10-08 ‧ 由 文斯先生 分享