`
zhangyaochun
  • 浏览: 2615225 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

jade入门系列之嵌套

阅读更多

 

    jade如何处理嵌套

 

   示例一:

   

ul#tagwrap
    li
      a(href="http:www.baidu.com") 百度
    li  
      a(href="http:www.iteyet.com") iteye

 

    编译后:

 

<ul id="tagwrap">
	<li><a href="http:www.baidu.com">百度</a></li>
	<li> <a href="http:www.iteyet.com">iteye</a></li>
</ul>

 

 

   示例二:

 

ul#tagwrap
    li: a(href="http:www.baidu.com") 百度
    li: a(href="http:www.iteyet.com") iteye

 

    编译效果一样

 

分享到:
评论

相关推荐

    node前端开发模板引擎Jade的入门

    本文将带你入门Jade,了解其基本概念、安装与使用方法。 Jade是一种强大的模板语言,它简化了HTML的编写,让代码更加整洁。其语法设计旨在减少冗余,提高代码可读性。例如,通过缩进表示嵌套关系,而不是HTML中的...

    newborn:Jade 和 Stylus 入门模板

    【新生儿工具包:Jade与Stylus入门模板】 在前端开发中,高效的工作流程和简洁的代码编写方式是提高生产力的关键。`newborn`工具包是一个专为初学者设计的入门模板,它结合了`Jade`(现称为`Pug`)模板引擎和`...

    Jade-Stylus-Starter:翡翠 + 手写笔入门包

    **Jade-Stylus-Starter** 是一个专为静态网站设计的轻量级入门项目,它结合了 **Jade** 模板引擎和 **Stylus** 预处理器,帮助开发者快速构建高效的前端工程。这个项目的核心在于利用 **Gulp** 这个自动化构建工具来...

    express-browserify-jade-coffee-styl:入门模板

    **Express-Browserify-Jade-Coffee-Styl:入门模板** 这个入门模板是为初学者设计的,用于快速搭建一个基于JavaScript的Web应用。它整合了多个流行的技术框架和工具,帮助开发者高效地创建动态Web页面。以下是这个...

    jade-aerie-redis:Jade Aerie的Redis连接器

    这产生了俄罗斯嵌套娃娃效果。 启用缓存后,将返回完全渲染的顶级视图。 如果修改了数据对象,则其缓存将被破坏,所有祖先视图的缓存也会被破坏。 重建顶层页面可以很快完成,因为所有子视图都已缓存,但修改后的...

    jade-sass:玉器和无礼的初学者的样板

    总的来说,"jade-sass"项目旨在帮助初学者理解并实践Jade(Pug)和Sass的结合使用,提供了一个简洁、易懂的起点,让他们能更轻松地入门前端开发。通过学习和使用这个模板,开发者可以快速掌握这两门技术,并将其应用...

    sass-starter-kit:无礼入门套件

    5. **函数(Functions)**:Sass提供了一系列内置函数,如`lighten()`、`darken()`用于调整颜色的明暗,以及`percentage()`将数值转换为百分比等。 6. **运算符**:Sass支持数学运算,如加减乘除,可以方便地进行...

    pipe-template:入门套件

    运行`npm run build`,这个命令会执行一系列优化步骤,如代码压缩、合并、tree-shaking等,以减小最终文件大小,提高加载速度。 ### 构建ZIP `npm run zip`命令用于将构建后的文件打包成ZIP,方便部署到服务器。这...

    jump-start:前端开发快速入门

    《前端开发快速入门:从JavaScript到ES6与Jade》 在现代Web开发领域,前端开发扮演着至关重要的角色,它构建了用户与网站交互的界面。本教程旨在为初学者提供一个“jump-start”,帮助他们迅速掌握前端开发的基础...

    Quick-Start-Dev-Kit:一组工具模板集,可使用 JavaScript、Jade 和 SCSS 快速启动并运行简单的 Web 应用程序

    **快速入门开发套件——构建Web应用的利器** 在当今的Web开发领域,高效和便捷的工具链至关重要。"Quick-Start-Dev-Kit"就是这样一套工具模板集,专为那些希望快速启动JavaScript、Jade(现在称为Pug)和SCSS项目的...

    front-end-starter:Web开发入门套件,包括用于创建现代前端应用程序的最受欢迎的工具和库

    "Front-end-starter" 是一个专为初学者设计的Web开发入门套件,它整合了当前最流行和广泛使用的前端工具及库,帮助开发者快速搭建起现代化的前端应用。这个套件是前端开发者进入Web开发领域的理想起点,因为它提供了...

Global site tag (gtag.js) - Google Analytics