首页>>技术前沿>>B/S,C/S软件系统开发
聊一聊原生浏览器中的???/div>
作者:西安软件开发公司 | 转载 来源:西安软件开发公司 | 时间:2018年7月9日| 点击:0次 | 【评论】

上海天天彩选四单双 www.9xvq4.cn

自从ES2015定稿以来,我们通过 Babel 等转换工具可以在项目中直接使用【??椤?。前端??榛⒁丫遣豢赡孀?,在 ECMAScript module 之前我们通过 requirejs、seajs、LABjs,甚至最早的时候我们通过闭包来实现??榛?。目前一些主流的的浏览器厂商已经在他们新版的浏览器中原生支持了【??椤?,今天我们就来原生浏览器中的??榈降兹绾?。

目前原生支持??橛梅ǖ匿榔饔校?/P>

Safari 10.1
Chrome 61
Firefox 60
Edge 16
要使用原生浏览器的???,你只需要在 script 标签上添加一个 type=module 属性, 浏览器就会把这个脚本(内联脚本或者外联脚本)当作??槔创?。

不支持裸导入(不能通过??槊苯拥既耄?BR>一个合格的??楸晔斗匦肼阆铝刑跫唬?/P>

一个完整的非相对URL。通过 new URL(moduleSpecifier) 使用时不会报错。
以 / 开头。
以 ./ 开头。
以 ../ 开头。
保留其他说明符供将来使用,如导入内置???。

默认延迟加载
当网络状况不好的时候,脚本加载会阻塞浏览器解析 HTML。通常我们可以通过在 script 标签上使用 defer 属性来解决阻塞问题,但是这也会造成脚本只有在文档解析完成后才执行,同时还要兼顾其他延迟脚本的执行顺序。默认情况下??榻疟镜谋硐掷嗨朴?defer — 它不会阻塞 HTML 的解析。

??榻疟镜闹葱卸恿杏胧褂昧?defer 的常规脚本一致。

内联??橐彩茄映偌釉氐?BR>唱过脚本会忽略 defer 然而内联??樽苁?defer 的,不管它是否引入了动西。

内联/外联 ??槎贾С忠觳郊釉?BR>在普通脚本中,async 能让脚本的下载不阻塞HTML的解析并在下载完成后尽快执行。和普通脚本不同,内联??榻疟局С忠觳郊釉氐?。

同样的,异步加载的??榭赡懿换岚凑账窃贒OM中出现的顺序执行。

??橹恢葱幸淮?BR>如果你使用过ES6的??? 那么你肯定知道你可以多次引入同一??榈撬侵换嶂葱幸淮?。在Html中也一样, 一个URL??榻疟驹谝桓鲆趁嬷兄换嶂葱幸淮?。

遵循 CORS
不同于普通脚本,跨站引用??榻疟荆捌湟耄┬枰裱瑿ORS。 这意味着跨源??榻疟颈匦敕祷赜行У腃ORS头,例如Access-Control-Allow-Origin:*。

不需要凭证
针对同源请求,大部分基于CORS的API需要请求带上凭证(如:cookie),但是 fetch() 和??榻疟臼歉隼?,他们默认不会带上相关凭证除非你明确指定。

如果你想在同源请求??榻疟臼贝掀局?,可以设置 crossorigin 属性。如果跨站请求也想带上的话,可以设置 crossorigin="use-credentials",需要注意的是跨站的站点需要在请求返回头中加上 Access-Control-Allow-Credentials: true。

 

这里还有一个关于 ??橹恢葱幸淮?的坑。当你通过一个URL引入一个??槭?,如果一开始你以无凭证的方式请求,然后又以有凭证的方式再请求一次,你得到的返回都是无凭证请求的那次。这就是我为什么会在第二次请求时在URL后加上?,用于区分两次请求。

更新:以上可能很快会改变。 默认情况下,fetch()和??榻疟径蓟嵯蛳嗤丛吹腢RL发送凭据。

Mime-types
与普通脚本不同,??榻疟颈匦胩峁┯行У腏avaScript MIME类型,否则它们将不会执行。 HTML标准建议使用 text/javascript 。

此内容DOC下载 此内容PDF下载

【全文完】
关键词标签: 浏览器 ???/font> 
0 ([$-顶稿人数-$])
0 ([$-踩稿人数-$])

版权声明:

1、弈聪软件网站内容中凡注明“来源:XXX(非西安弈聪网站)”的作品,转载自其它媒体,转载目的在于传递更多信息,其中涉及的网站建设,网站优化,APP开发,微信小程序开发,大数据平台开发,区块链技术开发等软件开发技术细节并不代表本站赞同支持其观点,并不对其真实性负责。对于署名“西安弈聪”的作品系本站版权所有,任何人转载请署名来源,否则西安弈聪将追究其相关法律责任。

2、本站内容中未声明为“原创”的内容可能源自其它网站,但并不代表本站支持其观点,对此带来的法律纠纷及其它责任与我方无关。如果此内容侵犯了您的权益,请联系我方进行删除。

  • 劲爆福利 昨日中奖名单公布 今日5大箱可乐任意送劲爆福利-等级 2019-04-23
  • 创新沉浸式体验模式 宁夏开启2018全域旅游营销年--旅游频道 2019-04-23
  • 租购并举渐入佳境 构建楼市阶梯型消费 2019-04-22
  • 吉林省将开展城市管理效能提升三年行动:打造宜居的美丽城市 2019-04-22
  • 法国:马其顿和希腊就国名问题达成协议——欧盟欢迎协议达成  全力配合 2019-04-21
  • “末日彩排”!俄北风之神级潜艇齐射导弹可威慑对手 2019-04-21
  • 上合峰会与对外话语体系传播 2019-04-21
  • 尼斯湖里有啥?新西兰学者欲探测“水怪DNA”揭秘 2019-04-21
  • 广东警方摧毁全国首例“呼死你”专案犯罪团伙 2019-04-20
  • 团市委组织召开区块链发展座谈会 助力西安打造“区块链之都” 2019-04-20
  • 内蒙古100个最美观景拍摄点榜单文章中国国家地理网 2019-04-20
  • C919首飞机组技术支持团队:和大飞机一起舞动青春 2019-04-19
  • 滇剧兴衰 春城壹网 七彩云南 一网天下 2019-04-19
  • 看到101的Yamy 终于知道单眼皮怎么化眼妆了 2019-04-19
  • 阿呆,那是你家远祖啊,还不跪拜?[哈哈] 2019-04-19
  • 515| 159| 203| 505| 108| 113| 815| 832| 129| 503|