移动web开发（六）--模板引擎underscore.md

1.underscore(js模板引擎)

1.1中文网站

www.css88.com/doc/underscore

1.2使用模板引擎的语法

//定义一个要使用的模板引擎

1.3渲染模板引擎

//配合jquery使用
 $(function(){
        /*
        * - 是直接渲染成字符
        * = 直接填充在html  标签是会被渲染
        * XSS攻击：跨站脚本攻击(Cross Site Scripting)，
        * 为不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆
        * 故将跨站脚本攻击缩写为XSS。
        * */
        /* 准备 json  数据*/
        var data = [{name:'xiaoming'},{name:'xiaohong'}];
        /* 参数是模板当中的字符串  使用template方法 返回一个模板对象*/
        //使用模板引擎
        var template = _.template($('#template').html());
        /*调用模板对象的时候  传入json数据  返回的就是解析过后的字符串*/
        $('#box').html( template({model:data}));
    });

代码演示:

1.4 jquery触摸事件和原生事件的区别

$('.wjs_banner').on('touchstart',function(e){
        /*怎么获取到第一个触摸点*/
        /*jquery e 返回的  originalEvent 就是原生js当中的 touchEvent*/
        //console.log(e.originalEvent.touches[0].clientX);
        startX = e.originalEvent.touches[0].clientX;
    });