本文探讨了JavaScript在现代网页开发中的核心作用，详细介绍了如何利用艺术模板库（artTemplate）和自定义JS类库与头部引用的li-1.2.0.css结合，实现通用模板页面的渲染和组件化。同时，文章还讲解了FastClick库消除移动端300ms延迟的方法，并通过dn.init()函数调用，展示了实际项目中注册主要模块的初始化流程。
var script = document.createElement("script"),
head = document.head || document.getElementsByTagName('head')[0];
script.type = "text/javascript";
script.src = '/config.js?ver=' + (new Date()).getTime();
head.appendChild(script);
script.onload = script.onreadystatechange = function(){
require(
[
'jquery',
'fastclick',
'artTemplate',
'li',//自己封装的js类库，包括head里面引用的li-1.2.0.css
'common',//公共js，存放一些公用的方法
],
function($,FastClick,template){
FastClick.attach(document.body);
var $body = $('body'),
$header = $('header'),
$article = $('article');
var registMain = {
h5: function(){
this.renderHtml();
this.renderComponent();
this.watch();
},
//全局属性
options: {
},
//渲染模板的数据
data: {
},
//渲染html
renderHtml: function(){
},
//渲染组件
renderComponent: function(){
},
//事件监听
watch: function(){
var self = this;
}
}
dn.init(function(){
registMain.h5();
})
})
}
扫一扫
788
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
