sea模块化require

在github上找个一个sea.js模块化工程,阅读源码的时候有一块地方不理解:

  

在demo.js中

define(function(require, exports, module) {
    var jQuery = require("jquery-2.0.3");
    var v = require(‘../base/version‘);
    var d = require(‘util/convert/date‘);
    var m = require(‘util/map/baidu-map‘);
    require(‘sweetalert‘);

    console.log("进入:", module.id);

    var $output = $(‘#output‘);
    $(‘.title‘, $output).html(v.desc + " - " + v.version);
    $(‘.version-info dt‘, $output).html(v.powerBy);
    $(‘.version-info dd‘, $output).html("这是通过seajs引用jQuery写入的。");
    $(‘#output‘).on(‘click‘, function() {
        swal("版本号:" + v.version + "\n" + "作者:" + v.powerBy + "\n" + "简介:" + v.desc);
    });
    setInterval(function() {
        $(‘#nowDate‘).html(d.DateFormat(‘‘ + (new Date()), ‘yyyy-MM-dd hh:mm:ss‘));
    }, 1000);

    /*---- 获取地理位置坐标 Start ----*/
    var options = {
        enableHighAccuracy: true,
        maximumAge: 1000
    }

    // navigator.geolocation 获取坐标
    if (navigator.geolocation) {
        console.log("浏览器支持geolocation");
        navigator.geolocation.getCurrentPosition(onSuccess, onError, options);
    } else {
        console.log("浏览器不支持geolocation");
    }

    // 获取坐标成功时
    function onSuccess(position) {
        var longitude = position.coords.longitude; //经度
        var latitude = position.coords.latitude; //纬度
        console.log(longitude, latitude);
        m.initMap(‘map‘, longitude, latitude); //初始化地图
        m.addMarker(longitude, latitude); //添加覆盖物
    }
时间: 2024-10-07 06:02:19

sea模块化require的相关文章

Sea.js & Require.js

Sea.js 追求简单.自然的代码书写和组织方式,具有以下核心特性: 简单友好的模块定义规范:Sea.js 遵循 CMD 规范,可以像 Node.js 一般书写模块代码. 自然直观的代码组织方式:依赖的自动加载.配置的简洁清晰,可以让我们更多地享受编码的乐趣. Sea.js 还提供常用插件,非常有助于开发调试和性能优化,并具有丰富的可扩展接口. 中文参考: http://seajs.org/docs/ Require.js 中文参考: http://www.requirejs.cn/

require模块化载入

1,模块化require的载入步骤 1,一个总文件夹,,里面三个子文件夹 ,, 分别是 2,common 里面是放一些公共方法和自己封装的方法     js里面是放自己的业务逻辑js文件和一些模块化的入口和模块化的配置文件   lib里面放的是一些库..和框架的引入地址 3, list.html<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></ti

JS模块化开发(requireJS)

使用模块化开发的好处: 通过 exports 暴露接口.这意味着不需要命名空间了,更不需要全局变量.这是一种彻底的命名冲突解决方案. 通过 require 引入依赖.这可以让依赖内置,开发者只需关心当前模块的依赖,其他事情 Sea.js/ Require.js 都会自动处理好.对模块开发者来说,这是一种很好的 关注度分离,能让程序员更多地享受编码的乐趣 实现JS模块化开发,目前有两个规范,一个是AMD规范,一个是CMD规范. RequireJS遵循的是AMD规范.AMD推崇依赖前置. SeaJS

JS模块化编程之加载器原理

世面上有好多JavaScript的加载器,比如 sea.js, require.js, yui loader, labJs...., 加载器的使用范围是一些比较大的项目, 个人感觉如果是小项目的话可以不用,  我用过seaJS和requireJS, 在项目中用过requireJS, requireJS是符合AMD,全称是(Asynchronous Module Definition)即异步模块加载机制 , seaJS是符合CMD规范的加载器. AMD__和__CMD AMD规范是依赖前置, CM

前端模块化:CommonJS,AMD,CMD,ES6

模块化的开发方式可以提高代码复用率,方便进行代码的管理.通常一个文件就是一个模块,有自己的作用域,只向外暴露特定的变量和函数.目前流行的js模块化规范有CommonJS.AMD.CMD以及ES6的模块系统.参见阮一峰老师的文章 module-loader . 一.CommonJS Node.js是commonJS规范的主要实践者,它有四个重要的环境变量为模块化的实现提供支持:module.exports.require.global.实际使用时,用module.exports定义当前模块对外输出

模块化思维和模板引擎

使用模块化思维和模板引擎搭建前端架构(require+underscore) require.js 介绍: 是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一.最新版本的RequireJS压缩后只有14K,堪称非常轻量. 官网:http://www.requirejs.cn/    (PS:如果没接触过,刚开始看都是一头蒙蔽的,建议看下菜鸟教程) 新手教程:http://www.runoob.com/w3cnote/requirejs-tutorial-1.html

sea笔记

//主页面引用模块 seajs.user("../1.js"); //下面这个ex就是exports seajs.user("../1.js",function(ex){ ex.show();//使用用模块方法 }); //require模块之间的依赖 //exports对外提供接口 //把函数show变成sea模块,require,exports,module不能修改 //1.js define(function(require,exports,module){

javascript 模块化 (切记:学习思想)

模块化(切记:学习思想) 如果不用模块化编写代码,那么会具有以下问题: 代码杂乱无章,没有条理性,不便于维护,不便于复用 很多代码重复.逻辑重复 全局变量污染 不方便保护私有数据(闭包) 模块化的基本实现:闭包的自调用函数 //日期控件 var DatePicker = (function(){ return { init(){ } } })(); //Header // tabbar // login //Content // sidebar // table //Footer var KTV

技术资源集合

网上看到的资源集合,挺有用的,在这里加上自己的收藏分享一下. 技术站点 stackoverflow:全球第一IT技术问答网站 GitHub:全球最大的源代码管理平台,很多知名开源项目都在上面,如Linux内核 Hacker News:非常棒的针对编程的链接聚合网站 Programming reddit:同上 MSDN:微软相关的官方技术集中地,主要是文档类 MDN:前端标准这里都可以查到 infoq:企业级应用,关注软件开发领域 OSChina:开源技术社区,开源方面做的不错哦 cnblogs,