鐵人檔案
在工作上使用Vue半年多了,一直苦無機會用到Nuxt跟圖表類的套件.恰巧之前曾在金融機構服務過,那不如就結合之前的職涯經驗,試著做出個投資人走過路過會想看看的儀表板吧!!
今日工事 預先輸入框的股票搜尋 使用套件 vue3-simple-typeahead 先安裝 npm install vue3-simple-typeahead...
今日工事 完成股票搜尋的預先輸入框(搜尋同時顯示同樣字串的資料在預先輸入框)搜尋完成後用動態路由連接至股票單頁 搜尋 <vue3-simple-typea...
今日工事 不同金融市場的新聞篩選 新聞篩選 // index.vue <div class="flex w-[95%] mx-auto"...
今日工事 不同金融市場的新聞篩選(增加股票代號複數搜尋,新聞時間範圍搜尋) 股票代號 // index.vue <label for="news...
今日工事 完成股票單頁的candleStick(蠟燭圖)及volume(當日股票交易量)圖表 (candleStick:包含了open(開盤),high(最高)...
今日工事 完成技術指標(包含覆蓋指標及振蕩指標)並可任意更換想要看的技術指標 技術指標(價格通道&移動平均線) // highcharts.client...
今日工事 完成多支股票績效比較 績效圖 // [id].vue <div class="w-[70%] mx-auto mt-3"...
今日工事 可以任意增加或刪減想要比較的股票完成動態的股票績效圖 移除 // [id].vue const stockChart2Api = `https://f...
前情提要 看了同為參賽者的Annie大大文章Day09：使用 Wireframe 線稿拼接網站的功能與畫面(一)發覺自己只想著使用者會想用的功能但版面細節部分略...
今日工事 完成科技類股其中一塊板塊:Software—Infrastructure的hotmap 熱區地圖 // hotMap.vue <template...
