有没有什么方便开发页面的 Js 轮子

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 3529 days ago, the information mentioned may be changed or developed.

由于是一个新手，所以还没搞清楚 vue,react 之类的用法。
目前有个任务，要开发一组页面模板
因为有些部分是通用的，比如 header,footer ，但是又不想复制粘贴，所以想知道有没有方便开发的轮子

1.可以很方便的定义路由，比如 Json 中定义
2.支持 block,局部引用，或者整体引用，比如我把 header 放到一个文件中，其他文件可以方便的引入。
3.（非必须）可以引入一个页面模板，可以很方便的利用模板来创建新的页面

模板

header

页面

轮子

17 replies • 2016-10-09 08:03:31 +08:00

Biwood

Oct 8, 2016

用 webpack 配合 js 模板引擎可以实现

nealv2ex

Oct 8, 2016

jade 现在改名叫 pug

https://pugjs.org

zohan

Oct 8, 2016

jst 也可以，每个模块是一个单独的文件。路由那一层要自己写，解析一下 json 就行了。也可以把 jst 转为 AMD 的方式 https://www.npmjs.com/package/gulp-amd-jst

marvinwilliam

Oct 8, 2016

诶?这个不是模板引擎的事情么?

xiqingongzi

Oct 8, 2016

@marvinwilliam 路由的部分不是吧。。

loading

Oct 8, 2016 via Android

别理他们，用 jQuery

spark

Oct 8, 2016

第三方路由大把吧？模板也是大把吧？

最简单的: page.js + lodash.js

xiqingongzi

Oct 8, 2016

@spark 好吧，没有两个都具备的轮子么，我看看去。

xiqingongzi

Oct 8, 2016

@loading 我还是知道 JQ 的。。。
@zohan 谢谢！我看看

misaka19000

Oct 8, 2016

看成“有什么开发方便面的轮子”。。。

L3au

Oct 8, 2016

同楼上 233

bayallen

Oct 8, 2016 via iPhone

如果不想学如 React 、 Angular 、 Vue 之类的框架的话，就只能根据需求，挑选几个工具了。

如果用 jQuery ，配合 Webpack ，用 ES6 的模版 string 写通用的 header 、 footer ，感觉也不会很麻烦。用模版引擎也能方便一点。

但如果这个项目需要长期维护的，那么在选择技术方案上要慎重了：使用零散的 JS 库能应对未来开发复杂度的上升吗？

特别是楼主的项目需求，上述的三个框架都能很好的完成。

C0VN

Oct 8, 2016

Backbone.js

manwhatcanisay

Oct 8, 2016

@misaka19000 +1

indooorsman

Oct 8, 2016 via Android

pug +1
https://pugjs.org

ericls

Oct 9, 2016