位置: 编程技术 - 正文
详解handlebars+require基本使用方法(详解16型人格)
编辑：rootadmin推荐整理分享详解handlebars+require基本使用方法(详解16型人格)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:详解中国航天三垂一远,详解16型人格,详解增发万亿国债细节,详解增发万亿国债细节,详解16型人格,详解金球奖之争,详解16型人格,详解增发万亿国债细节,内容如对您有帮助，希望把文章链接给更多的朋友！
最近在某网站看到了handlebars.js，出于好奇就百度了下这是神马玩意，结果让我很是欢喜，于是就开始自学下，handlebars就几个方法，蛮简单，言归正传！
以下是基本教学逻辑演示，会附完整代码
测试案例就分为3大块，头、主体、尾：
先来讲讲id="contact"主体有些什么内容，html代码就不贴了，直接看下图：
handlebars的模版代码如下：
图片中的‘通讯录'用到了handlebars.registerHelper，代码如下：
注册一个helper，value是模版传进来的值，相当于jq的function()，new Handlebars.SafeString是为了防止把html标签输出为文本形式，就是jq下html()和text()的区别。
最后通过渲染将模版输出到网页，代码如下：
如果有通用模版，就是一个模版要调用多次，上面的代码也可以这样写，方便调用：
其中的data就是json数据，为了方便就自定义了：
最后效果图如下，其实和刚刚那个主体一样，就是有头有尾而已：
到这里其实handlebars的基础知识就讲解完了，已经能满足日常网站的需求，当然handlebars还有其他的一些功能，可以参考中文手册：
text.js，又一神器出现，天将降大任于斯人也，那么简单再来说说，看招：
text.js是require.js下的一个插件，我代码里都有。
我把头和尾拆分为两个单独的html文件，如下：
header.html
footer.html
其实放在一个文件中也行，到时候自己体会。
两个文件拆分了，接下来就是引用的，那么require text.js就要出马了，先调用下。
data-main其实是定义了一个入口文件，这个就不细说了，参考官方文档：
详解jQuery选择器 大致介绍终于开始了我的jQuery学习之路！感觉不能再拖了，要边学习原生JavaScript边学习jQueryjQuery是什么？jQuery是一个快速、简洁的JavaScript框架，是继Pro
懒加载实现的分页&&网站footer自适应 最近在做手机端，发现下拉刷新和上拉加载的jq控件很少而且自我感觉不好用，比如iscroll之类……然后自己写了个懒加载的，也很简单，最基础的代码
解决拦截器对ajax请求的拦截实例详解 解决拦截器对ajax请求的的拦截拦截器配置：publicbooleanpreHandle(HttpServletRequestrequest,HttpServletResponseresponse,Objectobj)throwsException{//获取判定登陆的session是否存
标签: 详解16型人格
本文链接地址:https://www.jiuchutong.com/biancheng/373963.html 转载请保留说明！上一篇：jQuery延迟执行的实现方法(jquery 延迟执行方法)
