码迷,mamicode.com
首页 > 其他好文 > 详细

require最简单粗暴的demo

时间:2015-04-30 12:14:41      阅读:314      评论:0      收藏:0      [点我收藏+]

标签:

一、文件目录:
技术分享
二、html代码
  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4. <meta charset="UTF-8">
  5. <title>demo2</title>
  6. </head>
  7. <body>
  8. </body>
  9. <script data-main="main.js" src="../bower_components/requirejs/require.js"></script>
  10. </html>
三、main.js文件代码
  1. /**
  2. * Created by s9-1102 on 2015/4/30.
  3. */
  4. require.config({
  5. //根基目录baseUrl:‘‘,
  6. paths: {
  7. app:‘js/app‘
  8. }
  9. })
  10. require([
  11. ‘app‘
  12. ],function(app){
  13. app.static("jingwen");
  14. app.sta("jingwen");
  15. })
四、app.js文件代码
  1. /**
  2. * Created by s9-1102 on 2015/4/30.
  3. */
  4. define(function(){
  5. var static=function(name){
  6. console.log("晚安"+name);
  7. };
  8. var sta=function(name){
  9. console.log("再见"+name);
  10. };
  11. return {
  12. static:static,
  13. sta:sta
  14. };
  15. })
总结:看了很多篇关于requirejs的文档,感觉都看的云里雾里的,但是看到阮一峰的文章后,顿时感觉,简单粗暴到了极点。
参考资料
 阮一峰-Javascript模块化编程(三)require.js的用法-url:http://www.ruanyifeng.com/blog/2012/11/require_js.html




require最简单粗暴的demo

标签:

原文地址:http://www.cnblogs.com/Zjingwen/p/4468452.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!