原创 前端數據可視化--間斷圓環圖實現

最近用了一個多月的時間完成了一個數據可視化大屏,大概的效果是這個樣子的,當然這只是三屏中的其中一屏,我會用幾篇文章分別介紹各個點的實現方式和一些相應的知識點。 首先這次會介紹右下角的間斷圓環圖的實現,圓環圖會根據數據多少,進行相應的變化。

原创 Puppeteer前端自動化測試實踐

本篇內容將記錄並介紹使用Puppeteer進行自動化網頁測試,並依靠約定來避免反覆修改測試用例的方案。主要解決頁面衆多時,修改代碼導致的牽連錯誤無法被發現的運行時問題。文章首發於個人博客 起因 目前我們在持續開發着一個幾十個頁面,十萬+行

原创 使用Performance對頁面進行分析優化(實戰篇)

這篇文章將介紹下實際使用performance對頁面進行優化的過程。總的來說,chrome performance工具讓我們更方便的發現在代碼運行過程中的問題在哪裏,便於對一些可能注意不到的問題進行定位、分析和優化。原文首發於個人博客 渲染