De-yu's Note
  • Deyu Notebook
  • Side Project
    • Stock
    • ChatBox
    • SnowCraft
    • ScrollBar
  • 架構問題
    • 解決 RTK Query data 為 undefined 的實務做法
    • 透過 xstate 解決UI 狀態問題
  • 技術觀點
    • 為什麼需要 store
    • Router 作用
    • react 和 next.js 差異
    • monoRepo vs Multiple Repo
  • Performance
    • React 優化
  • JS Coding
    • Curry
    • Debounce
    • Throttle
  • map
  • memo()
  • Promise 實作
  • Promise Function
  • Testing
    • 使用 Jest 、 React Testing Library 、MSW 建立測試環境
  • Miscellaneous
    • Event Loop
    • Browser
    • Code Review
    • Storage
  • AMD 、 CommonJS 、 ES modules
  • JWT
  • Next.js
  • 用過的 module
  • Internet
    • UDP
  • TCP/IP
  • SSL TLS
  • HTTP
  • AI 工作流
    • Page 1
Powered by GitBook
On this page
  • 簡介
  • 功能
  • 技術
  • 後端架構
  1. Side Project

Stock

PreviousDeyu NotebookNextChatBox

Last updated 20 days ago

簡介

當時想要做一個自己需要的股票資訊網站

功能

目的: 匯集各式各樣股票的資料 例如: 歷史交易資料 每日三大法人買賣超 等

技術

後端使用 graphql 進行 API 製作

mongodb 建立一個小型的會員系統

前端 Vue2 + Vuetify + Vuex

後端架構

每種類型的資料的取得都繼承 RequestAbstract 並實作 getRequest 取得資料 executeAnalysis 初步整理資料

相同類型的資料 繼承相關的 abstract 由於一份資料可能由多重資料組成 所以使用 List 資料

並實作 arrangeData 將資料整理出來

最後在 GraphQL 的 resolver 將上述的兩種動作組合起來運作

Demo

後續不再維護更新

https://witty-island-0e92dc900.azurestaticapps.net/