zoukankan      html  css  js  c++  java
  • seajs实例

    点击文本改变:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>seajs demo</title>
        <script src="js/jquery-1.3.2.min.js"></script>
    </head>
    <body>
        <div id="box">这是box</div>
        <script>
    $(document).ready(function(){
        $("#box").click(function(){
            $(this).text("change ok");
        })
    })
        </script>
    </body>
    </html>

    利用seajs完成以上效果:

     demo.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>seajs demo</title>
    </head>
    <body>
        <div id="box">这是box</div>
        <script src="js/sea.js" ></script>
        <script>
    // seajs 的简单配置
    seajs.config({
      base: "./js/",
      alias:{
          "jquery":"jquery-1.3.2.min.js"
      }
    })
    seajs.use("main");
        </script>
    </body>
    </html>

    main.js

    // 所有模块都通过 define 来定义
    define(function(require, exports, module) {
        require('jquery');  //普通jquery库
        var demo=require('demo');        
        demo.doSomething();
    });

    demo.js

    define(function(require, exports, module) {       
    var a={};
    a.doSomething=function(){
          $("#box").click(function(){
            $(this).text("change ok");
        });
    }     
      module.exports=a;
    });
  • 相关阅读:
    Servlet
    反射
    Python之装饰器
    app——升级测试点
    Python之基本运算符
    HTTP常见的几种认证机制
    Shell文件包含
    Shell输入/输出重定向
    Shell函数
    Shell循环语句
  • 原文地址:https://www.cnblogs.com/tinyphp/p/4877347.html
Copyright © 2011-2022 走看看