200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > css扁平化博客学习总结(一)模块分析【HTML】

css扁平化博客学习总结(一)模块分析【HTML】

时间:2022-06-11 03:02:29

相关推荐

css扁平化博客学习总结(一)模块分析【HTML】

web前端|html教程

css扁平化博客学习总结(一)模块分析

web前端-html教程

A、模块分析

asp源码程序,ubuntu16硬件,爬虫抓取图片程序,tr php,seo实战试卷lzw

1.每开发一个项目之前,首先要对项目进行一个大致规划,它到底要做什么功能,它有什么具体需求。

房源管理软件源码,vscode删除右键菜单,ubuntu下载r,tomcat 的配置,sqlite3读取优化,基于爬虫和数据库的,iis6安装php,郑州seo推广软件,淘客网站免费开源源码,网页音乐播放器 jquery,angularjs网页模板lzw

2.所以需要进行模块化分析,把这些东西具象化,把一个问题模块化,对需求有一个宏观的了解。

高仿58同城整站源码,ubuntu界面登录失败,tomcat配置文件形式,爬虫复杂网站,php后端有什么功能,搭建seolzw

3.有一个模块的概念后,把模块进行细分,细分成更小的模块,然后逐一击破。

不进行模块分析的恶劣影响:

不做模块分析,一上手就想到哪儿做到哪儿,很容易一叶障目,不能看到全貌,你会发现做着做着就失控了。因为有些地方出现了矛盾,你会发现要修改的成本很高,还不如推倒重写。

新手很容易着眼于细节,首先不应该从细节开始做。

B、整体分析

首先做一个页面分析:

1.body下只含page-wrapper和menu;

2.page-wrapper含一个header、一个footer和五个section:banner、one、two、three、cta。

C、组件分析

1.header下有一个h1、nav

2.一个页面最好只有一个h1,nav下含一个ul,ul里含li,li里含a,目前只有一个a标签,但为了之后的可扩展性,还是要这么灵活的写。

3.banner下含inner,和向下滚动的按钮a;inner含p,ul、li、a按钮;

4.one下有一个inner div,为了约束内容的宽度,让内容不会溢出。div下有一个header、一个ul下有三个同级图片li

5.two下有3个section,每个section下分别有一个image和一个content区域

6.three下有一个inner div,div中有一个header、6个div

7.cta与上面没什么差异

8.footer下有2个span

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。