iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

Vue.js 從零開始 系列

希望寫出初學者能看懂的文章,寫的過程中一邊複習Vue.js的觀念語法,讓自己能有新的理解,熟悉整個脈絡。學習的小建議,看完網路的文章或教學影片後,理解成自己的知識後,再輸出成筆記,最好能動手操作一邊,讓自己能更有印象喔,一起加油吧!

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

Vue.js 從零開始:準備

前言 為了能更瞭解Vue的運作與觀念,剛好藉由這次的鐵人賽,從零開始學習,目標是寫出能讓剛開始接觸的新手,能夠簡單的看懂,另外也讓未來的自己,能回來看看自己寫的...

2021-09-15 ‧ 由 magic0308 分享
DAY 2

Vue.js 從零開始:MVVM、漸進式框架

本篇會圍繞網路上常講到主題,有些面試題應該也會多少考到一些,至少面試時可以講的出來。 宣告式的渲染 以前熱門的jQuery都是直接操作Dom來操控畫面,也稱為...

2021-09-16 ‧ 由 magic0308 分享
DAY 3

Vue.js 從零開始:SSR、MPA、SPA的概念

每次網路搜尋關鍵字SSR、MPA、SPA,都會有看沒有懂的感覺,看完過沒多久馬上就忘了,藉由這次機會,一次把觀念整理起來,之後還可以複習一下,一舉兩得! Se...

2021-09-17 ‧ 由 magic0308 分享
DAY 4

Vue.js 從零開始:SPA怎麼改善SEO呢? MVC與關注點分離又是什麼?

上一篇講到SPA的缺點,Vue是用JvaScript載入後台的數據,並且動態產生元件,SEO只能抓取HTML內容,導致無法抓到該有的數據,因此有團隊開發出Nux...

2021-09-18 ‧ 由 magic0308 分享
DAY 5

Vue.js 從零開始:This 是什麼?

學習JavaScript也有一陣子,當有人問起This是什麼,都無法解釋的很清楚,代表理解的不夠徹底,今天來複習This的指向,是進入Vue之前,必須掌握的觀念...

2021-09-19 ‧ 由 magic0308 分享
DAY 6

Vue.js 從零開始:箭頭函式

上篇説到傳統函式This指向基本原則:呼叫時前面的物件是誰,和怎麼定義無關,但箭頭函式的This指向,完全不是這樣運作的。 箭頭函式基本認識 ES6 新增的...

2021-09-20 ‧ 由 magic0308 分享
DAY 7

Vue.js 從零開始:物件參考 深拷貝 淺拷貝

資料處理是JavaScript非常重要的一環,如果觀念不正確,常常會卡在那邊,就算可以運行了,也不知道原理是什麼,本篇就來複習一下觀念。 資料處理中有一項叫做...

2021-09-21 ‧ 由 magic0308 分享
DAY 8

Vue.js 從零開始:var,let,const 傻傻分不清楚

撰寫程式的時候,幾乎都是用let去撰寫,只知道他比var還要安全,不容易出錯,更詳細的原因,就沒辦法講解得很透徹,本篇來複習他們之間的差異性。 var es6...

2021-09-22 ‧ 由 magic0308 分享
DAY 9

Vue.js 從零開始:Hoisting , undefined,not defined

續上一篇文章,寫到後面還有一些觀念沒有講得很清楚,像是var有Hoisting的特性,coding的時候常出現的undefined、not defined,今天...

2021-09-23 ‧ 由 magic0308 分享
DAY 10

Vue.js 從零開始:v-bind

這篇終於要開始學習指令,先從v-bind開始介紹,單純用JavaScript來控制的屬性,需要寫蠻多的程式碼,只要使用Vue的指令會省略很多,以下開始實作吧!...

2021-09-24 ‧ 由 magic0308 分享