iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

Vue 怎麼寫測試 系列

不只要會動,還要一直都會動。

參賽天數 30 天 | 共 30 篇文章 | 49 人訂閱 訂閱系列文 RSS系列文 團隊神功護體
DAY 11

Day 11. 實作一個 reddit - 專案建置

intro 接下來的 20 天,我們單純練習實作,由於只實作核心功能,所以這個時間量應該夠我們實作三個專案。 第一個專案是實作一個 reddit, IDE 我選...

2017-12-28 ‧ 由 Mos 分享
DAY 12

Day 12. 實作一個 reddit - 貼文列表

首先,我想先實作一個貼文的列表 <template> <div></div> </template> &l...

2017-12-29 ‧ 由 Mos 分享
DAY 13

Day 13. 插播一個工具問題:vue import 圖片

我們先回顧一下這是昨天的樣子,還滿醜的吧?css 的部分我們一概還沒做,這個並不急 但其中有一個很不優的地方我們要調整就是圖片的位置 <template&...

2017-12-30 ‧ 由 Mos 分享
DAY 14

Day 14. 實作一個 reddit - 快速查看文章

裝了 font-awesome 和 bootstrap 來省一點時間如果有人卡在這需要幫忙,再留言告訴我 正文 前一篇的 code 還有隱藏另外一個問題那就是點...

2017-12-31 ‧ 由 Mos 分享
DAY 15

Day 15. 實作一個 reddit - 偵測文章內容

今天來點輕鬆的,我們幫文章實作一些細節 如果文章內容是圖片連結的話,轉換成圖片 it('內容如果是圖片連結,要顯示圖片', () => { let...

2018-01-01 ‧ 由 Mos 分享
DAY 16

Day 16. 實作一個 reddit - 推文

我們常使用的功能都做好了就剩下推文的區塊主要是我想這對看過前面文章的人已經沒有理解的難度了 只剩下實作需要自己摸摸看不如就嘗試開發這個功能吧 明天會在這篇文章直...

2018-01-02 ‧ 由 Mos 分享
DAY 17

Day 17. 實作一個 reddit - 新增文章

為了實際測試一次 api request我有新增一個 json-server 整合到開發模式只要簡單的跑 npm run dev 就會跟著 webpack 一...

2018-01-03 ‧ 由 Mos 分享
DAY 18

Day 18. 實作一個 reddit - 第一個實作結束

我們第一個實作終於告一個段落接下來的進程就會快多了 第一個專案嘗試了很多東西git, json-server, webpack, jest...當前端工程師真痛...

2018-01-04 ‧ 由 Mos 分享
DAY 19

Day 19. 實作一個電商網站 - 專案建置

前言 這次的專案要做一個電商的網站,主要幾個核心功能是一定要實作的,包括購物車、分類頁、產品頁、結帳金流,這讓我有想把接下來 11 天全部實作這個網站就好。不然...

2018-01-05 ‧ 由 Mos 分享
DAY 20

Day 20. 實作一個電商網站 - 產品頁

我的測試原則 基本上就是幫自己訂目標首先我會列幾個適中的目標直接實作然後想想這個目標有沒有漏洞的可能後再補上幾個修補漏洞的測試 正文 OK來開始吧,身為一個產品...

2018-01-06 ‧ 由 Mos 分享