This repository has been archived on 2023-08-29. You can view files and clone it, but cannot push or open issues/pull-requests.
yutent
/
anot.js
Archived
1
0
Fork 0

移除低版本浏览器的兼容代码

master
宇天 2019-01-28 15:55:33 +08:00
parent 76ced919e0
commit 8dc7a77934
3 changed files with 79 additions and 955 deletions

View File

@ -13,115 +13,24 @@ const chokidar = require('chokidar')
const uglify = require('uglify-es') const uglify = require('uglify-es')
const chalk = require('chalk') const chalk = require('chalk')
const log = console.log const log = console.log
const VERSION = '1.0.0' const VERSION = '2.0.0'
const PACK_QUEUE = [
'anot.js',
'anot.shim.js',
'anot-touch.js',
'anot-touch.shim.js'
]
const PACK_DIR = path.resolve('./dist') const PACK_DIR = path.resolve('./dist')
const SOURCE_DIR = path.resolve('./src/') const SOURCE_DIR = path.resolve('./src/')
const PAD_START = Buffer.from(` const PAD_START = Buffer.from(`
var _Anot = (function() { const _Anot = (function() {
`) `)
const PAD_END = Buffer.from(` 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',
'<link rel="stylesheet" href="' + url + '">'
)
CSS_DEPS[url] = 1
}
getBaseUrl()
/********************************************************************* /*********************************************************************
* DOMReady * * DOMReady *
**********************************************************************/ **********************************************************************/
var readyList = [] let readyList = []
var isReady let isReady
var fireReady = function(fn) { let fireReady = function(fn) {
isReady = true isReady = true
while ((fn = readyList.shift())) { while ((fn = readyList.shift())) {
fn(Anot) fn(Anot)
@ -142,75 +51,18 @@ const PAD_END_NEXT = Buffer.from(`
} }
} }
window.importCss = importCss window.importCss = importCss
var _Anot = window.Anot
Anot.noConflict = function(deep) {
if (deep && window.Anot === Anot) {
window.Anot = _Anot
}
return Anot
}
window.Anot = Anot window.Anot = Anot
return Anot return Anot
})() })()
export default _Anot export default _Anot
`) `)
const PAD_START_SHIM = Buffer.from(`
;(function() {
`)
const PAD_END_SHIM = Buffer.from(`
/*********************************************************************
* DOMReady *
**********************************************************************/
var readyList = [] function comment({ touch } = {}) {
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 } = {}) {
return `/*================================================== return `/*==================================================
* Anot ${touch ? 'touch' : 'normal'} version ${amd ? 'with AMD loader' : ''} ${ * Anot ${touch ? 'touch' : 'normal'} version for future browsers
next ? 'for future browsers' : ''
}
* @authors yutent (yutent@doui.cc) * @authors yutent (yutent@doui.cc)
* @date 2017-03-21 21:05:57 * @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] return BUFFER_CACHE[it]
}) })
let touchModule = fs.cat('./src/lib/touch.js') let touchModule = fs.cat('./src/lib/touch.js')
let amdModule = fs.cat('./src/lib/amd.js')
let nextVer = Buffer.concat(libs) let normalVer = Buffer.concat(libs)
let touchNext = Buffer.concat([nextVer, touchModule]) let touchVer = Buffer.concat([normalVer, touchModule])
let shim = Buffer.concat([nextVer, amdModule])
let touchShim = Buffer.concat([shim, touchModule])
/** /**
* -------------------------------------------------------- * --------------------------------------------------------
* 打包未来版的 anot * 打包未来版的 anot
* -------------------------------------------------------- * --------------------------------------------------------
*/ */
fs.echo( fs.echo(Buffer.concat([PAD_START, normalVer, PAD_END]), './dist/anot.js')
Buffer.concat([PAD_START, nextVer, PAD_END_NEXT]), log('%s 打包完成...', chalk.green('anot.js'))
'./dist/anot.next.js'
)
log('%s 打包完成...', chalk.green('anot.next.js'))
/** /**
* -------------------------------------------------------- * --------------------------------------------------------
* 打包带触摸事件的未来版的 anot * 打包带触摸事件的未来版的 anot
* -------------------------------------------------------- * --------------------------------------------------------
*/ */
fs.echo( fs.echo(Buffer.concat([PAD_START, touchVer, PAD_END]), './dist/anot-touch.js')
Buffer.concat([PAD_START, touchNext, PAD_END_NEXT]), log('%s 打包完成...', chalk.green('anot-touch.js'))
'./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'))
} }
// 打包并压缩 // 打包并压缩
@ -305,101 +126,33 @@ function packAndCompress() {
return BUFFER_CACHE[it] return BUFFER_CACHE[it]
}) })
let touchModule = fs.cat('./src/lib/touch.js') let touchModule = fs.cat('./src/lib/touch.js')
let amdModule = fs.cat('./src/lib/amd.js')
let normal = Buffer.concat(libs) let normalVer = Buffer.concat(libs)
let touchNormal = Buffer.concat([normal, touchModule]) let touchVer = Buffer.concat([normalVer, 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 打包压缩完成...'))
/** /**
* -------------------------------------------------------- * --------------------------------------------------------
* 打包未来版的 anot * 打包未来版的 anot
* -------------------------------------------------------- * --------------------------------------------------------
*/ */
log('正在打包 anot.next.js...') log('正在打包 anot.js...')
let nextVer = Buffer.concat([PAD_START, normal, PAD_END_NEXT]).toString() let normalVerPack = Buffer.concat([PAD_START, normalVer, PAD_END]).toString()
fs.echo( fs.echo(comment() + uglify.minify(normalVerPack).code, './dist/anot.js')
comment({ next: true }) + uglify.minify(nextVer).code, log(chalk.green('anot.js 打包压缩完成!'))
'./dist/anot.next.js'
)
log(chalk.green('anot.next.js 打包压缩完成!'))
/** /**
* -------------------------------------------------------- * --------------------------------------------------------
* 打包带触摸事件的未来版的 anot * 打包带触摸事件的未来版的 anot
* -------------------------------------------------------- * --------------------------------------------------------
*/ */
log('正在打包 anot-touch.next.js...') log('正在打包 anot-touch.js...')
let touchNextVer = Buffer.concat([ let touchVerPack = Buffer.concat([PAD_START, touchVer, PAD_END]).toString()
PAD_START,
touchNormal,
PAD_END_NEXT
]).toString()
fs.echo( fs.echo(
comment({ touch: true, next: true }) + uglify.minify(touchNextVer).code, comment({ touch: true }) + uglify.minify(touchVerPack).code,
'./dist/anot-touch.next.js' './dist/anot-touch.js'
) )
log(chalk.green('anot-touch.next.js 打包压缩完成!')) log(chalk.green('anot-touch.js 打包压缩完成!'))
} }
let args = process.argv.slice(2) let args = process.argv.slice(2)
@ -432,7 +185,5 @@ switch (mode) {
break break
default: default:
log(chalk.red('无效编译参数!')) log(chalk.red('无效编译参数!'))
let buf = Buffer.concat(loadFiles())
log(buf.toString())
break break
} }

View File

@ -1,6 +1,7 @@
/********************************************************************* /*********************************************************************
* 全局变量及方法 * * 全局变量及方法 *
**********************************************************************/ **********************************************************************/
const CSS_DEPS = {}
let bindingID = 1024 let bindingID = 1024
let IEVersion = 0 let IEVersion = 0
if (window.VBArray) { if (window.VBArray) {
@ -11,7 +12,7 @@ let expose = generateID()
let DOC = window.document let DOC = window.document
let head = DOC.head //HEAD元素 let head = DOC.head //HEAD元素
head.insertAdjacentHTML( head.insertAdjacentHTML(
'afterBegin', 'afterbegin',
'<anot skip class="anot-hide"><style id="anot-style">.anot-hide{ display: none!important } slot{visibility:hidden;}</style></anot>' '<anot skip class="anot-hide"><style id="anot-style">.anot-hide{ display: none!important } slot{visibility:hidden;}</style></anot>'
) )
let ifGroup = head.firstChild let ifGroup = head.firstChild
@ -86,3 +87,52 @@ function generateID(mark) {
mark = (mark && mark + '-') || 'anot-' mark = (mark && mark + '-') || 'anot-'
return mark + (++bindingID).toString(16) 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',
'<link rel="stylesheet" href="' + url + '">'
)
CSS_DEPS[url] = 1
}
getBaseUrl()

View File

@ -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',
'<link rel="stylesheet" href="' + url + '">'
)
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的sourceURLfirefox的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
})
}