谈谈我的“分离”观
作者：Ghost 来源：CSS森林 发布时间：2010-08-31 14:47:00
很久没有跟其他人做重构思想方面的交流了，可能大家都觉得不太好意思讨论，特别是“分离”的思想这么基础的话题，拿出来说怕会被“笑话”。做为页面重构中最基础的一个思想，我们有必要清楚的认识它，因此我们需要更多的讨论。正所谓“理越辩越明”。借着这次webrebuild年会上 焕义 提到的“分离”，我也来谈谈我的“分离”观。
一说到重构的“分离”思想，第一个进入脑残里的是“表现、内容、行为”的分离。“表现”指CSS、“内容”指HTML、“行为”指脚本。然后……
在《 页面重构中的模块化思维 》中我提到了“HTML与CSS的接口”实现，从“接口”可以看出，我们在做页面的时候，把CSS、HTML、脚本等文件独立出来的做法，就是一种“分离”的体现。但只是这样吗？在CSS2.1的时候有这样的认识是正常的，那么CSS3为什么又加入了原本脚本可以实现的动画效果呢？
表现，个人觉得应该包括了像滚动、发光、hover等动画的效果在内，脚本制作的动画效果也应该属于“表现”的范畴；内容，要传达给用户的内容，包括HTML标签；而行为，指由用户触发的由脚本与服务器端的交互，如登录。
举个例子，比如用户登录网站的过程中，当前输入框的边框高亮（表现），将鼠标放到登录按钮上，按钮变亮（表现），点击发送输入的内容（行为），界面出现一个进度条或转动的小圈（表现），登录成功，返回（行为）一个成功提示（内容），绿 * 标、文字（表现）。
因此，CSS3中增加的动画效果并不像有些人说的，引起表现与行为的混乱。由于目前浏览器还不能做到支持真正意义上的表现、内容、行为分离，很多时候我们需要使用脚本到完成表现的效果。从这个角度来讲，目前脚本所完成的更多是“表现”的东西，而非“行为”。
0
投稿猜你喜欢
- 假设mysql安装在c:盘，mysql数据库的用户名是root，密码是123456，数据库名是database_name，在d:盘根目录下面
昨天同事无意又谈起了这个老话题，美工和设计师（视觉）有什么不同？以文字排版设计为例，列了下面两个图来说明，可能会有一些启发， 第一个图应该算- 为了防止再次被攻击，做个验证码过滤程序是必要的。我在网上找了一些资料，觉得用别人做好的代码总是很不爽，自己做麻又不会写复杂的代码，特别是生成
- 在网络上看到的数字人整合动网论坛的方法都非常不全,站长们都是抄人家的,也不说明可不可用,提供下载的文件也不能下载.现在我提供一些信息。一、整
- 09年的电影缓缓的落下帷幕，以及新年伊始，轰轰烈烈催人癫狂的《阿凡达》。整年里，最让人我记忆深刻的还是《飞屋历险记》。Carl与Ellie被
- 前言相当不错的 Javascript 编程风格规范，建议大家采用此规范编写 Javascript。原文链接： http://dojotool
- 配置环境： 1、数 据 库：Oracle 8i R2 (8.1.7) for NT 企业版 2、安装路径：C:ORACLE 实现方法： 1.
- 最近在做搜索设计时，发现了两个容易纠结的小问题，在这里谈谈自己的一些分析。问题一：提交的关键字是哪个？凡客的这个例子中，搜索建议“时尚斜拉链
- 首先忠心感谢凌宇5942给我的帮助！在他的启迪下我发现了另一种实现flash透明背景的办法，愿与大家共同探讨：凌宇5942告知的解决办法：在
- 引子编程世界里只存在两种基本元素，一个是数据，一个是代码。编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力。数据天生就是文静的
- 在今天网络开发方面，JavaScript起了很关键的作用；像jQuery, MooTools, Prototype等等JavaScript框
- 建立资料表：Step1首先开启phpmyadmin，进入wordpress资料库中，并新增一个wp_gbook的资料表与栏位数目8。Step
- 当今越来越多的应用程序迁移到web平台上。由于没有平台的限制和安装的要求，SAAS的模式看起来非常有吸引力。Web应用程序的界面设计，其核心
- ［前言：］ASP.NET是微软提供的最新的开发基于Web的应用程序的技术。它提供了大量的比传统ASP脚本技术的好处，包括：1）通过把UI表现
- 有时候我们会在页面上显示用户的所在地区，这个原理是：先得到用户的IP，然后去查询将IP转换成一个数值，最后去查这个数值所在的范围，来得到用户
- 不是炒冷饭,我添加了很多新的功能哦演示地址: xwinhtcdemo.htmCSS: global.cssHTC: xwin.htc特点:1
- 一个能对访问者进行编号、记录访问次数、IP、时间的统计制作实例我以ACCESS库为例子，其实用SQL SERVER库也只要改一下链接库的语句
- 滚动图片可以说是做网站经常会遇到的，特别是做企业网站，最常用的像产品展示，图片展示等，滚动的好处是吸引眼球，让人一下就注意到。之前本站发了一
- MySQL中模式就是数据库SHOW DATABASES;show databases;罗列所有数据库名称CREATE DATABASE &l
- WAP站点，这似乎是一个有点落伍的东西。在诞生之初，它很简陋，只能通过一个叫WML的标记语言来搭建没有任何美感的文字+链接页面。而今，绝大部
