html从魔鬼拼图到行云流水

原创 2012年03月28日 04:55:40
虽然Html不是和互联网同时诞生,但如今它们的紧密关系,让人几乎一忽略了这段历史。Html有如此强的生命力力,应用如此之广,自从W3C宣布H已死之后,却又在别处开了花,Html 5的发展却又反过来,逼得W3C接受又继续发展。
然 后,自Html设计之出,就主要针对静态内容的表现,这也注定其天生缺陷。互联网已从起初的内容表现,发展到应用的平台,在应用程度领域上已经足以与桌面 程序抗衡一一你还在用Foxmail收邮件吗?甚至原本的內容发布应用本身,也趋于釆取动态生成的方式来实现,看看有多少CMS系统就清楚了。
然而,Html的天生缺陷,面向内容而不是面向逻辑,让我们生成Html的工作成了魔鬼拼图,用户在前台看到的完美梦幻界面,在后台却是成千上万的魔幻碎片。

是的,一个魔一个梦,一字之异,差之千里。

所 幸,业界一直致力变革。先期CSS 1,2,3,Javascript特别是JQuery,分别贡献于样式和行为的分离,这些都是碎片组成部分。因 而,HTML可以只关注于内容及其结构,纯粹化的很重要一部分。这里不作详敘,因为网络上有太多的文章和论敘,尽管很多的网站建设,连这些技术都没 应用好。
这里,我只想讲讲后CSS,jQuery时代的故事。
那怕只作内容的呈现,仍有很多的机会产生碎片。不变的内容和变化或说动态内 容交替出现,前者直接用HTMLTML代码,后者常常需要后台代码,变量的支持。两者是完全不同的领域范围,整合在一起,自然造成了不可理解的碎片拼盘。 就如同进程一样,切换进程是成本最高的开销,碎片的本质就是逻辑上下文的切换,无论开发者的书写还是阅读理解,都是高成本,最终成为开发壁磊。

解决方䅁就是,统一语境,至少大量减少切换频。


Asp,Net Web Form就是一个不错的尝试,HTML标记对象化,把不变内容HTML标记,统一到后台语境。一个个HTML标记都成为后台对象,变量填充自然在后台,以对象赋值的方式,统一的实施,跨越了语境的切换。这也是Web Form命名的含义,让网页像桌面一样一致编程。应该,说微软的这个技术方向还是比较成功的。至少,我就是在这个环境下,得进入Web行业,反过来,从后台的模型学习HTML前台DOM。
然而,Web Form的败笔却在架构方面,对象化HTML后,后台的处理反过来,全都以页面为中心概念,妄图忽略前端与后端的时间差(服务端控件?),真的把互联网当成了本地高速网了?

ASP MVC呼之即出,从1到3,4也在测试当中,发展相当之快。虽然,是后台的架构改变,对前端的影响也是巨大的。MVC结构不能再延用Web Form了,那是鸡同鸭讲。

历史总在绕圏圈,我们又回到ASP时代,用嵌入的变量拼凑HTML代码。

<span><%=Value%></span>

从一片空白开始,重新出发。很快,微软推出了HtmlHelper,一点一点,把碎片重新粘合起来。MVC3又推出了Razor视图引擎,让视图真正成为模板,当然后面仍有一个类在支持视图,但提供了更大的灵活性支持扩展,前文有详叙。而且,Razor在语法上也进一步减少碎片,不用结束符,不用加尖括号,智能识别环境变化,是HTML模式还是后台模式? 所有这些是解决本文开始所描述的碎片问题,代码碎片和思维的碎片。
完了?等等,所有这些似乎只是再为我们最后的英雄出场作准备。真正让Html行云流水,Fluent Html.

http://lunaverse.wordpress.com/category/ms-mvc/fluenthtml/
看看生成表格的一段代码吧,一段代码胜过一千张图。


@model IEnumerable<ExamDTO>
@this.Grid(Model).Columns(c=>
{
        c.For(x => x.Code).Named("代码");
        c.For(x => x.Name).Named("名称");
        c.For(x=>"删除").Named("操作");
}).Empty("没有记录!")



版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

HTML5 App实战(6):拼图游戏

最近喜欢上玩拼图游戏,仔细想了一下,发现用“画app吧”开发拼图游戏其实非常简单。这里还是以FirefoxOS为例开发一个美女拼图游戏,“画app吧”是HTML5 app开发工具,所以这个拼图游戏是可...
  • absurd
  • absurd
  • 2013-09-06 09:23
  • 4850

HTML5游戏实战之拼图游戏(包含关卡)

拼图游戏是每个人小时候都玩过的经典休闲游戏,依托Hola Studio强大的图片功能和事件回调体系,实现一个游戏性十足的拼图游戏并不难。本文就介绍整个游戏的制作过程,本游戏包含完整的游戏元素,包括广告...

速度挑战 - 2小时完成HTML5拼图小游戏

初学lufylegend.js之日,我用lufylegend.js开发了第一个HTML5小游戏——拼图游戏,还写了篇博文来炫耀一下:HTML5小游戏《智力大拼图》发布,挑战你的思维风暴。不过当时初学游...

HTML5小游戏《智力大拼图》发布,挑战你的思维风暴

一,前言 本游戏是鄙人研究lufylegend数日之后,闲暇之余写下的。本游戏运用全新的技术html5写成的。游戏引擎为国产的lufylegend.js,大家可以去它的官网看看。游戏处于测试阶段,希望...

html5+canvas+jquery拼图游戏

  • 2016-08-26 17:59
  • 5.29MB
  • 下载

html拼图game

  • 2017-01-08 10:19
  • 3.06MB
  • 下载

《metasploit渗透测试魔鬼训练营》学习笔记第四章—web应用渗透

继续来学习metasploit。。。记好笔记是很重要的,下面开始正文: 二.WEB应用渗透技术     1.WEB应用渗透基础知识        先介绍WEB应用攻击的主要类型(大致介绍,具体请自行查...

html5 拼图

  • 2017-03-03 23:50
  • 597KB
  • 下载

Unity3D学习(4)之分离动作管理器的3D版牧师与魔鬼

上次作业做完之后,我一直有一个疑问,场记需要做的事情实在太多了,既需要载入资源,也需要控制数据,显得很臃肿。即使写再多的接口,你的函数实现仍然要在场记里面。到了下一节课,老师讲了动作管理器,将动作从场...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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