diff --git a/pack.config.js b/pack.config.js
index 5a36e4b..c2cc050 100644
--- a/pack.config.js
+++ b/pack.config.js
@@ -13,115 +13,24 @@ const chokidar = require('chokidar')
const uglify = require('uglify-es')
const chalk = require('chalk')
const log = console.log
-const VERSION = '1.0.0'
-const PACK_QUEUE = [
- 'anot.js',
- 'anot.shim.js',
- 'anot-touch.js',
- 'anot-touch.shim.js'
-]
+const VERSION = '2.0.0'
+
const PACK_DIR = path.resolve('./dist')
const SOURCE_DIR = path.resolve('./src/')
const PAD_START = Buffer.from(`
-var _Anot = (function() {
+const _Anot = (function() {
`)
+
const PAD_END = Buffer.from(`
-/*********************************************************************
- * DOMReady *
- **********************************************************************/
-
- var readyList = []
- var isReady
- var fireReady = function(fn) {
- isReady = true
- while ((fn = readyList.shift())) {
- fn(Anot)
- }
- }
-
- if (DOC.readyState === 'complete') {
- setTimeout(fireReady) //如果在domReady之外加载
- } else {
- DOC.addEventListener('DOMContentLoaded', fireReady)
- }
- window.addEventListener('load', fireReady)
- Anot.ready = function(fn) {
- if (!isReady) {
- readyList.push(fn)
- } else {
- fn(Anot)
- }
- }
- var _Anot = window.Anot
- Anot.noConflict = function(deep) {
- if (deep && window.Anot === Anot) {
- window.Anot = _Anot
- }
- return Anot
- }
-
- window.Anot = Anot
- return Anot
-})()
-module.exports = _Anot
-`)
-const PAD_END_NEXT = Buffer.from(`
-
-/*********************************************************************
- * css import *
- **********************************************************************/
-
- var CSS_DEPS = {}
- function getBaseUrl() {
- if(window.LIBS_BASE_URL){
- return
- }
- var stack
- try {
- throw new Error() // 强制报错,以便捕获e.stack
- } catch (err) {
- stack = err.stack
- }
- stack = stack.trim().split(/[@ ]+/)
- if (window.safari) {
- stack = stack[1]
- } else {
- stack = stack.pop()
- }
- stack = stack.replace(/(:\\d+)?:\d+([\\w\\W]*)?$/i, '')
- window.LIBS_BASE_URL = stack.replace(/^([a-z\-]*):\\/\\/([^\\/]+)(\\/.*)?/, '$1://$2')
- }
-
- function importCss(url, baseUrl) {
- url = url.replace(/^\\/+/, '/')
- if (baseUrl) {
- url = baseUrl + url
- } else {
- if (window.LIBS_BASE_URL) {
- url = window.LIBS_BASE_URL + url
- }
- }
-
- if (CSS_DEPS[url]) {
- return
- }
- head.insertAdjacentHTML(
- 'afterBegin',
- ''
- )
- CSS_DEPS[url] = 1
- }
- getBaseUrl()
-
/*********************************************************************
* DOMReady *
**********************************************************************/
- var readyList = []
- var isReady
- var fireReady = function(fn) {
+ let readyList = []
+ let isReady
+ let fireReady = function(fn) {
isReady = true
while ((fn = readyList.shift())) {
fn(Anot)
@@ -142,75 +51,18 @@ const PAD_END_NEXT = Buffer.from(`
}
}
window.importCss = importCss
- var _Anot = window.Anot
- Anot.noConflict = function(deep) {
- if (deep && window.Anot === Anot) {
- window.Anot = _Anot
- }
- return Anot
- }
-
window.Anot = Anot
return Anot
})()
export default _Anot
`)
-const PAD_START_SHIM = Buffer.from(`
-;(function() {
-`)
-const PAD_END_SHIM = Buffer.from(`
-/*********************************************************************
- * DOMReady *
- **********************************************************************/
- var readyList = []
- var isReady
- var fireReady = function(fn) {
- isReady = true
- var require = Anot.require
- if (require && require.checkDeps) {
- modules['domReady!'].state = 4
- require.checkDeps()
- }
- while ((fn = readyList.shift())) {
- fn(Anot)
- }
- }
-
- if (DOC.readyState === 'complete') {
- setTimeout(fireReady) //如果在domReady之外加载
- } else {
- DOC.addEventListener('DOMContentLoaded', fireReady)
- }
- window.addEventListener('load', fireReady)
- Anot.ready = function(fn) {
- if (!isReady) {
- readyList.push(fn)
- } else {
- fn(Anot)
- }
- }
- // Map over Anot in case of overwrite
- var _Anot = window.Anot
- Anot.noConflict = function(deep) {
- if (deep && window.Anot === Anot) {
- window.Anot = _Anot
- }
- return Anot
- }
-
- window.Anot = Anot
-})()
-`)
-
-function comment({ amd, touch, next } = {}) {
+function comment({ touch } = {}) {
return `/*==================================================
- * Anot ${touch ? 'touch' : 'normal'} version ${amd ? 'with AMD loader' : ''} ${
- next ? 'for future browsers' : ''
- }
+ * Anot ${touch ? 'touch' : 'normal'} version for future browsers
* @authors yutent (yutent@doui.cc)
* @date 2017-03-21 21:05:57
- * support IE10+ and modern browsers
+ * V${VERSION}
*
==================================================*/
`
@@ -247,56 +99,25 @@ function packNoCompress(file) {
return BUFFER_CACHE[it]
})
let touchModule = fs.cat('./src/lib/touch.js')
- let amdModule = fs.cat('./src/lib/amd.js')
- let nextVer = Buffer.concat(libs)
- let touchNext = Buffer.concat([nextVer, touchModule])
- let shim = Buffer.concat([nextVer, amdModule])
- let touchShim = Buffer.concat([shim, touchModule])
+ let normalVer = Buffer.concat(libs)
+ let touchVer = Buffer.concat([normalVer, touchModule])
/**
* --------------------------------------------------------
* 打包未来版的 anot
* --------------------------------------------------------
*/
- fs.echo(
- Buffer.concat([PAD_START, nextVer, PAD_END_NEXT]),
- './dist/anot.next.js'
- )
- log('%s 打包完成...', chalk.green('anot.next.js'))
+ fs.echo(Buffer.concat([PAD_START, normalVer, PAD_END]), './dist/anot.js')
+ log('%s 打包完成...', chalk.green('anot.js'))
/**
* --------------------------------------------------------
* 打包带触摸事件的未来版的 anot
* --------------------------------------------------------
*/
- fs.echo(
- Buffer.concat([PAD_START, touchNext, PAD_END_NEXT]),
- './dist/anot-touch.next.js'
- )
- log('%s 打包完成...', chalk.green('anot-touch.next.js'))
-
- /**
- * --------------------------------------------------------
- * 打包自带AMD加载器的 anot
- * --------------------------------------------------------
- */
- fs.echo(
- Buffer.concat([PAD_START_SHIM, shim, PAD_END_SHIM]),
- './dist/anot.shim.js'
- )
- log('%s 打包完成...', chalk.green('anot.shim.js'))
-
- /**
- * --------------------------------------------------------
- * 打包自带AMD加载器及触摸事件的 anot
- * --------------------------------------------------------
- */
- fs.echo(
- Buffer.concat([PAD_START_SHIM, touchShim, PAD_END_SHIM]),
- './dist/anot-touch.shim.js'
- )
- log('%s 打包完成...', chalk.green('anot-touch.shim.js'))
+ fs.echo(Buffer.concat([PAD_START, touchVer, PAD_END]), './dist/anot-touch.js')
+ log('%s 打包完成...', chalk.green('anot-touch.js'))
}
// 打包并压缩
@@ -305,101 +126,33 @@ function packAndCompress() {
return BUFFER_CACHE[it]
})
let touchModule = fs.cat('./src/lib/touch.js')
- let amdModule = fs.cat('./src/lib/amd.js')
- let normal = Buffer.concat(libs)
- let touchNormal = Buffer.concat([normal, touchModule])
- let shim = Buffer.concat([normal, amdModule])
- let touchShim = Buffer.concat([shim, touchModule])
-
- /**
- * --------------------------------------------------------
- * 打包普通版 anot
- * --------------------------------------------------------
- */
- log('正在打包 anot.js...')
- let normalVer = Buffer.concat([PAD_START, normal, PAD_END]).toString()
- fs.echo(comment() + uglify.minify(normalVer).code, './dist/anot.js')
- log(chalk.green('anot.js 打包压缩完成!'))
-
- /**
- * --------------------------------------------------------
- * 打包带触摸事件的普通版 anot
- * --------------------------------------------------------
- */
- log('正在打包 anot-touch.js...')
- let touchNormalVer = Buffer.concat([
- PAD_START,
- touchNormal,
- PAD_END
- ]).toString()
-
- fs.echo(
- comment({ touch: true }) + uglify.minify(touchNormalVer).code,
- './dist/anot-touch.js'
- )
-
- log(chalk.green('anot-touch.js 打包压缩完成...'))
-
- /**
- * --------------------------------------------------------
- * 打包自带AMD加载器的 anot
- * --------------------------------------------------------
- */
- log('正在打包 anot.shim.js...')
- let shimVer = Buffer.concat([PAD_START_SHIM, shim, PAD_END_SHIM]).toString()
- fs.echo(
- comment({ amd: true }) + uglify.minify(shimVer).code,
- './dist/anot.shim.js'
- )
- log(chalk.green('anot.shim.js 打包压缩完成!'))
-
- /**
- * --------------------------------------------------------
- * 打包自带AMD加载器及触摸事件的 anot
- * --------------------------------------------------------
- */
- log('正在打包 anot-touch.shim.js...')
- let touchShimVer = Buffer.concat([
- PAD_START_SHIM,
- touchShim,
- PAD_END_SHIM
- ]).toString()
- fs.echo(
- comment({ amd: true, touch: true }) + uglify.minify(touchShimVer).code,
- './dist/anot-touch.shim.js'
- )
- log(chalk.green('anot-touch.shim.js 打包压缩完成...'))
+ let normalVer = Buffer.concat(libs)
+ let touchVer = Buffer.concat([normalVer, touchModule])
/**
* --------------------------------------------------------
* 打包未来版的 anot
* --------------------------------------------------------
*/
- log('正在打包 anot.next.js...')
- let nextVer = Buffer.concat([PAD_START, normal, PAD_END_NEXT]).toString()
- fs.echo(
- comment({ next: true }) + uglify.minify(nextVer).code,
- './dist/anot.next.js'
- )
- log(chalk.green('anot.next.js 打包压缩完成!'))
+ log('正在打包 anot.js...')
+ let normalVerPack = Buffer.concat([PAD_START, normalVer, PAD_END]).toString()
+ fs.echo(comment() + uglify.minify(normalVerPack).code, './dist/anot.js')
+ log(chalk.green('anot.js 打包压缩完成!'))
/**
* --------------------------------------------------------
* 打包带触摸事件的未来版的 anot
* --------------------------------------------------------
*/
- log('正在打包 anot-touch.next.js...')
- let touchNextVer = Buffer.concat([
- PAD_START,
- touchNormal,
- PAD_END_NEXT
- ]).toString()
+ log('正在打包 anot-touch.js...')
+ let touchVerPack = Buffer.concat([PAD_START, touchVer, PAD_END]).toString()
+
fs.echo(
- comment({ touch: true, next: true }) + uglify.minify(touchNextVer).code,
- './dist/anot-touch.next.js'
+ comment({ touch: true }) + uglify.minify(touchVerPack).code,
+ './dist/anot-touch.js'
)
- log(chalk.green('anot-touch.next.js 打包压缩完成!'))
+ log(chalk.green('anot-touch.js 打包压缩完成!'))
}
let args = process.argv.slice(2)
@@ -432,7 +185,5 @@ switch (mode) {
break
default:
log(chalk.red('无效编译参数!'))
- let buf = Buffer.concat(loadFiles())
- log(buf.toString())
break
}
diff --git a/src/00-generate.js b/src/00-generate.js
index d0c65e9..c68a5b3 100644
--- a/src/00-generate.js
+++ b/src/00-generate.js
@@ -1,6 +1,7 @@
/*********************************************************************
* 全局变量及方法 *
**********************************************************************/
+const CSS_DEPS = {}
let bindingID = 1024
let IEVersion = 0
if (window.VBArray) {
@@ -11,7 +12,7 @@ let expose = generateID()
let DOC = window.document
let head = DOC.head //HEAD元素
head.insertAdjacentHTML(
- 'afterBegin',
+ 'afterbegin',
''
)
let ifGroup = head.firstChild
@@ -86,3 +87,52 @@ function generateID(mark) {
mark = (mark && mark + '-') || 'anot-'
return mark + (++bindingID).toString(16)
}
+
+/*********************************************************************
+ * css import *
+ **********************************************************************/
+
+function getBaseUrl() {
+ if (window.LIBS_BASE_URL) {
+ return
+ }
+ let stack
+ try {
+ throw new Error() // 强制报错,以便捕获e.stack
+ } catch (err) {
+ stack = err.stack
+ }
+ stack = stack.trim().split(/[@ ]+/)
+ if (window.safari) {
+ stack = stack[1]
+ } else {
+ stack = stack.pop()
+ }
+ stack = stack.replace(/(:\\d+)?:\d+([\\w\\W]*)?$/i, '')
+ window.LIBS_BASE_URL = stack.replace(
+ /^([a-z\-]*):\/\/([^\/]+)(\/.*)?/,
+ '$1://$2'
+ )
+}
+
+function importCss(url, baseUrl) {
+ url = url.replace(/^\/+/, '/')
+ if (baseUrl) {
+ url = baseUrl + url
+ } else {
+ if (window.LIBS_BASE_URL) {
+ url = window.LIBS_BASE_URL + url
+ }
+ }
+
+ if (CSS_DEPS[url]) {
+ return
+ }
+ head.insertAdjacentHTML(
+ 'afterbegin',
+ ''
+ )
+ CSS_DEPS[url] = 1
+}
+
+getBaseUrl()
diff --git a/src/lib/amd.js b/src/lib/amd.js
deleted file mode 100644
index ca2bc69..0000000
--- a/src/lib/amd.js
+++ /dev/null
@@ -1,677 +0,0 @@
-/*********************************************************************
- * AMD加载器 *
- **********************************************************************/
-
-//https://www.devbridge.com/articles/understanding-amd-requirejs/
-//http://maxogden.com/nested-dependencies.html
-var modules = (Anot.modules = {
- 'domReady!': {
- exports: Anot,
- state: 3
- },
- Anot: {
- exports: Anot,
- state: 4
- }
-})
-//Object(modules[id]).state拥有如下值
-// undefined 没有定义
-// 1(send) 已经发出请求
-// 2(loading) 已经被执行但还没有执行完成，在这个阶段define方法会被执行
-// 3(loaded) 执行完毕，通过onload/onreadystatechange回调判定，在这个阶段checkDeps方法会执行
-// 4(execute) 其依赖也执行完毕, 值放到exports对象上，在这个阶段fireFactory方法会执行
-modules.exports = modules.Anot
-var otherRequire = window.require
-var otherDefine = window.define
-var innerRequire
-plugins.loader = function(builtin) {
- var flag = innerRequire && builtin
- window.require = flag ? innerRequire : otherRequire
- window.define = flag ? innerRequire.define : otherDefine
-}
-new function() {
- // jshint ignore:line
- var loadings = [] //正在加载中的模块列表
- var factorys = [] //放置define方法的factory函数
- var rjsext = /\.js$/i
-
- function makeRequest(name, config) {
- //1. 去掉querystring, hash
- var query = ''
- name = name.replace(rquery, function(match) {
- query = match
- return ''
- })
-
- //2. 去掉扩展名
- var ext = '.js' //默认拓展名
- var res = 'js' // 默认资源类型
- var suffix = ['.js', '.css']
- name = name.replace(/\.[a-z0-9]+$/g, function(match) {
- ext = match
- res = suffix.indexOf(match) > -1 ? match.slice(1) : 'text'
- return ''
- })
-
- //补上协议, 避免引入依赖时判断不正确
- if (/^\/\//.test(name)) {
- name = location.protocol + name
- }
- var req = Anot.mix(
- {
- query: query,
- ext: ext,
- res: res,
- name: name,
- toUrl: toUrl
- },
- config
- )
- req.toUrl(name)
- return req
- }
-
- function fireRequest(req) {
- var name = req.name
- var res = req.res
- //1. 如果该模块已经发出请求，直接返回
- var module = modules[name]
- var urlNoQuery = name && req.urlNoQuery
- if (module && module.state >= 1) {
- return name
- }
- module = modules[urlNoQuery]
- if (module && module.state >= 3) {
- innerRequire(module.deps || [], module.factory, urlNoQuery)
- return urlNoQuery
- }
- if (name && !module) {
- module = modules[urlNoQuery] = {
- id: urlNoQuery,
- state: 1 //send
- }
- var wrap = function(obj) {
- resources[res] = obj
- obj.load(name, req, function(a) {
- if (arguments.length && a !== void 0) {
- module.exports = a
- }
- module.state = 4
- checkDeps()
- })
- }
-
- if (!resources[res]) {
- innerRequire([res], wrap)
- } else {
- wrap(resources[res])
- }
- }
- return name ? urlNoQuery : res + '!'
- }
-
- //核心API之一 require
- var requireQueue = []
- var isUserFirstRequire = false
- innerRequire = Anot.require = function(
- array,
- factory,
- parentUrl,
- defineConfig
- ) {
- if (!isUserFirstRequire) {
- requireQueue.push(Anot.slice(arguments))
- if (arguments.length <= 2) {
- isUserFirstRequire = true
- var queue = requireQueue.splice(0, requireQueue.length),
- args
- while ((args = queue.shift())) {
- innerRequire.apply(null, args)
- }
- }
- return
- }
- if (!Array.isArray(array)) {
- Anot.error('require方法的第一个参数应为数组 ' + array)
- }
- var deps = [] // 放置所有依赖项的完整路径
- var uniq = createMap()
- var id = parentUrl || 'callback' + setTimeout('1') // jshint ignore:line
-
- defineConfig = defineConfig || createMap()
- defineConfig.baseUrl = kernel.baseUrl
- var isBuilt = !!defineConfig.built
- if (parentUrl) {
- defineConfig.parentUrl = parentUrl.substr(0, parentUrl.lastIndexOf('/'))
- defineConfig.mapUrl = parentUrl.replace(rjsext, '')
- }
- if (isBuilt) {
- var req = makeRequest(defineConfig.defineName, defineConfig)
- id = req.urlNoQuery
- } else {
- array.forEach(function(name) {
- if (!name) {
- return
- }
- var req = makeRequest(name, defineConfig)
- var url = fireRequest(req) //加载资源，并返回该资源的完整地址
-
- if (url) {
- if (!uniq[url]) {
- deps.push(url)
- uniq[url] = !0
- }
- }
- })
- }
-
- var module = modules[id]
- if (!module || module.state !== 4) {
- modules[id] = {
- id: id,
- deps: isBuilt ? array.concat() : deps,
- factory: factory || noop,
- state: 3
- }
- }
- if (!module) {
- //如果此模块是定义在另一个JS文件中, 那必须等该文件加载完毕, 才能放到检测列队中
- loadings.push(id)
- }
- checkDeps()
- }
-
- //核心API之二 require
- innerRequire.define = function(name, deps, factory) {
- //模块名,依赖列表,模块本身
- if (typeof name !== 'string') {
- factory = deps
- deps = name
- name = 'anonymous'
- }
- if (!Array.isArray(deps)) {
- factory = deps
- deps = []
- }
- var config = {
- built: !isUserFirstRequire, //用r.js打包后,所有define会放到requirejs之前
- defineName: name
- }
- var args = [deps, factory, config]
- factory.require = function(url) {
- args.splice(2, 0, url)
- if (modules[url]) {
- modules[url].state = 3 //loaded
- var isCycle = false
- try {
- isCycle = checkCycle(modules[url].deps, url)
- } catch (e) {}
- if (isCycle) {
- Anot.error(
- url +
- '模块与之前的模块存在循环依赖，请不要直接用script标签引入' +
- url +
- '模块'
- )
- }
- }
- delete factory.require //释放内存
- innerRequire.apply(null, args) //0,1,2 --> 1,2,0
- }
-
- //根据标准,所有遵循W3C标准的浏览器,script标签会按标签的出现顺序执行。
- //老的浏览器中，加载也是按顺序的：一个文件下载完成后，才开始下载下一个文件。
- //较新的浏览器中（IE8+ 、FireFox3.5+ 、Chrome4+ 、Safari4+），为了减小请求时间以优化体验，
- //下载可以是并行的，但是执行顺序还是按照标签出现的顺序。
- //但如果script标签是动态插入的, 就未必按照先请求先执行的原则了,目测只有firefox遵守
- //唯一比较一致的是,IE10+及其他标准浏览器,一旦开始解析脚本, 就会一直堵在那里,直接脚本解析完毕
- //亦即，先进入loading阶段的script标签(模块)必然会先进入loaded阶段
- var url = config.built ? 'unknown' : getCurrentScript()
- if (url) {
- var module = modules[url]
- if (module) {
- module.state = 2
- }
- factory.require(url)
- } else {
- //合并前后的safari，合并后的IE6-9走此分支
- factorys.push(factory)
- }
- }
- //核心API之三 require.config(settings)
- innerRequire.config = kernel
- //核心API之四 define.amd 标识其符合AMD规范
- innerRequire.define.amd = modules
-
- //==========================对用户配置项进行再加工==========================
- var allpaths = (kernel['orig.paths'] = createMap())
- var allmaps = (kernel['orig.map'] = createMap())
- var allpackages = (kernel['packages'] = [])
- var allargs = (kernel['orig.args'] = createMap())
- Anot.mix(plugins, {
- paths: function(hash) {
- Anot.mix(allpaths, hash)
- kernel.paths = makeIndexArray(allpaths)
- },
- map: function(hash) {
- Anot.mix(allmaps, hash)
- var list = makeIndexArray(allmaps, 1, 1)
- Anot.each(list, function(_, item) {
- item.val = makeIndexArray(item.val)
- })
- kernel.map = list
- },
- packages: function(array) {
- array = array.concat(allpackages)
- var uniq = createMap()
- var ret = []
- for (var i = 0, pkg; (pkg = array[i++]); ) {
- pkg = typeof pkg === 'string' ? { name: pkg } : pkg
- var name = pkg.name
- if (!uniq[name]) {
- var url = joinPath(pkg.location || name, pkg.main || 'main')
- url = url.replace(rjsext, '')
- ret.push(pkg)
- uniq[name] = pkg.location = url
- pkg.reg = makeMatcher(name)
- }
- }
- kernel.packages = ret.sort()
- },
- urlArgs: function(hash) {
- if (typeof hash === 'string') {
- hash = { '*': hash }
- }
- Anot.mix(allargs, hash)
- kernel.urlArgs = makeIndexArray(allargs, 1)
- },
- baseUrl: function(url) {
- if (!isAbsUrl(url)) {
- var baseElement = head.getElementsByTagName('base')[0]
- if (baseElement) {
- head.removeChild(baseElement)
- }
- var node = DOC.createElement('a')
- node.href = url
- url = node.href
- if (baseElement) {
- head.insertBefore(baseElement, head.firstChild)
- }
- }
- if (url.length > 3) kernel.baseUrl = url
- },
- shim: function(obj) {
- for (var i in obj) {
- var value = obj[i]
- if (Array.isArray(value)) {
- value = obj[i] = {
- deps: value
- }
- }
- if (!value.exportsFn && (value.exports || value.init)) {
- value.exportsFn = makeExports(value)
- }
- }
- kernel.shim = obj
- }
- })
-
- //==============================内部方法=================================
- function checkCycle(deps, nick) {
- //检测是否存在循环依赖
- for (var i = 0, id; (id = deps[i++]); ) {
- if (
- modules[id].state !== 4 &&
- (id === nick || checkCycle(modules[id].deps, nick))
- ) {
- return true
- }
- }
- }
-
- function checkFail(node, onError) {
- var id = trimQuery(node.src) //检测是否死链
- node.onload = node.onerror = null
- if (onError) {
- setTimeout(function() {
- head.removeChild(node)
- node = null // 处理旧式IE下的循环引用问题
- })
- log('加载 ' + id + ' 失败')
- } else {
- return true
- }
- }
-
- function checkDeps() {
- //检测此JS模块的依赖是否都已安装完毕,是则安装自身
- loop: for (var i = loadings.length, id; (id = loadings[--i]); ) {
- var obj = modules[id],
- deps = obj.deps
-
- if (!deps) continue
- for (var j = 0, key; (key = deps[j]); j++) {
- if (Object(modules[key]).state !== 4) {
- continue loop
- }
- }
- //如果deps是空对象或者其依赖的模块的状态都是4
- if (obj.state !== 4) {
- loadings.splice(i, 1) //必须先移除再安装，防止在IE下DOM树建完后手动刷新页面，会多次执行它
- fireFactory(obj.id, obj.deps, obj.factory)
- checkDeps() //如果成功,则再执行一次,以防有些模块就差本模块没有安装好
- }
- }
- }
-
- function loadJS(url, id, callback) {
- //通过script节点加载目标模块
- var node = DOC.createElement('script')
- node.className = subscribers //让getCurrentScript只处理类名为subscribers的script节点
- node.onload = function() {
- var factory = factorys.pop()
- factory && factory.require(id)
- if (callback) {
- callback()
- }
- id && loadings.push(id)
- checkDeps()
- }
- node.onerror = function() {
- checkFail(node, true)
- }
-
- head.insertBefore(node, head.firstChild) //chrome下第二个参数不能为null
- node.src = url //插入到head的第一个节点前，防止IE6下head标签没闭合前使用appendChild抛错,更重要的是IE6下可以收窄getCurrentScript的寻找范围
- }
-
- var resources = (innerRequire.plugins = {
- //三大常用资源插件 js!, css!, text!, domReady!
- domReady: {
- load: noop
- },
- js: {
- load: function(name, req, onLoad) {
- var url = req.url
- var id = req.urlNoQuery
- var shim = kernel.shim[name.replace(rjsext, '')]
- if (shim) {
- //shim机制
- innerRequire(shim.deps || [], function() {
- var args = Anot.slice(arguments)
- loadJS(url, id, function() {
- onLoad(shim.exportsFn ? shim.exportsFn.apply(0, args) : void 0)
- })
- })
- } else {
- loadJS(url, id)
- }
- }
- },
- css: {
- load: function(name, req, onLoad) {
- var url = req.url
- head.insertAdjacentHTML(
- 'afterBegin',
- ''
- )
- onLoad()
- }
- },
- text: {
- load: function(name, req, onLoad) {
- var xhr = getXHR()
- xhr.onload = function() {
- var status = xhr.status
- if (status > 399 && status < 600) {
- Anot.error(url + ' 对应资源不存在或没有开启 CORS')
- } else {
- onLoad(xhr.responseText)
- }
- }
- xhr.open('GET', req.url, true)
- xhr.send()
- }
- }
- })
- innerRequire.checkDeps = checkDeps
-
- var rquery = /(\?[^#]*)$/
- function trimQuery(url) {
- return (url || '').replace(rquery, '')
- }
-
- function isAbsUrl(path) {
- //http://stackoverflow.com/questions/10687099/how-to-test-if-a-url-string-is-absolute-or-relative
- return /^(?:[a-z\-]+:)?\/\//i.test(String(path))
- }
-
- function getCurrentScript() {
- // inspireb by https://github.com/samyk/jiagra/blob/master/jiagra.js
- var stack
- try {
- a.b.c() //强制报错,以便捕获e.stack
- } catch (e) {
- //safari5的sourceURL，firefox的fileName，它们的效果与e.stack不一样
- stack = e.stack
- }
- if (stack) {
- /**e.stack最后一行在所有支持的浏览器大致如下:
- *chrome23:
- * at http://113.93.50.63/data.js:4:1
- *firefox17:
- *@http://113.93.50.63/query.js:4
- *opera12:http://www.oldapps.com/opera.php?system=Windows_XP
- *@http://113.93.50.63/data.js:4
- *IE10:
- * at Global code (http://113.93.50.63/data.js:4:1)
- * //firefox4+ 可以用document.currentScript
- */
- stack = stack.split(/[@ ]/g).pop() //取得最后一行,最后一个空格或@之后的部分
- stack = stack[0] === '(' ? stack.slice(1, -1) : stack.replace(/\s/, '') //去掉换行符
- return trimQuery(stack.replace(/(:\d+)?:\d+$/i, '')) //去掉行号与或许存在的出错字符起始位置
- }
- var nodes = head.getElementsByTagName('script') //只在head标签中寻找
- for (var i = nodes.length, node; (node = nodes[--i]); ) {
- if (node.className === subscribers && node.readyState === 'interactive') {
- var url = node.src
- return (node.className = trimQuery(url))
- }
- }
- }
-
- var rcallback = /^callback\d+$/
- function fireFactory(id, deps, factory) {
- var module = Object(modules[id])
- module.state = 4
- for (var i = 0, array = [], d; (d = deps[i++]); ) {
- if (d === 'exports') {
- var obj = module.exports || (module.exports = createMap())
- array.push(obj)
- } else {
- array.push(modules[d].exports)
- }
- }
- try {
- var ret = factory.apply(window, array)
- } catch (e) {
- log('执行[' + id + ']模块的factory抛错： ', e)
- }
- if (ret !== void 0) {
- module.exports = ret
- }
- if (rcallback.test(id)) {
- delete modules[id]
- }
- delete module.factory
- return ret
- }
- function toUrl(id) {
- if (id.indexOf(this.res + '!') === 0) {
- id = id.slice(this.res.length + 1) //处理define("css!style",[], function(){})的情况
- }
- var url = id
- //1. 是否命中paths配置项
- var usePath = 0
- var baseUrl = this.baseUrl
- var rootUrl = this.parentUrl || baseUrl
- eachIndexArray(id, kernel.paths, function(value, key) {
- url = url.replace(key, value)
- usePath = 1
- })
- //2. 是否命中packages配置项
- if (!usePath) {
- eachIndexArray(id, kernel.packages, function(value, key, item) {
- url = url.replace(item.name, item.location)
- })
- }
- //3. 是否命中map配置项
- if (this.mapUrl) {
- eachIndexArray(this.mapUrl, kernel.map, function(array) {
- eachIndexArray(url, array, function(mdValue, mdKey) {
- url = url.replace(mdKey, mdValue)
- rootUrl = baseUrl
- })
- })
- }
- var ext = this.ext
- if (ext && usePath && url.slice(-ext.length) === ext) {
- url = url.slice(0, -ext.length)
- }
- //4. 转换为绝对路径
- if (!isAbsUrl(url)) {
- rootUrl = this.built || /^\w/.test(url) ? baseUrl : rootUrl
- url = joinPath(rootUrl, url)
- }
- //5. 还原扩展名，query
- var urlNoQuery = url + ext
- url = urlNoQuery + this.query
- urlNoQuery = url.replace(rquery, function(a) {
- this.query = a
- return ''
- })
- //6. 处理urlArgs
- eachIndexArray(id, kernel.urlArgs, function(value) {
- url += (url.indexOf('?') === -1 ? '?' : '&') + value
- })
- this.url = url
- return (this.urlNoQuery = urlNoQuery)
- }
-
- function makeIndexArray(hash, useStar, part) {
- //创建一个经过特殊算法排好序的数组
- var index = hash2array(hash, useStar, part)
- index.sort(descSorterByName)
- return index
- }
-
- function makeMatcher(prefix) {
- return new RegExp('^' + prefix + '(/|$)')
- }
-
- function makeExports(value) {
- return function() {
- var ret
- if (value.init) {
- ret = value.init.apply(window, arguments)
- }
- return ret || (value.exports && getGlobal(value.exports))
- }
- }
-
- function hash2array(hash, useStar, part) {
- var array = []
- for (var key in hash) {
- // if (hash.hasOwnProperty(key)) {//hash是由createMap创建没有hasOwnProperty
- var item = {
- name: key,
- val: hash[key]
- }
- array.push(item)
- item.reg = key === '*' && useStar ? /^/ : makeMatcher(key)
- if (part && key !== '*') {
- item.reg = new RegExp('/' + key.replace(/^\//, '') + '(/|$)')
- }
- // }
- }
- return array
- }
-
- function eachIndexArray(moduleID, array, matcher) {
- array = array || []
- for (var i = 0, el; (el = array[i++]); ) {
- if (el.reg.test(moduleID)) {
- matcher(el.val, el.name, el)
- return false
- }
- }
- }
- // 根据元素的name项进行数组字符数逆序的排序函数
- function descSorterByName(a, b) {
- var aaa = a.name
- var bbb = b.name
- if (bbb === '*') {
- return -1
- }
- if (aaa === '*') {
- return 1
- }
- return bbb.length - aaa.length
- }
-
- var rdeuce = /\/\w+\/\.\./
- function joinPath(a, b) {
- if (a.charAt(a.length - 1) !== '/') {
- a += '/'
- }
- if (b.slice(0, 2) === './') {
- //相对于兄弟路径
- return a + b.slice(2)
- }
- if (b.slice(0, 2) === '..') {
- //相对于父路径
- a += b
- while (rdeuce.test(a)) {
- a = a.replace(rdeuce, '')
- }
- return a
- }
- if (b.slice(0, 1) === '/') {
- return a + b.slice(1)
- }
- return a + b
- }
-
- function getGlobal(value) {
- if (!value) {
- return value
- }
- var g = window
- value.split('.').forEach(function(part) {
- g = g[part]
- })
- return g
- }
-
- var mainNode = DOC.scripts[DOC.scripts.length - 1]
- var dataMain = mainNode.getAttribute('data-main')
- if (dataMain) {
- plugins.baseUrl(dataMain)
- var href = kernel.baseUrl
- kernel.baseUrl = href.slice(0, href.lastIndexOf('/') + 1)
- loadJS(href.replace(rjsext, '') + '.js')
- } else {
- var loaderUrl = trimQuery(mainNode.src)
- kernel.baseUrl = loaderUrl.slice(0, loaderUrl.lastIndexOf('/') + 1)
- }
-}() // jshint ignore:line
-
-Anot.config({
- loader: true
-})
-
-if (typeof define === 'function' && define.amd) {
- define('Anot', [], function() {
- return Anot
- })
-}