野路子架构PC端(一) 字典

32 阅读2分钟

做前端5,6年了。没在大型互联网企业做过;通过各种渠道学习,了解前端各种知识,并应用到实际的项目中。踩过不少坑,流过不少泪。有时间就写点文章,把自己知道和总结的一些知识分享一下。如有雷同,纯属巧合!有帮助到各位读者,那是更好。另外,转载请注明出处。

“起名字是门学问”我是从一部电影中,听到的一句台词。当时,只是笑了笑。没想到有一天,真的认为起名字就是门学问!既要体现出本公司的业务相关性,又要体现出互联网的通用性;既要有中文,还要有英文;既想要“产品、前端、后端、设计”都认可,实际情况基本不可能。

为什么要起名字?统一认知,方便沟通、认真分析需求!举个例子:

详情页:产品的原型和设计中,一共有十个详情页;但在前端设计中, 可能用一个页面加不同的数据完成展示;这时,产品来问进度,“十个详情页”写几个了?你怎么回答?你怎么展示?这个问题,你怎么回答都是“坑”。如果,在项目分析阶段,前端给他们(产品、后端)一份文档,上面写着划了十个模块,每个模块里有一个列表页,有一个详情页;每个模块、列表页、详情页的中英名称。当产品再问题进度时,你的回答将会有理有据。至于是一个模版页加载不同的数据呢?还是十个不同的页面;那是前端自己的事情了。

命名,一般是按项目、模块、页面(page)、页面组件;其中页面组件,又分为共公组件和业务组件;

项目命名,一般就写到package.json里就可以了。

模块的命名,是重点;他决定了url、路由、代码组织以及对业务的拆分与理解。

页面命名,在各个模块中,对于不同的页面,进行不同的命名;

组件命名,就更简单了。其中公共组件和业务组件的划分,会以功能为划分标准。