写给前端的股票行情 SDK: stock-sdk,终于不用再求后端帮忙了

起因

说实话,这个项目的诞生完全是被逼出来的。

去年我想做一个股票行情看板,就是那种简单的页面,能实时显示几只自选股的涨跌。听起来很简单对吧?但当我真正开始动手的时候,才发现事情没那么简单。

网上搜一圈,股票数据接口相关的工具几乎全是 Python 的。AkShare、Tushare、掘金量化……确实牛,功能也确实全,但问题是——我是个前端啊

为了一个小看板,难道要我专门搭一个 Python 后端?再写个接口转发给前端?这也太折腾了。

于是我开始找有没有 JavaScript 能用的方案。结果你猜怎么着?翻遍了 npm,几乎找不到一个好用的。有的年久失修,有的只支持 Node.js 不支持浏览器,有的类型支持一塌糊涂,还有的接口莫名其妙就挂了。

摸索了一圈之后,我决定:算了,自己写一个得了。

stock-sdk 是什么?

简单说,stock-sdk 就是一个专门给前端和 Node.js 用的股票行情 SDK。

核心目标就一个:让你用最熟悉的 JavaScript / TypeScript,10 行代码搞定股票数据获取。

import { StockSDK } from 'stock-sdk'; const sdk = new StockSDK(); const quotes = await sdk.getSimpleQuotes(['sh000001', 'sz000858', 'sh600519']); quotes.forEach(q => { console.log(`${q.name}: ${q.price} (${q.changePercent}%)`); });

就这么简单。不用搭后端,不用装 Python,浏览器里直接跑。

它能干什么?

写到现在,功能已经比较齐全了:

行情数据

  • A 股、港股、美股、公募基金的实时行情
  • 历史 K 线(日线、周线、月线)
  • 分钟 K 线(1 分钟到 60 分钟都支持)
  • 当日分时走势

板块数据

  • 行业板块、概念板块的列表和实时行情
  • 板块成分股
  • 板块 K 线数据

技术指标

  • 内置 MA、MACD、BOLL、KDJ、RSI 等常用指标
  • 一个接口搞定 K 线 + 指标计算

扩展数据

  • 资金流向
  • 盘口大单
  • A 股交易日历

批量能力

  • 一次性获取全市场 5000+ 只 A 股行情
  • 内置并发控制,不会把接口打挂
  • 进度回调,知道当前拉取到哪里了

为什么要用它?

说实话,这个问题我自己也想过很久。毕竟市面上不是没有其他方案。

但仔细想想,stock-sdk 确实解决了一些痛点:

1. 零依赖,真的很小

压缩后不到 20KB。没有乱七八糟的依赖,不会给你的项目增加额外负担。

2. 浏览器和 Node.js 都能跑

这个是我一开始就确定的设计目标。不管你是做 Web 页面还是 Node.js 脚本,都能直接用。同时提供 ESM 和 CommonJS 两种格式,现代项目和老项目都兼容。

3. TypeScript 类型完整

说真的,类型提示这个东西,用过就回不去了。每个接口返回什么字段、每个参数是什么类型,IDE 里一目了然。写代码的时候不用反复查文档。

4. 接口稳定

数据源用的是腾讯财经和东方财富的公开接口,稳定性还是有保障的。而且我做了比较完善的错误处理,不会因为某个请求失败就整个崩掉。

适合什么场景?

这个 SDK 不是万能的,我也不打算把它做成大而全的东西。它比较适合这些场景:

  • 股票看板:做一个自选股页面,看看涨跌
  • 数据可视化:用 ECharts 或者 TradingView 画 K 线图
  • 学习 Demo:金融课程、量化入门的演示项目
  • 量化验证:快速验证一个交易策略的想法
  • 定时脚本:Node.js 定时抓取行情数据

如果你需要更专业的量化回测、高频交易之类的,这个 SDK 可能就不太够用了。那种场景还是 Python 生态更成熟。

一些实际的例子

获取全市场 A 股行情

const allQuotes = await sdk.getAllAShareQuotes({ batchSize: 300, concurrency: 5, onProgress: (completed, total) => { console.log(`进度: ${completed}/${total}`); }, }); console.log(`共获取 ${allQuotes.length} 只股票`);

5000 多只股票,几秒钟就拉完了。并发控制是内置的,不用自己操心。

获取带技术指标的 K 线

const data = await sdk.getKlineWithIndicators('sh600519', { period: 'daily', count: 100, indicators: { ma: { periods: [5, 10, 20] }, macd: true, boll: true, }, }); // data.kline 是原始 K 线 // data.indicators.ma 是均线数据 // data.indicators.macd 是 MACD 数据 // data.indicators.boll 是布林带数据

一个接口把 K 线和指标都算好了,直接拿去画图就行。

写在最后

这个项目从去年开始写,断断续续维护到现在,功能也越来越完善了。

其实我一直觉得,工具这个东西,好不好用自己最清楚。stock-sdk 就是我自己在用的东西,遇到问题就修,需要新功能就加。

如果你也是前端,也需要获取股票数据,不妨试试。

Read more

腾讯云 AI 代码助手编程挑战赛 + 构建开发板垃圾图片识别AI对话的Copilot

腾讯云 AI 代码助手编程挑战赛 + 构建开发板垃圾图片识别AI对话的Copilot

一、前言: 最近公司有一个项目需求需要使用到AI智能识别的功能《垃圾智能AI识别系统》,本人一直从事Web领域开发工作,也没接触过人工智能这个赛道,刚好现在借这个“腾讯云 AI 代码助手编程挑战赛”来了解一下AI写代码相关的流程。 刚好也是接触新的技术领域,经过“腾讯云AI代码助手”来帮助我从0到1来实现这个《构建开发板垃圾图片识别AI对话的Copilot》的项目,在很多地方帮助程序员开发人员更好地理解和优化代码,提高软件的可维护性和可靠性、安全性。 上图是通过“腾讯云AI代码助手”从硬件到软件、模型的应用、生成Flask Web API服务,再到最后工作中的最佳实践,通过本人测试了Vue、Js、Python、Go等语言的实际场景,“腾讯云AI代码助手”提供了智能代码补全、单元测试生成、问题修复等多项AI驱动的功能,使开发者能够专注于创造性工作而非繁琐的设置。 【可以来看看我在B站录的一个视屏】: 【腾讯云 AI 代码助手编程挑战赛】+构建开发板垃圾图片识别AI对话的Copilot 在实际使用中,我深刻体验到“腾讯云AI代码助手”的便利,特别是在代码质量的提升方面展

【AI 学习】解锁Claude Skills:开启AI应用新维度

【AI 学习】解锁Claude Skills:开启AI应用新维度

一、Claude Skills 是什么? 1.1 官方定义剖析 Claude Skills 是 Anthropic 公司为其人工智能模型 Claude 打造的一项创新性的功能扩展机制。从 Anthropic 的官方阐述来看,它本质上是一种标准化的、可复用的模块化系统,旨在赋予 Claude 执行特定领域复杂任务的能力 。通过 Claude Skills,用户能够让 Claude 迅速化身为专业领域的 “专家”,完成从常规的文本处理到复杂的业务流程自动化等多样化任务。 举例来说,在文档处理领域,以往使用普通的 AI 模型处理合同文档时,可能需要多次详细地输入指令,要求其提取关键条款、检查格式规范等,且每次处理都需重复这些指令,而借助 Claude Skills,用户只需创建一个专门用于合同处理的 Skill,将合同处理的流程、关键信息提取规则等内容封装其中,后续再处理合同时,Claude 就能自动调用该 Skill,

字节跳动 AI 原生 IDE Trae 安装与上手图文教程

字节跳动 AI 原生 IDE Trae 安装与上手图文教程

文章目录 * 一、 什么是 Trae? * 国际版与国内版区别 * 二、 下载与环境准备 * 第一步:访问官网下载 * 第二步:系统安装 * 第三步:首次启动与初始化配置 * 三、 核心功能上手实战 * 四、 进阶技巧:如何切换满血大模型 * 五、 总结 一、 什么是 Trae? 简单来说,Trae 是字节跳动近期推出的一款 AI 原生集成开发环境 (IDE)。你可以把它看作是国内打磨极佳的 Cursor 或 Windsurf 替代品。它从底层架构开始就围绕 AI 能力构建,不仅能自动补全代码,还能直接听懂你的大白话,帮你从零开始写项目、修 Bug、甚至一键部署后端服务。 核心亮点: * 完全免费:目前处于免费阶段,对于动辄几十美元一个月的 AI 开发工具来说,性价比拉满。

OpenCode 完全使用指南:开源 AI 编程助手入门到精通

OpenCode 完全使用指南:开源 AI 编程助手入门到精通 本教程基于 OpenCode 官方文档(https://opencode.ai/docs)和 GitHub 仓库(https://github.com/anomalyco/opencode)编写,适合零基础新手入门。 📚 目录 1. 什么是 OpenCode 2. 安装指南 3. 快速开始 4. 配置文件详解 5. Provider 配置 6. TUI 终端界面使用 7. Agent 系统 8. 自定义命令 9. 快捷键配置 10. MCP 服务器 11. LSP