你正在浏览的是 bug 标签

又见IE6吐槽~ 并行结构式class引起的bug

16 feet


这个bug 在以前写代码的时候就碰到过了,因为觉得碰到的几率不高,所以就忽略不计了。
现在又碰上了,就努力的分析了一下,然后共享出来,晒晒更健康。

先说一下历史背景:
最近看了太多架构式的书,写出来的样式都比较戳。比如: 提交成功的提示框会这么写。

div class = "msg-mod error" //html标签就省略了,自己YY ^__^

所有的信息提示框,用msg-mod 这个通用库来封装。然后 改 通用库包含了一些状态,如:error ,ok ,tip ,notice等来表现“错误,正确,提示,注意”等状态。
于是如果你想写一个输出的正确框就可以写成这样。

div class = "msg-mod ok"

这样做有什么好处呢,

  • 1. 首先样式全局化,使用msg-mod 来全局控制,
  • 2. 使用非常语义化的状态:error,ok ,来衍生出不同的样式(使用并行结构式方法来实现,后面会解释)。
  • 3. 更适合功能的一些特性:有些时候需要使用js 动态的改变msg的样式,这样写出来的js 语义也更强,可读性也增强。

阅读全部>>

Who am I ?

飞鱼,男,浙江人士。
非专业前端、交互设计师。
目前在 企鹅村 通宵 打酱油

最新在啃

php和mysql web开发(原书第4版) javascript

新鲜的肉

最新评论

  • 小元: 啊!我会弄了!
  • 小元: 请问多窗口并显怎么设置?看了文章还是不会呢! “打开html页面,点击多窗口panel,然后从左侧目录中将css文件拖动到右侧panel就可以实现了。”...
  • vilppu: http://foxsp.com/t/125 这有下载,也有安装说明
  • James: 请问能否分享配色方案?
  • Aric: 代码快 来一份 谢谢楼主了 新年快乐

订阅-rss-永久链接

MT
备案号:浙ICP备09020026 号