V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
xiqingongzi
V2EX  ›  JavaScript

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

  •  
  •   xiqingongzi · 2016-10-08 18:03:21 +08:00 via Android · 3572 次点击
    这是一个创建于 2974 天前的主题,其中的信息可能已经有所发展或是发生改变。
    由于是一个新手,所以还没搞清楚 vue,react 之类的用法。
    目前有个任务,要开发一组页面模板
    因为有些部分是通用的,比如 header,footer ,但是又不想复制粘贴,所以想知道有没有方便开发的轮子

    1.可以很方便的定义路由,比如 Json 中定义
    2.支持 block,局部引用,或者整体引用,比如我把 header 放到一个文件中,其他文件可以方便的引入。
    3.(非必须)可以引入一个页面模板,可以很方便的利用模板来创建新的页面
    17 条回复    2016-10-09 08:03:31 +08:00
    Biwood
        1
    Biwood  
       2016-10-08 18:08:17 +08:00
    用 webpack 配合 js 模板引擎可以实现
    nealv2ex
        2
    nealv2ex  
       2016-10-08 18:14:52 +08:00
    jade 现在改名 叫 pug

    https://pugjs.org
    zohan
        3
    zohan  
       2016-10-08 18:32:23 +08:00
    jst 也可以,每个模块是一个单独的文件。路由那一层要自己写,解析一下 json 就行了。 也可以把 jst 转为 AMD 的方式 https://www.npmjs.com/package/gulp-amd-jst
    marvinwilliam
        4
    marvinwilliam  
       2016-10-08 18:34:12 +08:00
    诶?这个不是模板引擎的事情么?
    xiqingongzi
        5
    xiqingongzi  
    OP
       2016-10-08 19:17:04 +08:00
    @marvinwilliam 路由的部分不是吧。。
    loading
        6
    loading  
       2016-10-08 19:20:26 +08:00 via Android   ❤️ 1
    别理他们,用 jQuery
    spark
        7
    spark  
       2016-10-08 19:22:20 +08:00
    第三方路由大把吧?模板也是大把吧?

    最简单的: page.js + lodash.js
    xiqingongzi
        8
    xiqingongzi  
    OP
       2016-10-08 19:22:58 +08:00
    @spark 好吧,没有两个都具备的轮子么,我看看去。
    xiqingongzi
        9
    xiqingongzi  
    OP
       2016-10-08 19:26:52 +08:00
    @loading 我还是知道 JQ 的。。。
    @zohan 谢谢!我看看
    misaka19000
        10
    misaka19000  
       2016-10-08 20:15:01 +08:00   ❤️ 1
    看成“有什么开发方便面的轮子”。。。
    L3au
        11
    L3au  
       2016-10-08 20:19:31 +08:00
    同楼上 233
    ferrum
        12
    ferrum  
       2016-10-08 20:32:45 +08:00 via iPhone
    如果不想学如 React 、 Angular 、 Vue 之类的框架的话,就只能根据需求,挑选几个工具了。

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

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

    特别是楼主的项目需求,上述的三个框架都能很好的完成。
    xavierskip
        13
    xavierskip  
       2016-10-08 20:38:51 +08:00
    Backbone.js
    fool1990
        14
    fool1990  
       2016-10-08 23:14:11 +08:00
    indooorsman
        15
    indooorsman  
       2016-10-08 23:40:35 +08:00 via Android
    ericls
        16
    ericls  
       2016-10-09 04:28:09 +08:00
    推荐 react
    chemzqm
        17
    chemzqm  
       2016-10-09 08:03:31 +08:00
    框架适合实现复杂的业务逻辑,搞模板不太合适。
    推荐一个我做的通用模板引擎 https://github.com/chemzqm/et-improve ,支持 nodejs 和浏览器环境,支持 webpack loader
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2723 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 05:30 · PVG 13:30 · LAX 21:30 · JFK 00:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.