Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/Jackliu007888/stock-helper

a chrome extension for Chinese stock
https://github.com/Jackliu007888/stock-helper

Last synced: 5 days ago
JSON representation

a chrome extension for Chinese stock

Awesome Lists containing this project

README

        

# a chrome extension for Chinese stocks / A 股股票助手--谷歌浏览器插件

---

时隔一年,翻出之前写的项目,有点不忍直视。于是想重构个 2.0版本。

- 使用 Vue.js 2.6.3, 并且用 Vue 的 JSX 写法。抽象组件。

- 用 es6 写法代替原有的 es5 写法

- 优化内部数据解构

---

- localStocks 缓存于本地的股票数据

```JavaScript
{
sh000001: {
cost: 0, // 成本价
code: 'sh000001', // 股票代码
count: 0, // 持仓数量
downLimit: 0, // 股价提醒下限
upLimit: 0 // 股价提醒上限
}
}
```

- localSortedStockCodeList 缓存于本地的股票代码列表,用于列表排序

```JavaScript
['sh000001', 'sz002183']
```

- stocksDetail 股票数据

```JavaScript
{
$code: {
code, // 股票代码
name, // 股票名称
rangePrice, // 涨跌额
range, // 涨跌幅
date, // 日期
time, // 时间
count, // 持仓数量
profit, // 盈亏
toPrice, // 今开
yesPrice, // 昨开
curPrice, // 现价
highPrice, // 最高价
lowPrice, // 最低价
cost, // 持仓成本
lineData // 走势图数据
}
}
```

---

![stock-01](http://oqzceoiaz.dddog.com.cn/stock-helper.png)
![stock-02](http://oqzceoiaz.dddog.com.cn/stock-show.png)
![stock-03](http://oqzceoiaz.dddog.com.cn/stock-up.png)

## 描述

目前已申请谷歌网上应用商店,已审核通过,谷歌浏览器 翻墙后打开 [https://chrome.google.com/webstore/detail/stock-helper/akcminhddckjghbaolhcoccbjlmcnclo?hl=zh-CN](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](https://avatars3.githubusercontent.com/u/10216331?s=20&v=4)](https://github.com/isdrchan) [Dr.Chan](https://github.com/isdrchan) )
* 支持查看动态更新进度条 ( [![Dr.Chan](https://avatars3.githubusercontent.com/u/10216331?s=20&v=4)](https://github.com/isdrchan) [Dr.Chan](https://github.com/isdrchan) )
* 支持自定义(手动)排序 ( [![Dr.Chan](https://avatars3.githubusercontent.com/u/10216331?s=20&v=4)](https://github.com/isdrchan) [Dr.Chan](https://github.com/isdrchan) )
* 支持滚动新闻列表 ( [![Dr.Chan](https://avatars3.githubusercontent.com/u/10216331?s=20&v=4)](https://github.com/isdrchan) [Dr.Chan](https://github.com/isdrchan) )
* 支持编辑成本、持仓 ( [![Dr.Chan](https://avatars3.githubusercontent.com/u/10216331?s=20&v=4)](https://github.com/isdrchan) [Dr.Chan](https://github.com/isdrchan) )
* 支持基金(样式可能奇葩)

### 股票接口:

* http://hq.sinajs.cn/list=* // 新浪财经 股票实时接口
* http://suggest3.sinajs.cn/suggest/* // 新浪财经 股票 suggest 接口
* http://vip.stock.finance.sina.com.cn/* //新浪财经 历史数据接口
* https://api-prod.wallstreetcn.com/* // 华尔街日报 动态消息

# Usage / 使用方法

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 目录即可使用。

若您在股市赚钱了,可以给我来杯咖啡 :)

![award](http://oqzceoiaz.dddog.com.cn/award.jpg)