探索FUI风格竞赛排行榜设计

全篇共 366 字。按500字/分钟阅读速度,阅读完预计需要 0.7 分钟。

竞赛系统排行榜单,基于canvas实时渲染。

简要回忆demo从需求到设计到实现的大体思路,介绍部分canvas属性和方法,以及面向对象的编程思维在该demo中的应用。

使用“类”(ES5中的new加构造器函数创建对象或ES6中的class特性声明类)从具体实现层面将面向对象编程(OOP)思维具象化。

分析排行榜单最小单位应当包含的信息。

将排行榜单每一项功能需求转换为视觉语言。

确定最终的视觉方案。

名为Rank的函数名,使用new关键词实例化对象。

原创作者 » 陈帅华
版权声明 » 自由转载-保持署名-非商用-非衍生
发布日期 » 2018年1月1日 周一
更新日期 » 2020年8月2日 周日
上一篇 » gulp构建前端自动化解决方案
下一篇 » 如何渲染行内非替换元素
:)记录此刻想法
请选择登录方式,开始记录你的想法。
授权微博登录
授权Github登录