最近在学习 Angular 5，试着做了一个查看数字货币行情的 Web App

[mrcotter2013]

基于学习一种前端框架的目的，选择 Angular 框架，开发了一个展示数字加密货币（ Cryptocurrency ）的 Web App，欢迎浏览 crypto.kris2d.info 进行查看（服务器就单核，512MB，最便宜的那种 VPS，希望不会崩）。

目前仅支持 10 种货币，挑选了市值最大的几个，可以获取并更新实时价格信息，数据来源 CryptoCompare。点击每一种货币可以进一步浏览最近 24h、7 天、1 个月以及 1 年的价格走势，后续会增加更多的币种和排序功能。

其它特性

• 应用了 Ant Design 简化了部分视觉代码，视觉风格上保持统一；
• 每 10 秒获取最新的价格数据，如果价格产生变化，根据涨跌情况渲染不同颜色的背景色作为提示（具体的效果个人感觉没有很流畅，后续进行完善）；
• 价格走势图使用 Chart.js 绘制，根据需求进行了许多自定义修改，例如增加了伴随鼠标移动的纵向线，增加了图标数据的可读性，手机端纵向线也会随着手指的触摸左右移动，美观上还有待改善；

To-do

• 增加更多数字货币，可能的话，按照最新的市值动态获取数据；
• 增加首页表格的排序功能；
• favicon 在上线后没有正常显示，本地测试没有问题，需要再后续解决；
• 服务器 nginx 配置和性能优化（原打算将 nginx 配合另一个 http server 作为 reverse proxy 来使用，无奈总是遇到 403 forbidden error，后续再尝试优化）；

这次开发前前后后还是遇到了不少坑，不过进步慢慢来吧。遇到 bug 告诉我，我改......

[wspsxing]

Ng 的体积确实感人啦，虽然用了组件库差距就不那么大了。。

[ToT]

不错哦楼主， 有不少人在做这个呢。再加个指定价格区间提醒功能；再加个基本 Index 预测功能；再加个自动交易功能。。。。。

[aristotll]

@wspsxing #41 angular aot 的 compile 还是蛮厉害的

[mrcotter2013]

小更新：

・项目已开源，附有 License，见： https://github.com/mrcotter/crypto-market
・显示 Top 20 数字货币，之后如果再增加考虑对表格分页；
・增加了按货币名称排序的功能，为此重新调整了部分数据结构，以适应排序事件触发的算法，稍后再增加一个按 Symbol 排序就好，其它列排序意义不大。

欢迎来踩网站：crypto.kris2d.info

[CEBBCAT]

@mrcotter2013 #42 全站 https 吧

[mrcotter2013]

@CEBBCAT #45 会加入的，目前还有别的事情要做，往后放......网站信息没什么可以 hack 的，也没有交易功能

[CEBBCAT]

@mrcotter2013 #44 前两天上个豆瓣发现被不良员工跟 360 勾搭给劫持到广告页面就很气

对了,这种状态的更新还是用 APPEND 比较好喔!

[mrcotter2013]

哦哦，感谢提醒，才看到那个 Append，之前只知道 V2EX 发的帖没法修改......