265. To B 端 Web 頁面上線前 checklist

文章首發于我的部落格：https://github.com/ly525/blog/issues/265，歡迎與我讨論交流，如果有誤，歡迎拍正。

目錄

• • 表格
  • 樣式
  • Chart
  • 下拉菜單
  • 資料
  • 過濾、搜尋
  • 錯誤處理

聽到了好多遍：“我以為、我認為”。同樣工程師也是有正常認知思維的同學，也可以說 “我以為、我認為”（隻是我自己都比較讨厭這樣）

是以在大家有認知沖突的時候，你怎麼說服别人呢。你如果沒有成功的産品經驗，那就盡量

1. 分析競品，競品也這麼做了，競品這麼做是基于什麼考慮，和我們的場景、業務規模有何異同

2. 來自一線營運同學的需求或者實際場景

   來說服彼此了，然後對方會覺得你這個考慮很周到，是他沒有考慮到這一點，會欣然接受你的想法的，氣氛融洽、互相學習。

公司一些很 Nice 的同僚在提意見或者給建議的時候，一般會這樣說：這個我覺得不太好，因為xxxx。這個我們踩過坑，會帶來什麼損失，最好不要這麼做，很贊！

表格

• 數值類字段：右對齊
• 非數值類字段，左對齊
• 數值類字段：千分位
• 小數類字段：保留兩位小數
• 分頁資料是否正确：offset、limit
• 降序、逆序是否正确（如果是後端分頁，需要檢查跨頁的排序是否正确）
• 搜尋需要支援大小寫過濾

樣式

1. 可點選區域，滑鼠樣式為：

   cursor: pointer;

   ， 小手的樣式

Chart

1. 餅圖中的Legend 按照占比排序（可降序或者逆序）

下拉菜單

資料

1. 前端點選 Action，發起請求，觀察 API 是否與 Postman 中的資料，是否一緻（如果存在分頁，至少需要測試到兩頁以後的資料）

過濾、搜尋

1. 表格、下拉菜單 Filter 支援忽略大小寫

錯誤處理

1. 500、502、504 之類的錯誤是否處理

處理 500 之類的錯誤的同時，需要将前一次搜尋的資料清空掉。防止看到錯誤的資料