首页 > 其他分享 >JS模块式开发

JS模块式开发

时间:2023-05-31 12:03:59浏览次数:23  
标签:function include myLib JS js 开发 模块 foo

JS模块式开发_html

问题:js文件须严格保证加载顺序(比如上例的1.js要在2.js的前面),依赖性最大的模块一定要放到最后加载,当依赖关系很复杂的时候,代码的编写和维护都会变得困难!

 

JS模块式开发_javascript_02

C语言中模块开发-include

 

requireJS库——借鉴类似C中模块依赖解决方式(include)

<script src="js/require.js" data-main="js/main.js"></script>

假定主模块依赖jquery、underscore和backbone这三个模块,main.js就可以这样写:

require(['jquery', 'underscore', 'backbone'], function ($, _, Backbone){
    // some code here
});

采用AMD规范后:

define(['myLib'], function(myLib){
    function foo(){
      myLib.doSomething();
    }
    return {
      foo : foo
    };
  });

 

参考:http://www.ruanyifeng.com/blog/2012/11/require_js.html

 

标签:function,include,myLib,JS,js,开发,模块,foo
From: https://blog.51cto.com/u_11908275/6385859

相关文章

  • 用Java开发HTTP代理服务器
    HTTP代理服务器是一种网络应用,它充当位于客户端和目标服务器之间的中间节点,将客户端发出的HTTP请求转发给目标服务器,并将目标服务器返回的HTTP响应内容回传给客户端。通过使用代理服务器,客户端可以避免直接访问目标服务器,从而更加安全地访问互联网资源。以下是使用Java开发HTTP......
  • [TSG开发]法如扫描仪SDK探幽-1.旧版SDK采集流程、问题解析、常见参数
    做什么法如扫描仪是一个三维的激光扫描仪,可以通过特定的作业模式将空间以三维激光点云的形式保存下来,并且通过特定的算法得出一些想要的具体参数。这个SDK探幽日志主要是对目前SDK开发中遇到的一些问题做个记录,以及对未来开发的一些指导,只是在业余时间简单写写,之后还会深入探索......
  • MySQL——json类型的应用
    在制作动态报表的时候,如果需要字段灵活配置,用json存储数据,可以让查询变得非常简单。 业务场景:绩效系统中,需要从10个系统中抓取不同数据,并且性能不会太高,但是用于计算的只有其中3个,用哪3个看领导心情,设计一张表存储抓取到的数据。1、傻瓜式做法,设计一张表,从字段1列到......
  • Pycharm中开发vue element项目时eslint的安装和使用
    在PyCharm中使用ESLint对ElementUI进行语法检查和代码风格检查的配置步骤如下:确保你的项目已经配置了ESLint并且可以正常运行。如果尚未安装ESLint,请先使用npm(或者你的包管理器)在项目中安装ESLint:npminstalleslint--save-dev在项目根目录下创建一个名为.eslintrc.......
  • BOSHIDA 电源模块高低温试验的应用原理
    BOSHIDA电源模块高低温试验的应用原理电源模块是高低温试验的主要组成部分之一,其作用是提供试验所需的电力。在高低温试验中,温度的变化范围较大,因此电源模块需要能够在不同的温度下工作,并保证输出的稳定性和可靠性。 一般来说,电源模块应该具备以下特点:1.宽温度范围,能够在......
  • webgl 渲染带透明通道的视频(threeJS)
    首先,你需要一个这样的视频 或者一个这样的视频 webgl渲染可以用three.js,上下叠加的代码如下:import*asTHREEfrom'three';letvideoWidth=540;//视频实际的宽度letvideoHeight=540;//原视频实际的高度的一般//定义渲染器varrenderer=new......
  • 在 Net Core 开发中如何解决 Cannot access a disposed object 这个问题
    一、简介NetCore跨平台项目开发多了,总会遇到各种各样的问题,我就遇到了一个这样的问题,不能访问Cannotaccessadisposedobject错误,经过自己多方努力,查阅资料,终于找到了解决办法,引发这个问题的原因大多数是多次读取请求Body流造成的,需要换一种获取请求Body流方法,不能使......
  • 神器vConsole!快速定位移动端问题,加快开发效率
    大家好,我是程序视点的小二哥!今天小二哥碰到一新来的实习生在使用alert调试H5页面,仿佛看到小二哥年少时羞涩的样子...趁这个机会,就给大家分享一个针对手机网页的前端开发者调试面板工具:vConsole简介vConsole是框架无关的,可以在Vue、React或其他任何框架中使用。现在vC......
  • STM32 Linux开发板丨STM32MP157开发板资料手册+实战教程+视频教程
    iTOP-STM32MP157开发板是基于意法半导体STARM双Cortex-A7核加单Cortex-M4核的一款多核异构处理器。Cortex-A7内核提供对开源操作系统Linux的支持,借助Linux系统庞大而丰富的软件组件处理复杂应用。M4内核上运行对于实时性要求严格的应用。开发板既有A7核,又有M4核,从学习者角度来看,既......
  • java开发jwt示例
    pom文件引入<dependency><groupId>com.fasterxml.jackson.core</groupId><artifactId>jackson-databind</artifactId><version>2.15.1</version></dependency>......