浅谈页面编写逻辑

页面编写逻辑是非常重要的,能够使我们更快速的、高效的编写页面。如果编写页面前不梳理逻辑,例如:先编写了内容部分,而后布局背景和页面时发现完全无法入手,那么只能重新编写。

为什么要有逻辑?

就好像写字一样。

  • 从左往右
  • 从上到下
  • 先横后竖
  • 先撇后捺
  • 由里到外

能够帮助我们把一个复杂的字写好,能够帮助我们记住这个字。当然,一些大神已经返璞归真,想怎么写就怎么写。

所以,为了更高效的编写页面和完成页面,提升页面的重构性、可修改性、易读性,更好的改善布局和提升代码质量,页面实现逻辑就显得尤为重要,拒绝杂乱无章的代码。

每个人的逻辑思维是不同的,所以页面逻辑的梳理方式也不一样,下面是我总结的页面逻辑(直适用自己):

拿到一个设计稿,首先观察设计稿,把设计稿分为两大部分:大背景(最基本的父系、参照物)、内容模块(逐一细分)

大背景:一张渐变的图片,沾满整个屏幕;或者一个BOX

内容模块:顶部导航(header)、banner、内容区、底部导航等

分块实现各部分功能,一个大的DIV包住各个模块,逐一细分内部结构。

发表评论

电子邮件地址不会被公开。 必填项已用*标注