• Post author:
  • Post category:Tech

剛出茅蘆的前端工程師時期,大概都是從HTML+CSS+JS+JQuery+Bootstrap 就可以打片天下,不過隨者經驗的增加,時間的進化,來到使用框架寫前端,最近自己是在使用Vue.js。

從以前操作DOM 使用EventListener到框架的動態綁定,轉換最大的概念部分,JQuery 時期想要換文字需要設定id 或是class 綁定那個標籤,使用.text() .html()來更新文字內容,來到了使用前端框架,只需要設定好變數不管是在全域或是網頁上就直接使用即可,不用在定義id,當變數內容有更動時,自動地就會更新全部的頁面內容。

使用前端框架的好處,就完全可以做到前後端分離,有現成的 store與 Router 可以使用,多個網頁內容的轉換,只需要藉助rounter就可以動態的切換內容,把需要呼叫的API 統一寫到store 內,要使用時就可以從store 來尋找,使用框架也有享受到MVC模式,Model, View, Controller ,他們各司其職,在程式碼簡潔與提升彈性上帶來很大的好處。