Coder Social home page Coder Social logo

penguin-statistics / frontend-v1 Goto Github PK

View Code? Open in Web Editor NEW
64.0 64.0 17.0 3.46 MB

First version of Penguin Statistics front-end. Development is terminated.

Home Page: https://penguin-stats.io/

License: MIT License

JavaScript 1.45% TypeScript 60.97% HTML 32.49% CSS 5.09%
penguin-statistics

frontend-v1's People

Contributors

alvissreimu avatar rokasanae avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

frontend-v1's Issues

本地掉落矩阵查看

用户点击“本地”后,顶部显示login component,将localStorage中的legacy maps发送至后端。

  • 若cookie中无userID,则后端直接根据legacy maps生成矩阵返回;
  • 反之,后端根据userID通过aggregation生成matrix,与legacy maps进行merge后返回。

目前还是每次切换作战都发请求,但为了减少请求数,直接将返回的matrix存于localStorage中。切换作战时不再发送请求(只有从全平台切换到本地时才发送)。

关于公开招募数据统计

能不能加一个公开招募的统计?

包含内容:
本次出现的5个tag
选择的tag
出货
//时间是否9h

因为先出干员后出tag基本是确认的,但保底机制和养蛊估计是玄学……加一个统计应该可以反推出池子的干员出现率,断个念想……
//来自养出来4个快速复活tag然后被亲4口的绝望doctor

桌面端上方的控件会在某些情况下消失并且不能恢复

复现方法如下:
将浏览器拖至窗口大小能够触发移动版的时候,通过右上角的按钮进入网页,再将浏览器恢复原窗口大小时上方的控件全部消失。只能通过将窗口大小重新拖至移动版时才能进入其他网页,但是此时将窗口大小恢复时上方的控件依然不会恢复

新tab:刷图推荐

计划:
第一部分:各素材掉落懒人参考表
第二部分:直接摆各planner链接

首页重新规划

  • 简介
  • 已实现功能、计划中的功能
  • 赞助二维码
  • 作者、协力者、鸣谢
  • 友链
  • 版权信息

如果过长,考虑把某些内容移到单独的tab内?

网站页面能正常访问,但是所有图片都要爬梯子才能显示

也许gh应该发代码相关的issue,不过微博和twitter我都没号。
网站页面能正常访问,但是所有图片都要爬梯子才能显示。
是不是图片的空间被墙了或者空间屏蔽了国内ip的访问?
补充:之前用了大概十几天,有时正常有时要爬梯子

用户机制

计划实现用户登录、登出、切换的功能,方便之后本地掉落矩阵查看、管理历史上传数据、审核数据。
前端对cookie的userID进行操作。
需要加login component的tab:上传、查看掉落(两种)的本地数据。

统计图

掉率随时间变化、过去24小时上传量等统计图。

感觉开发个图片识别功能还是蛮不错的?

Snipaste_2019-07-23_23-47-47

我看到官网上有说过后续会开发类似的功能,用户打完之后直接把战斗结算上传也是挺省事的,就是图像文字的识别技术个人开发好像有点难度,调百度图片的ai匹配接口估计还是挺好实现的,但是并发大的话估计费用又是不小的开销,而且不排除恶意上传的用户,但是感觉这个功能总的来说还是利大于弊的,希望站长有空可以开发一下:D

掉落结果查看refactor

整体的请求方式需要重做。
大致流程:
加载网站时立刻拿到zones, stages和items。
点击“查看结果”tab后,根据data source是全平台还是本地,决定不同参数给result API发request,获得drop matrix以及lastUpdateTime,存放于localStorage中。以上操作为一次“结果刷新”。
之后无论是再次从别的地方进入查看结果tab,或者切换data Source,都要进行一次结果刷新。
若请求失败,则通过snackBar提示,但是原localStorage的matrix保持不变,以方便离线查看。

选定stage或者item后,对于按作战和按素材查看两种不同查看方式,需要各自实现函数,从localStorage的matrix中提取相应stage/item的结果,结合stageMap与itemMap生成最终table所需要的数据。

服务器搬家

考虑aws ec2的hk区域,不过首先要完成#10
update:可以不搬家,只用hk的instance做一个代理?

由部分上报带来的偏差问题

很多人刷概率/小概率材料时出货后才(想起)上报,会使总体统计出率偏高,希望对此进行考虑。(尽管我知道这个问题很难解)

请求站长cos安塞尔

用户暴增,服务器压力剧增,服务器的存亡陷入了危机。站长红白为了保护心爱的服务器而决定成为安塞尔...

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.