首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS模块化编程规范1——require.js

概述 require.js是各种网络APP中非常常见的JS依赖库,它其实不仅仅是个模块加载器那么简单。它背后蕴含了一个非常重要的设计,也就是JS模块化编程。...模块化是任何一个编程语言都会支持的设计,通过模块化能够将一个重要的问题拆分成一个个小的问题,并且模块与模块之间不关联(或者弱关联),减小的程序的开发难度。...这样,如果大家都约定使用同样的模块化规范设计,从一个框架到另外一个框架就没有成本,并且可以互相加载引入。 这里通过一个计算幂运算的例子,详细论述require.js的使用。 2....定义 模块化设计当然应该先定义一个模块了,这里定义一个乘法函数模块(Multiply.js): //自定义模块 define(function () { "use strict"; var...参考 【第67期】ES6 系列之模块加载方案 Javascript模块化编程(三):require.js的用法 JavaScript的模块化编程

3.4K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Javascript模块化编程(三):require.js的用法

    src="4.js">   js">   js"> 这段代码依次加载多个js文件...二、require.js的加载 使用require.js的第一步,是先去官方网站下载最新版本。 下载后,假定把它放在js子目录下面,就可以加载了。   ...加载require.js以后,下一步就要加载我们自己的代码了。假定我们自己的代码文件是main.js,也放在js目录下面。...在上例中,就是js目录下面的main.js,这个文件会第一个被require.js加载。由于require.js默认的文件后缀名是js,所以可以把main.js简写成main。...默认情况下,require.js假定这三个模块与main.js在同一个目录,文件名分别为jquery.js,underscore.js和backbone.js,然后自动加载。

    3.1K60

    Javascript模块化编程(三):require.js的用法

    src="4.js">   js">   js"> 这段代码依次加载多个js...二、require.js的加载 使用require.js的第一步,是先去官方网站下载最新版本。 下载后,假定把它放在js子目录下面,就可以加载了。   ...加载require.js以后,下一步就要加载我们自己的代码了。假定我们自己的代码文件是main.js,也放在js目录下面。...在上例中,就是js目录下面的main.js,这个文件会第一个被require.js加载。由于require.js默认的文件后缀名是js,所以可以把main.js简写成main。...默认情况下,require.js假定这三个模块与main.js在同一个目录,文件名分别为jquery.js,underscore.js和backbone.js,然后自动加载。

    2.3K90

    Java编程思想

    Java编程思想(第4版) 中文清晰PDF完整版 [日期:2014-08-11] 来源:Linux社区  作者:Linux [字体:大 中 小] 《Java 编程思想》这本书赢得了全球程序员的广泛赞誉...从《Java编程思想》获得的各项大奖以及来自世界各地的读者评论中,不难看出这是一本经典之作。...18章 Java I/O系统 第19章 枚举类型 第20章 注解 第21章  并发 第22章  图形化用户界面 附录A  补充材料 可下载的补充材料 Thinking in C:Java的基础 Java编程思想...Patterns(with Java) Thinking in Patterns研讨课 设计咨询与复审 附录B  资源 软件 编辑器与IDE 书籍 分析与设计 Python 我的著作列表 索引 Java编程思想...FTP地址:ftp://ftp1.linuxidc.com 用户名:ftp1.linuxidc.com 密码:www.linuxidc.com 在 2014年LinuxIDC.com\8月\Java编程思想

    1.2K21

    谈谈编程思想

    大概一两周前,有个读者留言:「程序君,能发篇文章有关编程思想的吗?我是编程初学者,对编程思想没啥概念,求传授点经验!」 今天就讲讲编程思想。...编程思想是个宏大的主题,我不敢保证我能在短短的一两个小时里讲得全面而深入。推荐给大家一本好书『冒号课堂』,是国内为数不多的讲编程思想的经典之作。...各种软件思想虽然层出不穷,但其本质是降低系统复杂度,减少重复,减少代码的变更。掌握了这个大方向,理解各种编程思想就容易多了。 下文建议在手机上横过来看。所涉及的代码大多是剪短清晰的python代码。...以程序君不太准确的分类,编程思想可以分为以下几个大类: 原则(Principles) 范式(Paradigms) 方法论(Methodologies) 模式(Patterns) 我们一点点展开,说到哪算哪...其中不少思想和目前的多核多线程场景下进行高并发开发的思想契合。所以你会看到erlang,haskell这样的语言越来越受到重视,并被用到各种生产环境。

    94060

    js模块化编程之彻底弄懂CommonJS和AMDCMD!(转)

    JS中的模块规范(CommonJS,AMD,CMD),如果你听过js模块化这个东西,那么你就应该听过或CommonJS或AMD甚至是CMD这些规范咯,我也听过,但之前也真的是听听而已。 ...项目,将javascript语言用于服务器端编程。...这标志"Javascript模块化编程"正式诞生。...因为老实说,在浏览器环境下,没有模块也不是特别大的问题,毕竟网页程序的复杂性有限;但是在服务器端,一定要有模块,与操作系统和其他应用程序互动,否则根本没法编程。...在上例中,就是js目录下面的main.js,这个文件会第一个被require.js加载。由于require.js默认的文件后缀名是js,所以可以把main.js简写成main。

    1.7K30

    js 模块化发展

    外部依赖定义 (2007): 这种定义方式在 cocos2d-js 开发中普遍使用,其核心思想是将依赖抽出单独文件定义,这种方式不利于项目管理,毕竟依赖抽到代码之外,我是不是得两头找呢?...依赖注入 (2009): 就是大家熟知的 angular1.0,依赖注入的思想现在已广泛运用在 react、vue 等流行框架中。但依赖注入和解决模块化问题还差得远。...说到这里,还想顺便提一下最近流行起来的响应式编程(RxJS),响应式编程中有一个很核心的概念就是 observable,也就是 Rx 中的流(stream)。...一句话,模块化仍在路上。js 模块化的矛头已经对准了 css 与 html,这两位元老也该向前卫的 js 学习学习了。...未来 css、html 的模块化会自立门户,还是赋予 js 更强的能力,让两者的模块化依附于 js 的能力呢?

    2.2K20

    【模块化】:JS 模块化极简史

    ——《软件工程》 在模块化编程中,开发者将程序分解成离散功能块(discrete chunks of functionality),并称之为模块。...传统模块化阶段 这一阶段,WEB 开发人员主要是利用 JS 语言的闭包、原型、函数作用域等特性,减少对全局命名空间的污染;方式方法各有不同,但结果都差不多,比较混乱... 3.1....CommonJS Node.js的诞生,使JavaScript扩展到了服务器端, 为了让JavaScript在服务器端能跟Java、Phyton一样编写大型程序,于是有了CommonJS模块化规范;...CommonJS是针对服务器端(非浏览器环境)的JavaScript开发,是Node.js的默认模块化规范; (2)....:通过JS的闭包、对象、自执行函数等语言特性,避免模块间的命名冲突,提高模块的内聚性,但无统一编程标准,也无法把模块间的依赖关系描述清晰; CommonJS:Node.js让JavaScript延伸到

    1.9K10

    理性的“编程思想”?

    可能看了很多学究的书籍,看到编程思想,我自然而然就想到了面向对象的编程思想,想到了继承、封装以及多态三大特征,想到SOLID五大特性,想到了“找到共性,隔离变化”。...今天,和一个心目中的高手聊天,向他请教一些编程中的问题,其实我的问题不外乎XML、Json应该用在什么地方,网络编程应该在游戏开发中如何使用,诸如此类。但是大神一句话,醍醐灌顶、四大皆空。...【然后抛出了“编程思想”这个高大上的概念。】 (3) 不要太去关注技术细节的实现方式和做法,哪些知识你掌握点就行 知道大概的流程,然后具体的会在工作中做更深入的接触。...你要先慢慢的培养编程思想,只是会写代码的话 就是码农了,又有思想,又能写代码就是工程师了~~   仔细想想,其实是我太急燥,太急于求成,太急功近利。...我感觉,清晰的思维应该就是每个项目完成后进行的反思,思想应该也差不多。但是毅力,我着实应该加强一下。

    38350

    《Kotin 编程思想·实战》

    《Kotin 编程思想·实战》 ---- 《Kotlin极简教程》正式上架: 点击这里 > 去京东商城购买阅读 点击这里 > 去天猫商城购买阅读 ---- 1 JVM语言家族概览 1.1...runnable1 = object : Runnable{ override fun run() { println("I'm an anonymous class") } } // 函数写法, 略像js...genericFunctionsExample('c') genericFunctionsExample(5.55) } 7 面向对象编程(OOP) 7.1 面向对象思想 7.2 类与继承 7.2.1...(FP) 8.1 函数式编程概述 面向对象编程OOP特征 函数式编程FP特征 8.2 Kotlin函数式编程 8.2.1 函数是什么 内联函数 8.2.2 函数指针 8.2.3 复合函数(高阶函数)...Kotlin实现DSL 13.1 DSL 13.2 Groovy的DSL语法 13.3 Kotlin使用闭包构建 DSL 14使用Kotlin开 发JavaScript代码 14.1 Kotlin代码编译成js

    1.4K30
    领券