欢迎光临:飞鱼的东西有点糟糕,希望你慢慢享用,且有所收获 ^_^

又见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 语义也更强,可读性也增强。

阅读全部>>

iPhone GUI PSD Version 4

2 feet

一知半解 – 分析淘宝商城首页的 lazy load 功能

22 feet

换个地方勃起 — 新浪微博

18 feet

淘日本 – 仅仅从交互设计去看待

17 feet

Page 6 of 36« First...45678...Last »

Who am I ?

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

最新在啃

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

成年往事

最新评论

  • vilppu: http://foxsp.com/t/125 这有下载,也有安装说明
  • James: 请问能否分享配色方案?
  • Aric: 代码快 来一份 谢谢楼主了 新年快乐
  • Mumu.: 打牌是件技术活,还是打三国杀比较容易了。
  • Rondsny: 步骤4的角度应该是180°吧。。。。45°斜了。

订阅-rss-永久链接

MT
备案号:浙ICP备09020026 号