标签:javascript 移动 cms 响应式设计 javascript引擎
在一篇构建基于Javascript的移动web CMS入门——简介中简单的介绍了关于墨颀CMS的一些原理,其极框架组成,于是开始接着应该说明一下这个CMS是如何一步步搭建起来。
这里用的是bower的JS来下载库,详细可以参考一下bower install js使用bower管理js 这篇文章。
需要下载的库有
引用官网的示例
<!DOCTYPE html> <html> <head> <title>My Sample Project</title> <!-- data-main attribute tells require.js to load scripts/main.js after require.js loads. --> <script data-main="js/main" src="lib/require.js"></script> </head> <body> <h1>My Sample Project</h1> </body> </html>
我们需要一个require.js和一个main.js放在同一个目录,在main.js中用使用require()来载入需要加载的脚本。
require.config({ baseUrl: ‘lib/‘, paths: { jquery: ‘jquery-2.1.1.min‘ }, shim: { underscore: { exports: ‘_‘ } } }); require([‘../app‘], function(App){ App.initialize(); });
在config中可以配置好其他的库,接着调用了app.js。
define([‘jquery‘, ‘underscore‘], function($, _){ var initialize = function() { console.log("Hello World"); } return { initialize: initialize }; });
当打开index.html的时候便会在console中输出Hello World
。这样我们就完成一个基本的框架,只是还没有HTML,这个将会在下次继续。
QQ讨论群: 344271543
源码 Github: https://github.com/gmszone/moqi.mobi
构建基于Javascript的移动web CMS——Hello,World
标签:javascript 移动 cms 响应式设计 javascript引擎
原文地址:http://blog.csdn.net/phodal/article/details/38021231