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也是有缺点的,据说它的缩进和空格会影响它编译的速度。

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

         

  • 相关阅读:
    C# 多线程Thread.IsBackground=True的作用
    JS 判断用户设备 移动端或桌面端
    VSCode 代码格式化 快捷键
    PHP 根据 IP 获取定位数据
    C# 将文本写入到文件
    C# 读取文件内容
    PHP 美化输出数组
    VSCode 设置 Tab 空格
    custom post types 404 Page Error
    [已解决] wordpress 修改 permalink 后 页面 404 问题
  • 原文地址:https://www.cnblogs.com/hl-520/p/5706891.html
Copyright © 2011-2022 走看看