您现在的位置是:首页  >  前端 >  前端开发 JavaScript

JavaScript的Backbone.js框架环境搭建及Hellow world示例_基础知识

博主 添加时间:2017-05-11 23:50:30 【JavaScript】 热度:243人已围观

环境准备
在正式学习Backbone之前,你需要准备一些东西:
首先,你需要获取Backbone框架源文件:http://documentcloud.github.com/backbone/
Backbone依赖于Underscore框架的基础方法,因此,你同时需要下载Underscore框架的源文件:http://documentcloud.github.com/underscore/
在Backbone中,对DOM和事件的操作依赖于第三方库(如jQuery或Zepto),你只需要选择其中一个下载:
jQuery:http://jquery.com/
Zepto:http://zeptojs.com/
看起来好像挺麻烦的样子,但Backbone的目的是在于使用简单的框架来构建复杂的应用,因此麻烦并不表示它很复杂。
你可以新建一个HTML页面,并将这些框架引入进来,就像这样:

至此,你已经准备好了运行Backbone必须的环境。

Hellow World
先来说一下这个helloworld的功能: 在页面上有一个报道的按钮,点击弹出输入框,输入内容,确认,最后内容会加到页面上。页面图如下:

201657111923472.jpg (1366×768)

下面来看代码:




    the5fire.com-backbone.js-Hello World
    更多教程
    • 相关文章
    • 用JS判断浏览器类型的代码

      一般的浏览器类型都可以通过js来判断出来,当然,少数例外(例如:360浏览器,它会隐藏自己的外壳,原因我就不解释,明白人都懂的)。今天给大家分享的是一个通过原生js写的判断浏览器类型的小例子。 原理大致如下:每一个浏览器的UA不同,例如火狐浏览器的UA是Firefox,IE浏览器的UA是MSIE,Chrome浏览器的UA是Chrome,搜狗浏览器的UA是SE,遨游浏览器的UA是Maxthon,然后通过UA就可以判断出来。代码也很容易看懂,大家请看:你现在的类型是(可以换个浏览器打开这个页面试试效果):Safari浏览器

    • JavaScript跨域的问题父子页面之间跨域通信的方法

       由于同源策略的限制,JavaScript跨域的问题,一直是一个比较棘手的问题,为了解决页面之间的跨域通信,大家煞费苦心,研究了各种跨域方案 ...

    • JavaScript继承学习笔记【新手必看】_javascript技巧

      下面小编就为大家带来一篇JavaScript继承学习笔记。小编觉得挺不错的,现在分享给大家,也给大家做个参考 ...

    • JavaScript根据CSS的Media Queries来判断浏览设备的方法_javascript技巧

      这篇文章主要介绍了JavaScript根据CSS的MediaQueries来判断浏览设备的方法,主要思路是通过CSSMediaQueries改变一个类的某个属性值(例如z-index),然后用JavaScript读取判断,需要的朋友可以参考下 ...

    • 原生javascript实现分享到朋友圈功能 支持ios和android_javascript技巧

      本文主要介绍网上一个牛人写的js可以实现在UC浏览器和QQ浏览器中调用浏览器内置的分享组件进行分享。 ...

    文章评论

    博客名片

    职业:PHP程序员

    现居:河南省-洛阳市

    博客地址:www.lizongyang.cn

    Email:5708837@qq.com

    站点信息

    • 建站时间:2019-03-25
    • 网站程序:李宗洋博客
    • 联系电话:15888888888
    • 文章统计4084篇文章
    • 标签管理标签云
    • 微信公众号:扫描二维码,关注我们

    打赏本站

    • 如果你觉得本站很棒,可以通过扫码支付打赏哦!
    • 微信扫码:你说多少就多少~
    • 支付宝扫码:你说多少就多少~

    客服在线

    服务时间

    周一至周日 9:00-21:00