zoukankan      html  css  js  c++  java
  • 学习Jade模板引擎

          在知乎上刷了好久关于jade,ejs等js模板引擎方面的讨论,本菜鸟看到那么多大神争论的面红尔赤,几乎就要开干,无奈小弟懂得太少,没法和那些大神/伪大神一起撕逼。所以就来摸摸的学习一下jade。学好之后好杀回去装逼,仅此而已。//你来打我呀!

         

          一:学jade是为了什么?

          1,相信很多前端切图仔和我一样,都是直接写html页面,一个页面一个页面的粘贴复制,写好后很潇洒的扔给后台开发,后台再套用页面,嵌入模板。

          2,jade省去了页面的尖括号,而且可以引入其他的jade,方便我们做模板嵌入。

          3,面试的时候我们有忽悠和吹嘘的资本。

        

          二:构建jade编译流程

          1,看到网上有直接用jade插件编译的也很不错,不过我还是推荐直接构建一个gulp编译流程,并引入相关依赖,gulp-jade,  配置好文件后,jade文件将会自动编译,你每保存一下,都会自动进行编译更新html。

          2,jade文件高亮显示,为了有更好的视觉效果。

          3, jade文件与编译的html文件。

         

      

      是不是看着很perfect。当然jade也是有缺点的,据说它的缩进和空格会影响它编译的速度。

      那些性能相关的暂时不是本菜要考虑的,先学习吧。

         

  • 相关阅读:
    async/await 的基础使用及原理简介
    ES6---new Promise()使用方法
    JS中三个点(...)是什么鬼?
    export与export default的区别
    原生页面和H5页面的优劣势分析
    原生页面与H5页面区别
    3月9日学习日志
    3月8日学习日志
    3月5日学习日志
    3月4日学习日志
  • 原文地址:https://www.cnblogs.com/hl-520/p/5706891.html
Copyright © 2011-2022 走看看