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

原创 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

 

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

今天是南大软院大神养成计划实施的第十六天,今天继续学习jQuery基础。 一.过滤性选择器 该类型的选择器是根据某过滤规则进行元素的匹配,书写时以“:”号开头,通常用于查找集合元素中的某一位置的单个元...
  • qq_23418043
  • qq_23418043
  • 2015年12月01日 10:07
  • 228

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

今天分享一段代码,效果如附图, 代码如下: /> 高度自适应的三行三列宽度固定布局 *{ margin:0; padding:0; font-size:14p...
  • jx370
  • jx370
  • 2015年11月24日 23:59
  • 204

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

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

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

今天是南大软院大神养成计划实施的第十四天,离结束越来越近了,我也要加紧学习了。今天学习的主要内容是jS动画剩下的部分——链式运动和同时运动和一些动画案例。 链式运动: 什么是链式运动呢?链式运动就...
  • qq_23418043
  • qq_23418043
  • 2015年11月29日 20:36
  • 257

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

我要做的是一个点击商品的购物栏,实现点击商品可以获得商品的详情信息,并且可以保存浏览记录。这里面用的是Model1:JSP+Javabean来实现。 首先,这里面有三个类,DBHelper,实体类和业...
  • TimeSea
  • TimeSea
  • 2015年11月28日 09:19
  • 178

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

今天是南大软院大神养成计划实施的第十三天,今天学习的主要内容是JS动画效果。 在浏览网页时候,我们经常会看到一些动画,有一些是flash动画,有一些则是用js编写的js动画,比如我们鼠标移动在某一个...
  • qq_23418043
  • qq_23418043
  • 2015年11月28日 20:38
  • 173

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

首先感谢南昌大学软件学院可以给我们这个一个机会来自己自主独立完成一些大学生本应该多做的事情:多学习,多总结。开卷有益,但最难的还是持之以恒,作为一个Web前端的初学者,希望可以通过此次比赛增长自己的业...
  • TimeSea
  • TimeSea
  • 2015年11月16日 22:16
  • 228

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

我从今天开始学习JSP网页编程语言,今天在主要学到的知识点是有关tomcat服务器的介绍,安装以及使用。之后介绍了其目录下的web-Inf 文件和web.xml等。今天的学习都是零碎的知识点,所以我把...
  • TimeSea
  • TimeSea
  • 2015年11月18日 23:36
  • 181

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

今天学习的不多,就来总结一下前些天的学习内容吧。方便以后查询和温习。首先,...
  • jx370
  • jx370
  • 2015年11月20日 19:43
  • 160

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

今天学习的是Servlet路径跳转。 1: 使用相对地址(小例子) : 这里面用的是相对路径访问HelloServlet。 这里面的servlet是工程的包名,HelloServlet是类名,这里注意...
  • TimeSea
  • TimeSea
  • 2015年12月02日 13:37
  • 236
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:【南大软院大神养成计划】结构与表现相分离思想
举报原因:
原因补充:

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