话说我学NodeJS不是从express学起,之前用的模板引擎是handlebars.js,跟wordpress、dedecms之类的模板非常相似,几乎没有学习成本(不过里面的helper还是有点难用),如今做一个个人项目,用的Jade,感觉这货就是个生成器,从一种它自定义的语言生成html,学习曲线比较陡峭,刚开始写Jade都是先写HTML,然后用html2jade转一下,即使后面熟悉了,脑袋里也还是有个人肉转换的过程,先要脑袋将html转换成jade,再让jade 去生成html,感觉很蛋疼。。
而且Jade前端没有数据绑定,如果传给Jade不同的值,它会重新生成页面,也就是说页面会刷新,这样我想做个无刷新或者伪无刷新的网页还得写ajax?这也太落伍了吧。。
不知道大家怎么看。。
express不是必须用jade, 模板引擎可以随便换.
你指的数据绑定是什么? 局部刷新如ajax或者其他前后端通讯技术(websocket/SSE/flash socket/...), 伪刷新如turbolinks或者pjax, 这些和模板都没任何关系, 如果你指的是angularjs那种绑定, jade和angularjs并不冲突, 但是用angularjs同样离不开前后端通讯.
@whatsmynick 是的,但是Jade是express的默认模板引擎啊,很多人一上来学node学express都是用Jade,搞的有些其他相关联项目也用Jade,比如hackathon starter,我现在就用这个,要不然我也不会在这吐槽了。
我之前用的handlebars还有angularjs都有数据绑定,我还以为是模板引擎标配呢,已经有了Jade还得自己写或是去用其他的库,不幸福啊。。 ╭(╯^╰)╮
HTML 才反人类, 适合人类阅读的语言, 不管怎么比, 总要定几个规则, 我理解适合人类的规则, 主要包括:
- 结果清晰, 容易看懂
- 编辑方便, 即便没有强大的 IDE 也方便维护
- 代码本身不要随便重复
- 没有太多隐藏的状态, 特别不要有容易让人误解的
HTML 相对于 Jade 反而是一种低级语言, 虽然上手快, 但是隐藏状态多, 控制起来也不方便. Jade 需要说明, 其功能远远超出了模板引擎, 用 Handlebars 之类对比是不靠谱的.
另外在前端单页面的使用问题上, Jade 确实不适合前端使用, 前端模版常用的方案是编译到 JavaScript, 而 Jade 编译的 js 文件性能很差, 所以很少在前端用 如果真要用, Blade 稍微好一点, 而且 Blade 有 Meteor 的绑定, 绝对双向绑定的开发效率 你也可以试试我模仿 doT 写的 Cirru HTML js, 当然要说明这是我写的所以我推荐, 不代表功能全面
另外双向绑定明明是前端 MV* 内容, 不要跟服务端渲染混在一起讲
个人很不习惯,不过好用不好用也看不同人习惯了。其实html+emmet就挺好了,写程序不可能不熟悉html,为了一个模板单独搞另外一套类似于coffeescript>javascript的东西,觉得真没必要
@yeaha 确实不能说 Jade 少. Jade 的隐藏状态不在标记语言上边, 而是在逻辑上, HTML 没有逻辑上的功能, 所以这部分是没法对比的.
我想说标记语言上边, Jade 里可以自动对实体符号进行转义, 而 HTML 里显然需要自己对付. 另外还有空格的处理上, Jade 也做了一定的处理, 格式化代码同时避免了多余的空格. 只能说 Jade 相对好一点吧
@andyhu 不错,我觉得要想简化写HTML的劳动,emmet真的足够了。
coffeescript是javascript的子集,避免了js的一些坏的部分,还是很有意义的。
绝对的反人类, 你学了这个, 还是要学html,而且里面转换不对的地方, 你还改不了。 貌似少些了代码, 可是降低了你对代码的控制, 遇到问题, 死也过不去, 而且 你花时间学了,这个没什么用, 就是为了浪费你的时间 本来大家用nodejs是很大程度因为熟悉javascript 结果这个东西一出来,这个‘熟悉’没有效果了 你还是需要在学习这个没大用的东西 基本上是浪费时间浪费钱 学了半天还是得扔 谁用谁sb 浪费时间 废物 唉
jade最大的问题不是语法问题,语法上对html做了简化,增加了一定学习难度,熟悉了自然就没有问题了。 它的最大问题是效率,如果在服务端渲染的话,消耗的就是实打实的CPU周期,这个跟其他模板比起来差太多了。 我前段时间本来准备写一个类似的模板实现的,不过半途而废了,语法上和jade类似,效率上提升了不少,跟dot等基本一个级别的,比ejs快。
其实全使用YAML风格的语言多好,COFFEE + JADE + STYLUS 结构清晰代码量又小,非常爽 https://github.com/findyourmagic/nobrace