scrolllistview_学习笔记

ScrollListView(JS第三方库) 学习笔记

github地址 https://github.com/ryanseddon/ScrollListView

tpl.js (JS的模板引擎)

就是帮我们把带有JavaScript代码的伪html语句翻译为html的东西

(function(){ })();

当一个匿名函数被括起来，然后再在后面加一个括号，这个匿名函数就能立即运行起来！

模板的语法

• 用正常的方式书写html
• 用<% %>嵌套JavaScript语句
• 用<%= %>嵌套JavaScript 变量值

字符串转换

想得到预期html字符串，我们必须设法让模板内部的javascript变量置换、javaScript语句执行，也就是把JavaScript代码剥离出来执行，把其它html语句拼接为一个字符串

• 把<%=xxx%> 替换为 ‘);p.push(xxx);p.push(‘

html=html.replace(/<%=(.*?)%>/g,"');p.push(xxx);p.push('");

• 把<%替换为 ‘);

html=html.replace(/<%/g,"');");

• 把%> 替换为 p.push(‘