==c2); // true 同一个类加载器器，加载同名的类，第一次加载时加载的类会缓存到类加载器的缓存，再次加载直接在缓存读取，两次加载的是同一个类 //直接获取类的类加载器...} } 在应用程序中，默认我们获取上下文类加载器、类型对象getClassLoader都是采用的同一个应用程序类加载器，类在第一次被加载后会缓存到类加载器的缓存中，由于是同一个类加载器此时同名的类不能被多次加载...，且应用程序类加载器只能加载classpath下的类。...如果我们想加载自定义路径下的类，需要用到自定义类加载器，可以去指定路径下加载类，且通过创建多个类加载器对象，加载的同名类相互隔离，也就是说同名类可以被多个自定义类加载器对象加载。...，创建多个类加载器对象去加载同一个类，会得到多个类型对象。
1.2.2JVM的类加载机制 全盘负责：就是当一个类加载器负责加载某个Class时，该Class所依赖的和引用的其他Class也将由该类加载器负责载入，除非显示使用另外一个类加载器来载入 父类委托：就是当一个类加载器负责加载某个...Class时，先让父类加载器试图加载该Class，只有在父类加载器无法加载该类时才尝试从自己的类路径中加载该类 缓存机制：保证所有加载过的Class都会被缓存，当程序需要使用某个Class对象时，类加载器先从缓存区中搜索该...：它是虚拟机的内置类加载器，通常表示为null ，并且没有父null Platform class loader：平台类加载器可以看到所有平台类 ，平台类包括由平台类加载器或其祖先定义的Java SE平台...API，其实现类和JDK特定的运行时类 System class loader：它也被称为应用程序类加载器 ，与平台类加载器不同。...系统类加载器通常用于定义应用程序类路径，模块路径和JDK特定工具上的类 类加载器的继承关系：System的父加载器为Platform，而Platform的父加载器为Bootstrap 1.2.4ClassLoader
模块化的进化史 最早 最早，我们的js是写到一个文件中，想怎么写怎么写。...比如不需要轮播图的模块，我们不需要引入 模块化的好处 避免命名冲突(减少命名空间污染) 更好的分离，按需加载 更高复用性 高可维护性 页面引入script 当我们需要引入多个js...如下，如果1.js中用到jquery.js中的内容，这个加载顺序是不可以换的。...src='2.js'> 所以就带来了如下的问题 请求过多...依赖模糊 难以维护 因此也就需要模块化规范
使用require加载的模块会被缓存，只会被加载一次，module对象会存放模块的信息，其中有一个属性 loaded 来判断是否被加载过，如果为true则是被加载过 使用动态加载模块，require支持使用表达式导入模块.../b.js' console.log(a) // 1 console.log(b); // 2 // b.js let a = 1; let b = 2; export { a, b } <!...模块变量类型检查：js是动态语言，不会在代码执行前检查类型错误。...es6目前已经得到大多现代浏览器支持，但在应用中还需要等待一段时间，原因： 无法使用code splitting 大多Npm包还是commonjs的形式，浏览器不支持此语法，因此这些包无法直接使用 仍要考虑个别浏览器及平台兼容问题...(异步模块定义)是一种很热门地浏览器模块化方案。
1.什么情况下需要自定义类加载器？ （1）隔离加载类：在某些框架内进行中间件与应用的模块隔离，把类加载到不同的环境。...比如，某容器框架通过自定义类加载器确保应用中依赖的jar包不会影响到中间件运行时使用的jar包。...（3）扩展加载源：比如从数据库、网络，甚至是电视机机顶盒进行加载。 （4）防止源码泄露。java代码容易被编译和篡改，可以进行编译加密。那么类加载器也需要自定义，还原加密的字节码。...一个简单的类加载器实现的示例： 步骤：继承ClassLoader，重写findClass()方法，调用defineClass()方法。...主流的容器类框架都会自定义加载器，实现不同的中间件之间的类隔离，有效避免了冲突。 版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。
前言：最近在 No.js 里实现了一个简单的模块加载器，本文简单介绍一下加载器的实现。...因为 JS 本身没有模块加载的概念，随着前端的发展，各种加载技术也发展了起来，早期的seajs，requirejs，现在的 webpack，Node.js等等，模块加载器的背景是代码的模块化，因为我们不可能把所有代码写到同一个文件...，所以模块加载器主要是解决模块中加载其他模块的问题，不仅是前端语言，c语言、python、php同样也是这样。...文件的逻辑主要是两个，加载原生 JS 模块和执行用户的 JS。...回到原生 JS 的加载过程。
模版依赖定义 (2006): 这时候开始流行后端模版语法，通过后端语法聚合 js 文件，从而实现依赖加载，说实话，现在 go 语言等模版语法也很流行这种方式，写后端代码的时候不觉得，回头看看，还是挂在可维护性上...Amd (2009): 都是同一时期的产物，这个方案主要解决前端动态加载依赖，相比 commonJs，体积更小，按需加载。...对于 html 模块化，小尤最近爆出与 chrome 小组调研 html Modules，如果 html 得到了浏览器，编辑器的模块化支持，未来可能会取代 jsx 成为最强大的模块化、模板语言。...对于 js 模块化，最近出现的 方式，虽然还没有得到浏览器原生支持，但也是我比较看好的未来趋势，这样就连 webpack 的拆包都不需要了，直接把源代码传到服务器...Http 2.0 对 js 模块化的推动 js 模块化定义的再美好，浏览器端的支持粒度永远是瓶颈，http 2.0 正是考虑到了这个因素，大力支持了 ES 2015 模块化规范。
CommonJS Node.js的诞生，使JavaScript扩展到了服务器端， 为了让JavaScript在服务器端能跟Java、Phyton一样编写大型程序，于是有了CommonJS模块化规范；...CommonJS是针对服务器端（非浏览器环境）的JavaScript开发，是Node.js的默认模块化规范； (2)....CommonJS所有模块均是同步阻塞式加载，无法实现异步加载； 注：服务器端加载模块是从硬盘直接读取，时间消耗和忽略不计；但浏览器端需要经网络下载，时间消耗取决于网速，同步加载策略容易出现“假死”，因此...：Node.js让JavaScript延伸到“服务端”领域，促使针对“服务端”的JavaScript静态模块化规范CommonJS诞生，但此规范的“同步阻塞式”模块加载策略不适用于浏览器端环境； AMD...import（tc39/proposal-dynamic-import）提案可用于动态模块加载；ES6完全可以取代CommonJS、AMD、CMD，成为浏览器和服务器端通用的模块化解决方案；
SeaJS 是一个遵循 CMD 规范的模块化加载框架 CommonJS，CMD，AMD等规范后文会提到，这里主要先了解如何在代码中使用。 如果你有使用过nodejs ，那么理解起来就容易多了。...我们通过sea.js来加载我们定义的模块（这会儿遵循CMD规范）并使用相应的数据。...首先，当然是要下载sea.js,可以直接去 http://seajs.org/docs/#downloads 直接下载代码包，解压后 在 /dist/目录下可以 找到 sea.js CMD规范是懒加载，.../sea.js"> //加载入口文件main.js，默认后缀js自动匹配 seajs.use('....return { say: function(){ console.log('main2--hello'); } }; }); ok 浏览器访问
最近在看一本书，里面提到js的模块化，觉得很有必要，所以记录下来 Game.js /** * This is the main class that handles the game life cycle..._canvas.height); }; ---- boardRenderer.js /** * 这个类负责绘制，棋盘，球 * @param context the 2d context to draw..._rows; }; ---- boardModel.js /** * 这个类是负责保存/验证/返回当前游戏的状态 * 如当前的玩家是谁、每个单元格放的是什么球、 * 是不是谁赢了 * @param...this.reset(); } /** * 0代表单元格为空，1代表单元格有红色球，2代表单元格有绿色球 * 因为怕以后忘记这些数字代表什么，干脆把数字存到常量里，代码看起来易懂， * 但是这么多字，前端的js...* ps.变量名全大写表示这是常量，这是一个js程序员之间的约定，表达为 CAPITAL_CASED。
RequireJS 是一个遵循 AMD 规范的模块化加载框架 与上文seajs一样，这里简单介绍其相关用法 同样的，首先是下载好 require.js --> http://requirejs.org/...docs/download.html#requirejs AMD规范是预加载，也就是说会马上将所有模块全加载。...return { say: function(){ console.log('main2--hello'); } }; }); 浏览器打开...顺序乱了是不是 其实这就是因为AMD规范预先加载的规则，预先把所有依赖都执行了（虽然我们还没用到） 而且这加载是并行的，（默认情况下）main1和main2不分先后。...假设 main.js文件因网络问题加载延迟后，就有可能出现以下结果 module of main2: module of main1: module of main: ...
在大多数情况下我们会在浏览器中去运行javascript，有了node的出现，我们可以在node中去运行javascript，这意味着哪里安装了node或者浏览器，我们就可以在哪里运行javascript...1.node模块化的实现 node中是自带模块化机制的，每个文件就是一个单独的模块，并且它遵循的是CommonJS规范，也就是使用require的方式导入模块，通过module.export的方式导出模块...我在之前的《前端模块化发展历程》一文中介绍过。...自执行函数也是前端模块化的实现方案之一，在早期前端没有模块化系统的时代，自执行函数可以很好的解决命名空间的问题，并且模块依赖的其他模块都可以通过参数传递进来。.../name.txt'); } catch(e) { // 文件不存在 } 复制代码 4.手动实现require模块加载器 首先导入依赖的模块path，fs, vm, 并且创建一个Require
当然 IIFE 也有缺点，它并没有一个明确的依赖树，这使得开发者只能自己确保 JS 文件的加载顺序。...与之相反的是，CommonJS 只有一种模块加载方式，一个 JS 文件就是一个模块，加载依赖只需要用 require，导出模块只需要将要导出的值赋给 module.exports。...终于，Browserify 作为桥梁，打通了 CommonJS 在 Node.js 和浏览器端的鸿沟。它可以将众多模块打包成一个可在浏览器中运行的文件。...诚然，npm 主要服务于 CommonJS 模块和 JavaScript 包，由于简单的模块化语法和可复用性，大量 Node.js 和 web 浏览器的包出现在 npm 上，npm 也成为世界上最大的包管理器...在 Node.js v8.5.0 中，ESM 已经可以通过一个 flag 开启。大部分主流的浏览器也都可以支持 ESM。
Js模块化导入导出 CommonJs、AMD、CMD、ES6都是用于模块化定义中使用的规范，其为了规范化模块的引入与处理模块之间的依赖关系以及解决命名冲突问题，并使用模块化方案来使复杂系统分解为代码结构更合理...Module Definition规范，是浏览器端的模块化解决方案，CommonJS规范引入模块是同步加载的，这对服务端不是问题，因为其模块都存储在硬盘上，可以等待同步加载完成，但在浏览器中模块是通过网络加载的...，若是同步阻塞等待模块加载完成，则可能会出现浏览器页面假死的情况，AMD采用异步方式加载模块，模块的加载不影响它后面语句的运行。...--> CMD CMD通用模块定义，是SeaJS在推广过程中对模块定义的规范化产出，也是浏览器端的模块化异步解决方案，CMD和AMD的区别主要在于： 对于依赖的模块，AMD是提前执行（相对定义的回调函数..., AMD加载器是提前将所有依赖加载并调用执行后再执行回调函数），CMD是延迟执行（相对定义的回调函数, CMD加载器是将所有依赖加载后执行回调函数，当执行到需要依赖模块的时候再执行调用加载的依赖项并返回到回调函数中
JS模块化和使用 很久以前就知道js模块化开发可以使用require.js和sea.js，就一直没去看看。...什么是模块化 模块化是指在解决某一个复杂问题或者一系列的杂糅问题时，依照一种分类的思维把问题进行系统性的分解以之处理。模块化是一种处理复杂系统分解为代码结构更合理，可维护性更高的可管理的模块的方式。...这样的话，开发者可以使用CommonJS API编写应用程序，然后这些应用可以运行在不同的JavaScript解释器和不同的主机环境中。...这些规范的目的都是为了 JavaScript 的模块化开发，特别是在浏览器端的。目前这些规范的实现都能达成浏览器端模块化开发的目的。...RequireJS 和 Sea.js 都是模块加载器，倡导模块化开发理念，核心价值是让 JavaScript 的模块化开发变得简单自然。
最近打算向HTML5的canvas进发，还有nodejs，所以对js的模块化有必要弄懂，刚好找到篇很不错的文章，先转过来，熟练之后再写个读后感~~~ http://www.cnblogs.com/yjf512
Android 中可以通过webview来实现和js的交互，在程序中调用js代码，只需要将webview控件的支持js的属性设置为true Android（Java）与JavaScript（HTML）交互有四种情况...： 1） Android（Java）调用HTML中js代码 2） Android（Java）调用HTML中js代码（带参数） 3） HTML中js调用Android（Java）代码 4） HTML中js...脚本设置 Android（Java）与js（HTML）交互的接口函数是： mWebView.addJavascriptInterface(getHtmlObject(), "jsObj"); /.../ jsObj 为桥连对象 Android容许执行js脚本需要设置： webSettings.setJavaScriptEnabled(true); （2） js（HTML）访问Android（Java...Java）访问js（HTML）代码 Android（Java）访问js（HTML）端代码是通过loadUrl函数实现的，访问格式如：mWebView.loadUrl("javascript: showFromHtml
实现无限分页的过程大致如下： 1 视窗滚动到底部 2 触发加载，添加到现有内容的后面。 因此，可能会出现两种情况： 1 当页面的内容很少，没有出现滚动条。 2 当页面的内容很多，出现了滚动条。...针对这两种情况，需要理解几个概念： scrollHeight即真实内容的高度； clientHeight比较好理解，是视窗的高度，就是我们在浏览器中所能看到内容的高度； scrollTop是视窗上面隐藏掉的部分...实现的思路： 1 如果真实的内容比视窗高度小，则一直加载到超过视窗 2 如果超过了视窗，则判断下面隐藏的部分的距离是否小于一定的值，如果是，则触发加载。（即滚动到了底部）
非模块化方式开发的痛苦 （1）命名冲突 起初，我们定义了一个通用功能的JS文件，例如 utils.js（其中有一个 each 函数），谁需要谁调用即可 但随着项目和团队越来越大，就会出现问题 小杨在自己的...utils.js 其中的函数，在文档中明确指出使用 dialog.js时必须要先引入 utils.js 有一个 b.js，使用了 dialog.js，页面中就必须引入多个文件，并且顺序不能错 <script...1）开发人员常忘记引用被依赖的文件 2）要使用某个功能时，要引入多个其他文件，最后页面中的引用可能会非常多 模块化开发的好处 现在已经有了多个JS模块化开发规范和相应的具体实现，我们只要选择其中一种，...按照约定来开发，就可以完全避免命名冲突和文件依赖的问题 只需关心当前模块本身的功能开发，需要其他模块的支持时，在模块内调用目标模块即可 模块化开发示例 CMD是比较常用的模块化规范，下面就使用CMD方式作为示例...目录结构 |-js |--|-common |-------|-utils.js |--|-a.js //------utils.js------ define(function(require, exports
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
云直播
