Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

看了试过了 感觉还不错 就是不知道 他如何和zepto 这样的框架 配合使用 有详细的例子之类吗 #10

Open
w19871029 opened this issue Oct 9, 2014 · 19 comments

Comments

@w19871029
Copy link

希望详细一下 便于学习 谢谢

@luyongfugx
Copy link
Contributor

@w19871029 可以把zepto当做一个mt模块来使用,mt基于amd规范,另外可以看 http://mt.tencent.com 的介绍,里面其实有一个例子可以参考,记得给个star哦:)

@w19871029
Copy link
Author

 jsmap:{
            'init': 'base.js',
            'util': 'base.js',
            'p1': 'page/p1.js',
            'p2': 'page/p2.js',
            'p3': 'page/p3.js'
        }

这个参数 是代表什么啊

@w19871029
Copy link
Author

理念很不错 学习起来怎么觉得很费劲啊

@luyongfugx
Copy link
Contributor

@w19871029 jsmap有一些参数,在mt.tencent.com上有解释,你刚才说的这个是指amd模块配置,某个模块在哪个js里的配置,这个对amd,cmd有了解的话理解起来应该不难,我再看看官网上怎么再解释一下吧

@w19871029
Copy link
Author

可惜 好东西 学不会啊 jsmap 这里面 要放的是哪些东西

@luyongfugx
Copy link
Contributor

@w19871029 这个不难啊,官网上有个例子,看看就明白了

@w19871029
Copy link
Author

'init': 'base.js',
'util': 'base.js',

不太理解 为什么这个都指向这个base

@luyongfugx
Copy link
Contributor

@w19871029 可以指向不同文件的,这是合并后base.js指向的代码,具体看https://github.com/mtjs/mt/tree/master/demo/quickstart 真的建议把这个demo看下:)

@w19871029
Copy link
Author

好的 谢谢

@gaocc2016
Copy link

请问一下,mt能支持css模块管理吗?

@luyongfugx
Copy link
Contributor

@GaoCC 没有支持,其实css倒是可以做增量更新的,但是一般为了渲染速度css会放到前面而,如果想做css的增量更新的话需要等待mt的js下载完再去拉取css,所以我们当时就不支持css了

@gaocc2016
Copy link

我觉得这个比sea.js 简单易懂啊

@gaocc2016
Copy link

2.0 比1.0 也简单了好多哦

@gaocc2016
Copy link

就是打不了断点了,不知道怎么调试

@luyongfugx
Copy link
Contributor

@w19871029 写了篇文章,http://my.oschina.net/luyongfugx/blog/343400 算是比较完整的小例子了,供参考

@w19871029
Copy link
Author

看了 你写的例子 @luyongfugx 有些疑问 问一下 如果不打包 不配置环境 可以预览吗 我这边是不行也打不了断点 也不报错

 MT是手机腾讯网前端团队开发维护的一个专注于移动端的、带有增量更新特色的js模块管理框架
新增:<span id="write"></span>
<script type="text/javascript">
    var g_config = {
        jsmap: {
                "zepto": "common/zepto.js",
                "txTpl": "common/txTpl.js",
                "index": "pages/index.js",
                "init": "init.js"
                },
        storeInc: {},
        staticPath: 'js',
        serverDomain:'',
        testEnv: true
    }
</script>
<script type="text/javascript" src="js/common/core.js"></script>
<script type="text/javascript" src="js/common/storeIncLoad.js"></script>
<script type="text/javascript">
    MT.config(g_config);
    require('init');
</script>

index.js

define('index',['txTpl'],function(txTpl){
var tpl = '<h1>{{title}}</h1>'+
            '<ul>'+
                '{{each list as value i}}'+
                    '<li>索引 {{i + 1}} :{{value}}</li>'+
                '{{/each}}'+
            '</ul>',
    data ={
            title: '标签',
            list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他']
        },
    thtml = txTpl(tpl,data);
    return thtml;
    });

init.js

define('init', ['zepto','index'], function($,_index_) {
var write = $("#write");
write.html(_index_)

})

zepto.js 是直接下载的 是不是要改成 AMD写法

@luyongfugx
Copy link
Contributor

嗯,是要改下,断点的问题测试的时候先不要开本地存储就行

@liuyan5258
Copy link

用了zepto,然而eval执行新增js的时候总报错,类似于cannot set property 'innerHTML' of undefined

@liuyan5258
Copy link

不用java实现,走nodejs的话,css和图片的response headers下content-type:text/html;chartset=utf-8

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants