【南大软院大神养成计划】结构与表现相分离思想

原创 2015年11月18日 17:08:08

 imooc学习第三天。

 今天一下午的时间,主要看了一些标签的使用,和了解了一种思想———结构与表现相分离,收获颇丰。其中这种思想给了我很大震撼。下面就是我对这种思想的一些体悟。

1.应首先关注一个网页的文字内容和模块关系。先把重点放在编写语义化的html代码上。这就像是再盖一个房子时要先设计房子的结构一样,是基础工作。条理清晰,分工明确的html代码也会为为下一步的css和js的修饰做下坚实准备。

2.不要过多的考虑样式,在后期的“装饰房子”的过程中,尽量不要改变原有的html样式。

3.结构力求简单。在按照结构与表现相分离的思想编写代码时,结构的简单为后期的编码提供极大地便利,同时增加代码的可读性,便于后期维护。

4.这一点不是关于“机构与表现相分离的”,而是“合资模型三维立体图”的一个体悟。盒模型是一种三维的叠加:border---content+padding---background-image---background-color---margin.五层元素的叠加就构成了我们所见的盒子模型的平面图。这使我对盒模型的理解进一步加深。

2015 11 18

mooctomato

 

相关文章推荐

南大软院大神养成计划 第一天

和很多人不一样,我在此之前是并没有过接触过任何web设计的编程语言的。可能就是因为这样,当今天看见imooc上的代码时,会有点不太适应。是的,我没想到过,居然可以在浏览器里写程序,这确是打破了我之前的...

南大软院大神养成计划——第九天

今天是南大软院大神养成计划实施的第九天,今天学习的主要内容是DOM探索之基础详解篇的剩余两章内容,最后两章内容主要讲解的是“如何判断节点元素类型”和“继承层次和嵌套规则”。 先讲讲“如何判断节点元素...

南大软院大神养成计划--day17

今天学习的是Servlet路径跳转。 1: 使用相对地址(小例子) : 这里面用的是相对路径访问HelloServlet。 这里面的servlet是工程的包名,HelloServlet是类名,这里注意...
  • TimeSea
  • TimeSea
  • 2015年12月02日 13:37
  • 187

南大软院大神养成计划——第十二天

今天是南大软院大神养成计划实施的第十二天,今天学习的内容是DOM事件探秘部分的最后部分——事件类型。事件类型从来大类来分可以分为鼠标事件和键盘事件。 先说说鼠标事件,鼠标事件可以分为click,ov...

南大软院大神养成计划--第四天JavaScript

今天开始学JavaScript (以下是归纳) JavaScript document.write() 输出内容(相当C语言里的printf) var 变量名 ...

南大软院大神养成计划--网站

(1)在制作之前进行首页布局分析,弄清盒子之间的关系,分为顶部,LOGO区,导航区,大图广告区,之后一般分为3个区按功能规划,底部版权区。(2)页面头部制作,分析头部结构,分析盒子结构,根据功能设计样...
  • hiiiji
  • hiiiji
  • 2015年12月03日 21:20
  • 152

南大软院大神养成计划——第一天

参加比赛的第一天 也是第一次写博客 心情是激动地 感觉不要不要的  但是依旧还是要开始的  那么就开始吧  干巴爹 第一天的战况 感觉自己的进度好慢 但是看看...
  • YaKIcoo
  • YaKIcoo
  • 2015年11月16日 23:03
  • 198

初试MVVM框架之React入门【南大软院大神养成计划】

var data = [ {author: "Pete Hunt", text: "This is one comment"}, {author: "Jordan Walke", text: ...

南大软院大神养成计划——第一天学习心得

今天是南大软院大神养成计划开始的第一天,在参加这次活动之前,我犹豫了很久到底要不要参加此次计划,因为我对成为一名web前端开发不是很感兴趣,我更感兴趣的是嵌入式开发,但是后面经过室友的鼓励,我还是选择...

南大软院大神养成计划--第四天单/复选框与文字对齐问题

大多数网站的主流文字大小为12px,因为在目前高分辨率显示器屏幕下,11px的汉字,其像素点开始不规整,文字不如12px来的显示良好。12px大小的文字就是主流也是底线。然而12px的文字与单选框和复...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:【南大软院大神养成计划】结构与表现相分离思想
举报原因:
原因补充:

(最多只允许输入30个字)