原创 使用 Proxy 構建響應式系統

💡本篇博文可能學到的知識點 更好的理解 Vue 響應式工作原理 學習 Vue 的設計模式 學習 Proxy API 使用 Proxy 實現觀察者模式 現代前端開發必不可少會用到的 Vue、React 等框架,這些框架的共同之處在於都提供

原创 📊 搭建基於 Cube.js 的 Vue Dashboard

Cube.js Cube.js - 一個完整的開源數據分析解決方案:提供高性能的大規模數據集分析技術基礎架構,同時提供前端友好的API,用於構建儀表盤報表以及其他數據分析應用,它扮演了前端與後端之間的數據層角色。 Cube.js 客戶端執

原创 🚀 記一次前端性能優化

工作中一直在做一款公司內部的BI工具,將數據可視化的報表賦能給業務人員,報表配置者通過簡單的拖拽操作即可生成報表。隨着系統不斷的完善,加上運維推廣,我們積累了越來越多的用戶。這時候用戶體驗的方方面面都體現出來了。我們也停下產品的功能迭代,將

原创 使用 Drag and Drop 給Web應用提升交互體驗

什麼是 Drag and Drop (拖放)? 簡單來說,HTML5 提供了 Drag and Drop API,允許用戶用鼠標選中一個可拖動元素,移動鼠標拖放到一個可放置到元素的過程。 我相信每個人都或多或少接觸過拖放,比如瀏覽器多標籤頁