最近在学习 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 告诉我，我改......

[dexter]

马克,开源更好

[buseni]

很好，很好！

[xcv58]

👍

[sobigfish]

喜欢简洁的设计
（虽然我用不上）
有 2 个币之间汇率换算就更好了

[saran]

手机试了好几次，打开空白 /小米

[mrcotter2013]

@sobigfish #24 这个实现应该不难，不过需要重新做个页面....先记下这个功能

[mrcotter2013]

@saran #25 不会吧.... 不过我没有小米可以测试，什么浏览器？还有个可能是你的网络服务或者 App 本身把我用的服务器 IP 给毙了，反正我试过微信和 QQ 的内置浏览器都访问不了..... 除非我申请认证网站，然后就必须要填身份证、电话什么的了，打死我都不干

[Alexander321]

码住

[saran]

@mrcotter2013 加载有但是就是空白。

[tyfyc]

比 Bitcointicker 的手机版好用多了，已 bookmarked

[ericgui]

你难道不 cache 一下？

[hqdmy]

不错哦,不开源么.

[mrcotter2013]

@saran #29 这个要真正找到问题可能需要将手机连接到电脑上调试..... 我能做的只是打开所有的 polyfills 设置以保证最大的浏览器兼容性，如果还是不行，暂时无解....

[mrcotter2013]

@ericgui #31 其实有想过，不过这样就算是增加一个后端服务了。CryptoCompare 的公共 API 有单位时间内的访问次数限制，以后会考虑做个 cache，前端只从 cache 里读取数据，后台定时更新数据

[ericgui]

@mrcotter2013 不用后端什么的，react 能读取 redis 的数据。放在 redis 里面

[mrcotter2013]

@ericgui #35 需要另外学 redis，还有怎么用 Angular 读数据，以前搞服务器只用过 memcahed

[jrtzxh020]

@Nick2VIPUser 人家拿的是别人网站的数据。 所以没有你说的后台

[jlkm2010]

浏览器本地 cache 一下也能顶一顶

[keysona]

一年了...

上一年在学习 Angular2，转眼间，已经 5 了.....

[mrcotter2013]

@keysona #39 噗，其实版本号跳过了 3，是不是多少有点心理安慰