前端_浅谈页面编写逻辑

昨天写了一个页面，由于没有梳理逻辑，先编写了内容部分，而后布局背景和页面时发现完全无法入手，只能重新编写，所以认识到页面逻辑梳理的重要性。

为什么要有逻辑？

就好像写字一样。

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

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

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

我总结的页面逻辑（适用自己）：

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

大背景：一张渐变的图片，沾满整个屏幕；或者一个BOX

内容模块：顶部导航（header）、banner、内容区、底部导航等

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

前端_浅谈页面编写逻辑相关推荐

pythonturtle画飞机_浅谈pygame编写外星人入侵游戏第一步(屏幕上绘制飞机)......
本人小白刚开始学习python半月,到目前将python基础语法跑了一遍,不算透彻,只是有一些映像...... 于是学着做外星人入侵游戏,想从项目中深度学习,直接上目前的效果图: --------- ...
大型项目前端架构浅谈（8000字原创首发）
大型项目前端架构浅谈目录: 1.综合 1.1.使用场景 1.2.核心思想 1.3.切入角度 1.4.其他 2.基础层设计 2.1.自建Gitlab 2.2.版本管理 2.3.自动编译发布Jenkin ...
Web前端之浅谈css
Web前端之浅谈CSS CSS 什么是CSS? CSS的三种引用方式 CSS常用选择器介绍选择器权重字体属性文本属性元素分类 display属性: 块状元素行内元素行内块元素盒模型内边 ...
《计算机辅助教学及应用实践研究》,《论文_浅谈计算机辅助教学(定稿)》
<论文_浅谈计算机辅助教学(定稿)> (3页) 本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦! 9.9 积分摘要:计算机辅助教学中要用到多媒体课件 ...
python判断两个对象是否为相等使用的运算符是_Python入门_浅谈逻辑判断与运算符...
这是关于Python的第6篇文章,主要介绍下逻辑判断与运算符. (一) 逻辑判断: 如果要实现一个复杂的功能程序,逻辑判断必不可少.逻辑判断的最基本标准:布尔类型. 布尔类型只有两个值:True和Fa ...
python编写函数_浅谈Python 函数式编程
匿名函数lambda表达式什么是匿名函数? 匿名函数,顾名思义就是没有名字的函数,在程序中不用使用 def 进行定义,可以直接使用 lambda 关键字编写简单的代码逻辑.lambda 本质上是一个 ...
python 前端框架比较_浅谈五大Python Web框架
说到Web Framework,Ruby的世界Rails一统江湖,而Python则是一个百花齐放的世界,各种micro-framework.framework不可胜数,不完全列表见: 虽然另一大脚本语 ...
python sys模块作用_浅谈Python中的模块
模块为了编写可维护的代码,我们把很多函数分组,分别放到不同的文件里,这样,每个文件包含的代码就相对较少,很多编程语言都采用这种组织代码的方式.在Python中,一个.py文件就称之为一个模块(Mod ...
swift 引用其他类_浅谈swift中闭包修饰符 weak？unowned？或什么都不用
浅谈swift中闭包修饰符 weak?unowned? 或什么都不用平常的开发中,clourse是我们iOSr绕不过去的坎儿. 苹果本身也很重视闭包,像之前的一些老的target-action类型的 ...

前端_浅谈页面编写逻辑

前端_浅谈页面编写逻辑相关推荐

最新文章

热门文章