关于backbone.js的优缺点,这里就不详谈了,网上关于这方面的讨论很多了,而且各种框架之所以长久生存,通常都是有其特定优势和擅长点的。
使用backbone.js作为前端框架的应用通常都是html和javascript分离的,也可参考requirejs的结构。
本文介绍backbone.js的入门教程,通过本篇,读者应该能够比官方API更快和更好的理解基于backbone.js的应用。
首先,定义一个html宿主页面:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>backbone js test</title> <script type="text/javascript" src="jquery-1.11.1.min.js"></script> <script type="text/javascript" src="jsrender.js"></script> <script type="text/javascript" src="underscore.js"></script> <script type="text/javascript" src="backbone.js"></script> <script type="text/javascript" src="backbone_getting_start.js"></script> </head> <body> <a href="#!/hello">测试route</a> <div id="result"></div> <script type="text/x-jsrender" id="hello-container-template"> <h3>{{:name}},{{:message}}</h3> <div id="btnClick">测试backbone单击事件</div> </script> </body> </html>