seajs小白常识_一个web的模块加载器

seajs小白常识

官方网址:https://seajs.github.io/seajs/

seajs小白常识_一个web的模块加载器

GitHub:https://github.com/seajs/seajs

简介描述:一个web的模块加载器

SeaJS 是一个适用于 Web 浏览器端的模块加载器。使用 SeaJS,可以更好地组织 JavaScript 代码。  

核心特性

无论是中小型站点,还是大型复杂应用,使用 SeaJS,都可以让我们的工作变得更轻松愉悦。SeaJS 具有以下核心特性:

  • 简单一致的模块格式。
  • 依赖的自动管理。
  • 脚本的异步并行加载。
  • 丰富的插件。
  • 友好的调试。

SeaJS 带来的最大好处是:提升代码的可维护性。上面的每一项特性,在使用文档中都会有详细阐述。如果一个网站的 JS 文件超过 3 个,就适合用 SeaJS 来组织和维护代码。涉及的 JS 文件越多,SeaJS 就越适合。

SeaJS 追求的是更简单、自然的代码书写和组织方式。

快速入门

在 SeaJS 的世界里,一个文件就是一个模块。所有模块都遵循 CMD 规范,我们可以像在 Node 环境中一样来书写模块代码:

define(function(require, exports, module) {
  var $ = require('jquery');

  exports.sayHello = function() {
    $('#hello').toggle('slow');
  };
});

将上面的代码保存为 hello.js,然后就可以通过 SeaJS 来加载使用了:

seajs.config({
  alias: {
    'jquery': 'http://modules.seajs.org/jquery/1.7.2/jquery.js'
  }
});

seajs.use(['./hello', 'jquery'], function(hello, $) {
  $('#beautiful-sea').click(hello.sayHello);
});
海计划公众号
(0)
上一篇 2020/03/06 09:14
下一篇 2020/03/06 09:14

您可能感兴趣的内容

  • 程序员如何在小公司成长和大公司学习基础入门_学习入门基础教程

    关于员工离职,马云说的两点原因可谓一针见血:1、钱,没给够,2、心,受委屈了;即便如此,面对现实工作我们也很难做到潇洒的说走就走。除以上两点外,你还可能纠结于现任公司的大小,觉得在小公司做事多而杂,想去大公司,在大公司工作单一无趣,想去小公司历练,仿佛被困进职场的“围城”无法抉择,如果你也有这样的困扰,下边的文章可能会帮到你!前言在软件行业工作有几个年头了,

    2020/04/05
  • caniuse.com入门攻略判断浏览器对css3、html5的兼容性测试工具_兼容指南教程

    caniuse.com 是一个工具性的网站,如其域名所示,该网站宗旨是帮助人们了解各个浏览器以及它们的不同版本对 HTML5、CSS3 等高级特性的支持情况,力求表述清晰,查找方便,全部信息都用列表形式展现,以不同颜色表示支持情况。该网站可以帮助网站设计人员根据网站针对的用户有选择的使用web设计高级特性,提高用户体验。地址:http://caniuse.c

    2020/04/05
  • 一位程序员妹纸讲述她是如何拿到美团offer的?入门教程_面试入门基础知识

    美团,我是在拉勾网上投的简历,之前也投过一次,简历都没通过删选,后来让学姐帮我改了一下简历,重新投另一个部门,获得了面试机会。10月23日,中午HR打电话过来预约了下午4点半面试,说会在线写代码,让我准备好网络环境。结果5点半还没打电话过来,被放鸽子。与hr重新沟通过后,确定下周一下午再面,可是跟hr沟通预约这一套貌似在美团并没有什么用。一面(20分钟)晚7

    2020/03/30
  • 男朋友是程序员应该注意什么?使用帮助_程序员菜鸟指南

    程序员一直和代码打交道,俗称码农 。如果你的男朋友是程序员,在你心目可能觉得他:具备高智商技能、不爱与人打交道、T恤和牛仔裤是基本标配、不浪漫的直男癌等等,那怎么和程序员男朋友相处呢,需要你应该注意什么呢?要耐得住寂寞 程序猿永远陪伴电脑的时间比陪媳妇儿时间长,加班相当频繁,要锻炼自己独立入睡。 某天 要耐得住落寞也不能说程序猿没有情趣,但是也不能太指望。

    2020/04/03
  • 微服务架构之「 容器技术 」入门教程_Docker菜鸟指南

    现在一聊到容器技术,大家就默认是指 Docker 了。但事实上,在 Docker 出现之前,PaaS社区早就有容器技术了,以 Cloud Foundry、OpenShift 为代表的就是当时的主流。那为啥最终还是 Docker 火起来了呢?因为传统的PaaS技术虽然也可以一键将本地应用部署到云上,并且也是采用隔离环境(容器)的形式去部署,但是其兼容性非常的

    2020/03/24
  • 为什么程序员熬夜加班,项目还是会延期?入门基础_项目入门教程

    首先这和你熬夜加班没有半毛线关系,千万别自己感动自己,但凡是互联网项目,出现延期是常有的事情。项目延期之后,一般流程是领导开会,大家讨论,新一任背锅侠,然后下一次还是老样子.项目评审项目初期,评审是最重要的一个环节.这个需求能不能做,那个需求要怎么改,最后给到手的任务预估一个开发时间.初入开发的小白,最好有同事帮衬点,做不到的需求千万别接,不然整个项目都要卡

    2020/03/23
  • react生命周期详解小白基础深入理解React生命周期_react小白指南

    React主要思想是通过构建可复用组件来构建用户界面。所谓组件就是有限状态机。通过状态渲染对应的界面,且每个组件都有自己的生命周期,它规定了组件的状态和方法需要在哪个阶段改变和执行。有限状态机,表示有限个状态以及在这些状态之间的转移和动作行为的模型。一般通过状态,事件,转换和动作来描述有限状态机。React正是利用这一概念,通过管理状态来实现对组件的管理。初

    2020/04/05
  • Vuejs讲解之:响应式、过渡效果、过渡状态菜鸟指南_vue作者: gongyunit零基础入门

    1Vuejs高级之:响应式1.1 如何追踪变化Vue实例使用Object.defineProperty将普通js对象属性转为getter和setter用户可以使用vue-devtools调试每个Vue实例有相应的watch程序实例,可以检测并更新相关的组件图形表示如下:1.2 变化检测问题受JS的限制,属性需要放在data对象上才能让它是相应的动态设置响应属

    2020/04/06
  • Flare入门百科_一个在线的2D动画设计

    Flare入门百科 官方网址:https://www.2dimensions.com/ 简介描述:一个在线的2D动画设计 Flare一个在线的动画设计网站,可以为App、游戏和网页…

    2020/03/06
  • vue中监听返回键菜鸟教程网_键盘小白攻略

    问题:在项目中,我们常常有需求,当用户在填写表单时,点击返回的时候,我们希望加一个弹窗,确认离开吗,确认将保存为草稿解决方案:利用 H5的 pushstate(个人理解为增加页面栈)特性与onpopup事件分析:pushstate 从该方法名我们可以知道 是增加某种状态,会为history对象的length增加长度, 点击返回键的时候会触发onpopup事件

    2020/03/24
  • jQuery属性操作攻略教程_操作小白知识

    jquery的属性操作模块分为四个部分:html属性操作,dom属性操作,类样式操作和值操作html属性操作:是对html文档中的属性进行读取,设置和移除操作。比如attr()、removeAttr() DOM属性操作:对DOM元素的属性进行读取,设置和移除操作。比如prop()、removeProp() 类样式操作:是指对DOM属性className进行添

    2020/03/26
  • JS中for循环的常见题型使用指南_js知识基础入门

    for循环示例:// 1-10000以内的完数
    // 完数:因子之和相加等于这个数
    // 例如:6的因子为1,2,3:1+2+3=6let i ,j;
    let sum ;
    for(i=1;i<=10000;i++){sum = 0;for(j=1;j<i;j++){if(i%j == 0){sum +=j;}}if(i == sum){console.log

    2020/03/29
  • 多个图标图片(雪碧图)使用CSS样式显示基础指南_雪碧图零基础入门

    现在的网页中显示很多图标算是常态,发现项目中页面上用到的图标都是单个图标单个文件,用的时候直接往页面上挂,这确实很常态。如果,网站是挂在外网上,或者网速过低,又大量使用图标的情况下,由于浏览器和服务器的并发连接数是受限的,通常是4~8个,那么图标显示过慢或者超时的情况就会发生。当然了,像采用CDN,或者按照浏览器的并发数对图片文件进行域名分散存储处理也是再好

    2020/03/30
  • 组件使用v-model、$listeners、.sync(区别于v-model的双向数据绑定)菜鸟教程网_组件指南攻略

    自定义组件自定义组件的v-model首先我们先说一下在自定义组件中使用v-model的必要条件在自定义的组件中要有input(这里我们先不讨论单选复选框)在自定义组件的模板对象中要有props属性,且里面要含有一个value在自定义组件的input标签上要绑定value属性值为props中传入的值,且还需要发出一个input事件这样讲可能会有点难理解,还是上

    2020/03/20
  • Video Renderer:高性能移动 Web 端视频编辑器菜鸟攻略_视频入门攻略

    Video Renderer 是一款针对移动 Web 应用开发的高性能视频编辑器。在 2019 伦敦全栈工程师大会( Fullstack London 2019 conference )上, Threads Styling 公司的软件开发工程师Forbes Lindesay 分享了 Video Renderer 的开发经验。Canvas API 支持在浏览器

    2020/03/26
  • 深入理解ES6 Modules入门攻略_Modules基础知识入门

    深入了解 ES6 Modules当下, 我们几乎所有的项目都是基于 webpack、rollup 等构建工具进行开发的,模块化已经是常态。我们对它并不陌生,今天,我们就再系统的回顾一下ES6的模块机制, 并总结下常用的操作和最佳实践, 希望对你有所帮助。一些简单的背景随用随取, 是一种我们都希望实现的机制。在 Javascript 中也一样,把一个大的 Ja

    2020/03/23