最近篮球迷们最期待的就是本月开始的NBA新赛季。 虽然比赛时间与工作时间高度重合,但如果上班时不能看比赛nba比赛 下载,我就会玩火,烧伤自己。 但作为一个经历了漫长草根期的粉丝,这点小困难怎么能阻止我呢? 作为一名设计师,我每天的工作就是看设计软件,所以我会做一个插件来查看今天的游戏成绩。
先看看效果
选择任意元素后,单击菜单中的nba,就会在该位置插入一组显示今天所有比赛的记分板。 (看过后最好立即删除,以免被领导发现)
如果你懒得看,想直接使用,可以到这个地址下载并安装插件。
完整的代码可以在存储库中查看。
整个框架
结构非常简单:
从NBA在线比赛数据API及时获取当日比赛数据; 适当处理数据; 使用React制作你想要的层; 只需将图层插入当前页面的适当位置即可。
附: 有前端开发经验的人会发现,这个过程和使用React开发前端逻辑基本一样。
具体流程
1. 设计
我们首先设计出预期的游戏板,以便分析需要哪些数据以及会发生什么情况。 简单的交互解释如下。
考虑到背景是浅色的,而且工作中页面内容太多复杂的时候需要看清这一眼,所以我选择了整体深色。 这样在大量的界面中就可以清晰的看到。
2. 数据获取和处理
上有一些提供体育赛事数据的 API。 我选择从他们那里获取数据。 这样做的好处是免费并且支持https,但是没有官方文档。
说一下流程,总共有3步:
获取,后续的请求会需要时间(这个时间其实可以换算成本地时差,但是我懒得去计算时差是在哪个地方,所以干脆直接从API获取)来获取当前队伍listnba比赛 下载,用于对应即将离任的队伍。 完整名称(获取数据的API只给出了球队名称缩写,所以用这个列表来对应) 获取当前比赛数据,选择需要的数据
如果代码逻辑不复杂的话我就不放在这里了,但是有一个陷阱我应该提一下。 由于Apple的限制,插件内使用的API必须安全链接,否则将无法进行通信。
3.使用React生成层
感谢您制作了这个东西,消除了猜测官方 API 的需要。 用它来创建各种元素,无论是逻辑上还是劳动上都比以前方便得多。
在使用官方API时,你可能需要对每个元素的逻辑、显示数据以及对应的样式进行一一处理。 使用react-,你只需要编写每个组件并传入属性即可。
先说一下组件插入的位置。 如果直接将完成的组件插入到包含子元素(、组、页面等)的元素中,则之前的子元素将被替换。 所以解决办法可以是先用官方的方法创建一个容器元素(比如group)来插入你的组件,然后把整个容器放在你想要的地方。
4.页面添加记分牌
理想的交互是,每当用户执行此命令时,记分板就会添加到当前视野中。 但我还没有找到获取视野位置坐标的方法(如果有人知道,希望你能告诉我)。 所以救国唯一的办法就是让用户选择一个元素nba比赛 下载,并将这个元素的坐标传递给记分板,让记分板添加到相同的位置。
总结
至此,查看乐谱的插件就准备好了。 以后,如果你想在工作中观看足球比分,无需离开工作页面,即可轻松浏览并删除它们。
本文标签: [nba比赛下载]