透過 TestCafe 端對端測試 Vue.js

端對端測試大概是在你的測試工具裡面最強大的一項武器了,你能夠透過這個武器來模擬使用者的使用情景、如何去和網頁、單頁應用程式互動,以此來檢查你的網頁是否運作正常。不幸的是撰寫這種測試有一定的難度,而且還要花過多的時間在雕塑單個測試單元上,接著還要花上一堆時間在建立環境跟設置,還有更多更多的事情⋯⋯。 幸好現在已經有比較方便的解決方案。我們會談到的就是 TestCafe,接著會以此工具展示如何用來端對端測試你的 Vue.js 應用程式。(雖然是這麼說,不過其實這個工具可以用在任何網站跟框架上。) 安裝過程 和傳統的方式不太一樣的是 TestCafe 並沒有太多相依性套件,這意味著你不需要搞得像 Selenium/WebDriver

脫離資料分散的問題,從 jQuery 換到 Vue.js

在剛接觸前端設計時,我們常會聽見兩個東西,不外乎就是 Bootstrap 和 jQuery,今天要談論的則是其中的 jQuery。jQuery 是個跨瀏覽器的 JavaScript 函式庫,透過簡單的幾個函式,就能夠輕鬆地操控頁面上的 DOM、元素。 其方法用起來真的夭壽簡單,但這僅限於你要開發單個頁面而已。倘若你正在開發一個小型網站,或是基本的文章頁面,就會慢慢地發現不易掌控資料,資料分散在頁面的各個角落。 資料分散,太過依賴 DOM、

Vuex 可能追加的功能:命名空間

Vuex 是個規劃 Vue.js 資料流的「理念工具」,一般來說規劃像是記事本或是購物車這樣小型的應用程式都游刃有餘,一但遇上大型應用程式像是社群網站就會有些問題。 好佳在的是接下來的 Vuex 版本可能會新增命名空間的功能了。 都是同個 Store 在 Vuex 中只有一個 Store。意思是當你有兩個同樣名稱的 Action 或是 Getter, Mutation 的時候,就會遇到命名重複的問題。 為什麼要命名空間?