iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

與Vue相遇 系列

對於JS的熱情,一直沒變。小時候拼命地使用DOM操作物件,直到框架語言的出現,改變了這個世界。
曾經也懷有一科工程師的夢,但誤打誤撞進入了金融行業。疫情的影響,使我不再當空中飛人,但也因為公司的需要,讓我重回了JS的懷抱。
曾經的它(ES6之前),還是那麼單純,與我那時的青澀相比,我倆真是天生一對。

如今,JS的改變(Vue),讓我更容易了解它的想法,就讓我娓娓道來,我們的相遇。

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day01-初見Vue(前言)

身處金融業的我,從未想過有天還能在工作上,返回開發工程師的行列。一直以來,對於JS的喜愛依舊不減,假日時,偶爾還會開著電腦,寫寫JS。但對於框架語言,從未接觸。...

2020-09-15 ‧ 由 EdwardXiong 分享
DAY 2

Day02-CDN-Vue初始化

疫情影響,既有業務轉型。平常有在寫程式的我,突然被老闆叫去一個專案,開發客戶平台。 起先,還是挺興奮的,直到了解客戶需求後,先是愣住。因為內容表格增刪查找較多,...

2020-09-16 ‧ 由 EdwardXiong 分享
DAY 3

Day03-v-bind屬性綁定

Vue:既然知道了初步的概念,首先我們來看看v-bind屬性綁定吧: v-vind綁定class,如下: <body> <div...

2020-09-17 ‧ 由 EdwardXiong 分享
DAY 4

Day04-v-model雙向綁定

說了v-bind,綁定了數據資料,使的我們在管理資料上面更加容易。但怎麼看都是單方面的,並且除了在標籤屬性上面有做資料管理外,這到底還能夠做什麼呢? Vue:其...

2020-09-18 ‧ 由 EdwardXiong 分享
DAY 5

Day05-Virtual DOM與畫面渲染(一:基本探討)

對於Vue的資料管理上,我想我是了解了。但客戶不只是在數據上做大量的修改,畫面上也會因為數據的改動而造成建置和維護的複雜性,是否有更好的辦法可以有效處裡呢? V...

2020-09-19 ‧ 由 EdwardXiong 分享
DAY 6

Day06-Virtual DOM與畫面渲染(二:效能探討)

聽Vue這麼說,實在是感到心動。但我的問題是,客戶資料非常龐大,前端render真的能夠快速處裡這些數據嗎? Vue再次用銳利的眼神看了我一眼,並說道:我們的服...

2020-09-20 ‧ 由 EdwardXiong 分享
DAY 7

Day07-toDoLis實做

聽完Vue的介紹後,既然這麼好用,趕緊回到家,利用Vue來練習toDoList:因為框架的原因,寫起來十分得心應手。在代辦事項及完成事項來說,只需要透過v-mo...

2020-09-21 ‧ 由 EdwardXiong 分享
DAY 8

Day08-利用Computed&Filter屬性

又到了與Vue見面的時候,昨日完成了toDoList後,還想知道Vue有什麼特別的~ Vue:相信你已經開始熟悉Vue的操作,聽你上次說,客戶對於數據上,有很長...

2020-09-22 ‧ 由 EdwardXiong 分享
DAY 9

Day09-watch監聽資料

除了,computed和filter呢?如果資料改變,是否Vue能快速因應? Vue:哈!當然有的呀!我們來看看這個範例:Vue:我知道你對健身的熱愛!今天如果...

2020-09-23 ‧ 由 EdwardXiong 分享
DAY 10

Day010-Vue CLI

猶如昨日的期待,我很興奮地按照了Vue的指示: 先到node官網下載,下載完成後,立刻安裝2.打開command line並輸入npm install -g...

2020-09-24 ‧ 由 EdwardXiong 分享