时隔一年,翻出之前写的项目,有点不忍直视。于是想重构个 2.0版本。
-
使用 Vue.js 2.6.3, 并且用 Vue 的 JSX 写法。抽象组件。
-
用 es6 写法代替原有的 es5 写法
-
优化内部数据解构
- localStocks 缓存于本地的股票数据
{
sh000001: {
cost: 0, // 成本价
code: 'sh000001', // 股票代码
count: 0, // 持仓数量
downLimit: 0, // 股价提醒下限
upLimit: 0 // 股价提醒上限
}
}
- localSortedStockCodeList 缓存于本地的股票代码列表,用于列表排序
['sh000001', 'sz002183']
- stocksDetail 股票数据
{
$code: {
code, // 股票代码
name, // 股票名称
rangePrice, // 涨跌额
range, // 涨跌幅
date, // 日期
time, // 时间
count, // 持仓数量
profit, // 盈亏
toPrice, // 今开
yesPrice, // 昨开
curPrice, // 现价
highPrice, // 最高价
lowPrice, // 最低价
cost, // 持仓成本
lineData // 走势图数据
}
}
目前已申请谷歌网上应用商店,已审核通过,谷歌浏览器 翻墙后打开 https://chrome.google.com/webstore/detail/stock-helper/akcminhddckjghbaolhcoccbjlmcnclo?hl=zh-CN ,即可访问。
以下初衷:
上班没办法实时盯着股市怎么办?于是乎,写了个插件,辅助看股市。利用新浪的股票接口可以拿到实时股价。为了减少 dom 操作,利用 [email protected] 开发。为了少写点样式,引入 [email protected] 。为了自动化构建、编译、开发等采用了 webpack 、 babel、gulp 、yo 一系列前端工具。不足之处欢迎指出。欢迎 Star,欢迎 Fork,欢迎 PR。
- 支持添加中国 A 股股票
- 支持设置成本价、持股数量
- 查看实时股价、涨跌幅、涨跌额、盈亏、今开、最高价、最低价、成本、持仓
- 支持按实时股价、涨跌幅、涨跌额、盈亏排序
- 支持按股票名称、股票代码模糊匹配
- 支持 svg 走势图
- 支持通过设置上限下限设置消息提醒(墙裂推荐)
- 支持自定义设置 ( Dr.Chan )
- 支持查看动态更新进度条 ( Dr.Chan )
- 支持自定义(手动)排序 ( Dr.Chan )
- 支持滚动新闻列表 ( Dr.Chan )
- 支持编辑成本、持仓 ( Dr.Chan )
- 支持基金(样式可能奇葩)
- http://hq.sinajs.cn/list=* // 新浪财经 股票实时接口
- http://suggest3.sinajs.cn/suggest/* // 新浪财经 股票 suggest 接口
- http://vip.stock.finance.sina.com.cn/* //新浪财经 历史数据接口
- https://api-prod.wallstreetcn.com/* // 华尔街日报 动态消息
1、在 release 里下载 app.ctx ,在谷歌浏览器打开开发者模式,拖动到谷歌浏览器
2、调试源码
git clone [email protected]:Jackliu007888/stock-helper.git
npm install / cnpm install
npm run dev / npm run build
add ./app to chrome extensions / 在谷歌浏览器打开开发者模式,添加/app 目录即可使用。
若您在股市赚钱了,可以给我来杯咖啡 :)