JavaScript初探

JavaScript标准化模块库

2021-03-23  本文已影响0人  雷雨leiyu

标准化模块

随着ECMAScript的迅速成长以及主流浏览器的频繁更新换代,每年都会有新的API,这就引出了一个概念叫做polyfill(补丁),就是用API使得在不兼容某些特性的浏览器上使用该新特性。

core.js

es5-shim与es6-shim

// 浏览器型号与版本
var sys = {browser:null, version: null};
var ua = navigator.userAgent.toLowerCase();
// mozilla/5.0 (x11; linux x86_64) applewebkit/537.36 (khtml, like gecko) chrome/88.0.4324.96 
var match = ua.match(/(msie|firefox|chrome|opera|version)\/(\d)+/i)
sys.browser = match[1];
sys.version = match[2];
// HTML引入shim
<!--[if lt IE 9]>
    <script src="es5-shim/es5-shim.min.js"></script>
    <script src="es6-shim/es6-sham.min.js"></script>
<![endif]-->
// JS动态加入
var scriptNode = document.createElement('script');
scriptNode.setAttribute('type', 'text/javascript');
scriptNode.setAttribute('src', '"es5-shim/es5-shim.min.js');
document.head.appendChild(scriptNode);

其它

上一篇 下一篇

猜你喜欢

热点阅读