谈谈对 jQuery Templates 的管理

jQuery Templates 是一个 jQuery 的官方插件,中文叫 jQuery 模板,用途是简化 data to html 操作。说明不如演示,看下例:

<ul id="movieList"></ul>
<script id="movieTemplate" type="text/x-jquery-tmpl">
    <li><b>${Name}</b> (${ReleaseYear})</li>
</script>
<script type="text/javascript">
    var movies = [
        { Name: "The Red Violin", ReleaseYear: "1998" },
        { Name: "Eyes Wide Shut", ReleaseYear: "1999" },
        { Name: "The Inheritance", ReleaseYear: "1976" }
    ];
    // Render the template with the movies data and insert
    // the rendered HTML under the "movieList" element
    $( "#movieTemplate" ).tmpl( movies )
        .appendTo( "#movieList" );
</script>

发现端倪没?有个 script 的 type 居然是 text/x-jquery-tmpl,恩,这就是模板了。 (更多…)

标签:

Posted on 2011-05-14

今天你脱了吗?

庆祝2011年4月9日第六届 CSS 裸奔节!
裸裸更健康~

Posted on 2011-04-09

拥抱 HTML5

最近读了为之漫笔翻译的《HTML5 设计原理》,让我对这一规范有了全新的认识。

原本我以为:

  • HTML5 不过是添加一些新元素、新属性和新特性而已;
  • HTML5 鼓励不严谨的编码风格;
  • 现在支持 HTML5 还为时过早。

我错了,HTML5 确实是一个伟大的规范,她的伟大之处在于她的设计基于一个理念:求真务实她着力于解决实际问题而不是构建理想的乌托邦。
(更多…)

标签:,

Posted on 2011-04-06

保证可用性的 after 图片替换技术

a {
  display: block;
  width: 100px;
  height: 40px;
  background: url(home.png);
  text-indent: -999em;
  overflow: hidden;
}

负缩进是最常用的 CSS 图片替换文字技术,这个方法的缺点是如果图片加载失败,元素就会变成空白的,原有文字也无法显示。
(更多…)

标签:, ,

Posted on 2011-04-04

怎么清除 Views 输出的垃圾代码?

相信做前端开发的初次使用 Views 时都会对 Views 输出里包含的大量冗余代码很无语。

一开始我用覆写 Views 模板的方法来清除垃圾代码,但是对快速开发的企业站,这个方法比较费时费力。

后来我找到了 Semantic Views 模块,这个模块提供对 Views 输出的更简单更精细的控制。这个模块很容易使用,安装好后,在 Views 的设置里将样式改为 Semantic Views、行样式改为 Semantic Views : Fields,再按照自己需求设置一下就OK了。

另外还有 Semantic CCK 模块,可以用来清除 CCK 输出的垃圾代码。

标签:,

Posted on 2011-03-30