如何设计简洁、直观的前端架构?( 五 )
路由的命名应该尽可能简短。
Static
Static 文件是指未包含在逻辑当中的文件。Static 文件不同于 CSS、图像、js(很少变更)以及字体等文件。Static 文件(静态文件)应该:
根据其类型进行分组。
尽可能降低其体积。
页 面
页面代表着 Web 应用程序当中的不同目标。作为来自 NextJS 中的概念,页面目录中的目录或文件,代表着路由路径的目的地。如此一来,当我们在破译路由并拆分出组件时,就能够轻松将路由与目的地关联起来。页面应该:
仅包含路由及其它组件之间的接触点。
包含引用初始条件以引导页面的各个文件。
不包含完整逻辑,我们应该将逻辑根据功能移动至不同的组件当中。
认真进行命名,因为该文件的名称代表着 build 文件与路由组件(在使用 NextJS 的情况下)。
推荐阅读
- 明日方舟|明日方舟:早露皮肤的攻击动作设计得很出彩,化身成白熊的指挥员
- 小鱼人|如何在新赛季稳定上分?善于抓失误的小鱼人,值得认真练上一波
- 设计师|魔兽世界:9.1.5刚上线,就要9.2了?来看设计师爆料的更多细节
- 阴阳师|阴阳师SR川猿强度如何 是否值得抽卡 改变斗技环境 大佬的新玩具
- 手机游戏|梦幻西游手游:活力如何换金币 一切都已给出 就看你的选择
- 华佗|三国杀:两位\奶爸\,朱治与华佗比,强度如何呢?
- 亲朋上分|《亲朋上分》266391亲朋下分亲朋上下分永劫无间崔三娘技能介绍 崔三娘如何获得更多技能
- 文明|LOL:设计师的想象力从未下水道,细看符文之地,竟是地球缩影!
- s6|金铲铲之战:S6双城传说如何才能快速上手?基础知识很关键
- |冰雪传奇:平民玩家四转后如何打金