一.AMD规范探索 1.AMD规范(即异步模块加载机制) 我们在接触js的时候,一般都是通过各种function来定义一些方法,让它们帮我们做一些事情,一个js可以包含很多个js,而这些function都是单独存在. 在开发的时候我们会将几个function组合成一个功能,我们称这个功能的几个function为一个模块. 1.1.模块化JS 现在AMD规范定义了这种模块对象,我们称之为直接对象,用于封装这个模块种所有变量和方法. 举个例子: <span style="font-size:1…

前言: 向HTML页面中插入JavaScrip的主要方法,就是使用<script>标签.主要探讨<script>标签的在HTML页面的渲染机制.对应的业务场景:从js的加载机制,去优化首次加载页面白屏时间过长的问题 要点: 1.script标签用外链的src引入文件时,内嵌的js代码无效. 2.只要不存在defer和async属性,浏览器都会按照script元素在页面中出现的先后顺序对他们依次进行解析(文件下载和代码执行).换句话说,在第一个外链script下载 -> 执行,…

文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/. 1.背景 去年公司在漳州的一个项目中,现场工程人员反映地图部分出图有点缓慢,大约需要20多秒.和另外一个同事一起花了一两天进行了代码优化.代码压缩.中间件优化以及服务部署优化后使地图出图缩短到了9秒上下. 这里对上次的经验做一个总结,提供一种优化JS文件加载时间过长的思路.这里的中间件使用的是tomcat6.0. 2.代码优化 2.1代码模块化 代码重构,使代码模块化…

CommonJS的模块加载机制 CommonJS模块的加载机制是,输入的是被输出的值的拷贝.也就是说,一旦输出一个值,模块内部的变化就影响不到这个值. 例如: // lib.js var counter = 3; function incCounter() { counter++; } module.exports = { counter: counter, incCounter: incCounter, }; // main.js var counter = require('./lib').…

SeaJS是一个遵循CMD规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制. 与jQuery等JavaScript框架不同,SeaJS不会扩展封装语言特性,而只是实现JavaScript的模块化及按模块加载.SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载,将前端工程师从繁重的JavaScript文件及对象依赖处理中解放出来,可以专注于代码本身的逻辑.SeaJS可以与jQuery这类框架完美集成.使用SeaJS可以提高Java…

最主要的一个思想,加载模块无非就是找到模块在哪,只要清楚了模块的位置以及模块加载的逻辑那么找不到模块的问题就迎刃而解了.本文只是综合了自己所学的知识点进行总结,难免出现理解错误的地方,请见谅. nodejs的模块分类 1.原生模块:http  fs path等,这些模块都在源码包的lib目录下面,nodejs安装好之后是找不到这些模块的,都作为node.exe的一部分了,require这些模块永远没问题的,如果哪天出现问题了,直接重启电脑或者重装node.有什么疑问可以通过下载源码对这些原生模块…

模块加载机制 优先从缓存中加载 当一个模块初次被 require 的时候,会执行模块中的代码,当第二次加载相同模块的时候,会优先从缓存中查找,看有没有这样的一个模块! 好处:提高模块的加载速度:不需要每次都重新执行并加载模块! 核心模块的加载机制 先查找缓存:如果缓存中没有,再去加载核心模块: 用户模块的加载机制 先查找缓存: 如果缓存中没有则尝试加载用户模块: 如果在加载用户模块时候省略了后缀名,则: 首先,严格按照指定的名称去查找 其次,尝试加载后缀名是 .js 的文件 如果没有.js的文件…

千里之行,始于足下.关注公众号[BAT的乌托邦],有Spring技术栈.MyBatis.JVM.中间件等小而美的原创专栏供以免费学习.分享.成长,拒绝浅尝辄止.本文已被 https://www.yourbatman.cn 收录. 目录 ✍前言 ✍正文 回忆2.3版本的新特性 2.4.0主要新特性 全新的配置文件处理(properties/yaml) 老版本版本配置属性迁移指南 方式一:恢复旧模式(不推荐) 方式二:按新规则迁移(推荐) 从spring-boot-starter-test中删除Vi…

背景 封楼期间难得空闲,也静不下心学习,空闲之余萌生了重做引导单页的想法.因为之前都是扒站(某大公司游戏官网)+小改,一来虽然很炫酷,但本人水平有限,仍有很大一部分JS无从下手,甚至是看不懂|-_-|:二来对方毕竟没有开源,无论道德还是法律都说不过去,所以--先从简单处写起,后续慢慢迭代吧! 大致布局:Flex 参见 阮一峰Flex布局教程 头像部分 手残党,暂时没有用CSS或者JS绘制特效,因为之前做头像留着底图,所以偷个懒. CSS:鼠标指针指向头像切换gif,移开切换png. JS:音乐播…

java类的加载机制 1.什么是类的加载 类的加载指的是将类的.class文件中的二进制数据读入到内存中,将其放在运行时数据区的方法区内,然后在堆区创建一个java.lang.Class对象,用来封装类在方法区内的数据结构.类的加载的最终产品是位于堆区中的Class对象,Class对象封装了类在方法区内的数据结构,并且向Java程序员提供了访问方法区内的数据结构的接口. 类加载器并不需要等到某个类被“首次主动使用”时再加载它,JVM规范允许类加载器在预料某个类将要被使用时就预先加载它,如果在预先…