用React build项目,部署后 IE 浏览器打不开(我用的是 IE11),控制台报错:SCRIPT438:对象不支持"assign"属性或方法。 ?...解决方法: 使用 create-react-app 官方提供的 react-app-polyfill,然后在入口文件 index.js 中引入: react-app-polyfill 软件包包括适用于各种浏览器的...模块确保存在以下语言功能: Promise(为async/ await支持) window.fetch (一种基于承诺的方法,可在浏览器中发出Web请求) Object.assign(对象传播所需的帮助者...充填其他语言功能 polyfill 还可以填充目标浏览器中不可用的稳定语言功能。...声明:本文由w3h5原创,转载请注明出处:《React build项目部署后IE浏览器报错:对象不支持"assign"属性或方法的解决》 https://www.w3h5.com/post/424.html
,由于IE不支持addEvem=ntListener方法添加事件,因此判断页面是否加载只能使用readyState判断页面加载状态。...同样定义一个静态方法 // 0 去除字符串两端的空格 selector = kjQuery.trim(selector); kjQuery.trim = function (str)...通过extend方法来为对象或类添加方法。...元素存储到jQuery对象中返回 选择器: 会将找到的所有元素存储到jQuery对象中返回 3.数组: 会将数组中存储的元素依次存储到jQuery对象中立返回...4.除上述类型以外的: 会将传入的数据存储到jQuery对象中返回 */ // 0 去除字符串两端的空格 selector = kjQuery.trim
各浏览器选择器返回类型差别: // IE678 返回具有HTMLCollection特征(有namedItem方法)的[object Object]对象 // IE9、10、11、FF、Chrome均返回...NodeList document.getElementsByName; // IE678 返回具有NodeList特征(无namedItem方法)的[object Object]对象 // IE9、...用过classList的都知道它大大提高了我们设置css类的效率,但IE10以下却不支持,polyfill可以帮我们一把。...另外,JQuery中也有一个data函数,那么它跟以"data-"开头的自定义特性有什么关联呢?...JQuery这种算是折中的做法吧,所以用JQuery的data API操作自定义特性时最好不要跟dataset或get/setAttribute等原生API混合用咯。
// 在 jQuery 中,$ 仅仅是 jQuery 的别名,因此即使不使用 $ 也能保证全部功能性。...中会抛出非法指针异常,必须检查constructor属性 // DOM节点和window对象,返回false // obj不存在 或 非object类型 或 DOM节点...// 尽可能的使用本地String.trim方法,否则先过滤开头的空格,再过滤结尾的空格 trim: trim ?...副本的属性和方法能够被改变,可是不会影响原始的jQuery对象 // 有两种使用方法: // 1....覆盖jQuery的方法,而不破坏原始的方法 // 2.封装,避免命名空间冲突,能够用来开发jQuery插件 // 值得注意的是,jQuery.sub()函数并不提供真正的隔离,全部的属性、方法依旧指向原始的
手动实现一个new方法 new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象类型之一 new Object()举例: 创建一个新对象 把新对象的原型指向构造函数的prototype 把构造函数里的...如何删除属性 jquery中可以用attr()方法来获取和设置元素属性,可以用removeAttr()方法来删除元素属性。...119.如何设置和获取html以及文本的值 使用html()方法,类似于innerHTML属性,可以用它读取或设置某个元素中的HTML内容。...149.如何解决display:inine-block在ie6,ie7下不兼容的问题 设置float:left属性 150.如何解决ie6不支持position:fixed属性的问题 ie6下用position...多态,同一个对象在不同情况下呈现不同的形态:重载(同一方法名,根据传入的参数不同,而执行不同操作);重写(子对象在继承父对象的 属性或方法后,重新定义一个新的属性或方法,来覆盖从父对象中继承的属性或方法
IE9(8)跨域(CORS)解决方案(为什么CORS不支持IE9) https://www.cnblogs.com/whq920729/p/6306131.html HTML5中 XMLHttpRequest...比如open方法只有method和url两个参数,XDR只支持异步不支持同步操作。...true (仅此法无法解决) 2)针对 拒绝访问 是由于浏览器安全机制导致的,解决方法为点击IE浏览器的的“工具->Internet 选项->安全->自定义级别”将“其他”选项中的“通过域访问数据源”...选中为“启用”或者“提示”,点击确定就可以了(但是此法需要用户自行设置不太现实) 3)(推荐)对于浏览器跨域 IE10+ 才支持withCredentials属性,IE9- 不支持,跨域对象只能用XDomainRequest...the XDomainRequest object for IE8 and IE9 when using the $.ajax function in jQuery 1.5+.
不被修改, 所以需要接受一个正确的undefined jQuery中的extend方法 jQuery中有众多的方法,但这么多的方法不可能都是一一用每一个函数来封装,因此应用到了extend继承的方法来对这些方法进行管理...下面的示例中应用了三种extend方法: 1.通过类调用或添加静态方法 2.通过对象调用或添加实例方法 2.将两种方法合二为一 的原生方法和属性的实现(部分) 主要实现了 1.传入 '' null undefind NaN 0 false.返回空的jQuery对象 2.字符串 代码片段:会将创建好的DOM元素储存到jQuery...对象中返回 选择器:会将所有找的元素存储到jQuery对象中返回 3.数组 会将数组中的元素依次存入到jQuery对象中返回 4.除上述以外的 会将传入的数据储存到jQuery对象中返回 5...}, //内置属性 jquery: "1.1.0", selector: "", length: 0, //[]找到数组的push方法 //冒号前面的push由jQuery调用 //相当于 [].push.apply
array-like的对象有length属性,但没有数组的方法,也不能被for-in来遍历。...,如果有,返回该元素所在数组中的下标,否则返回-1。...但IE8-不支持Array.prototype.indexOf。...( str ) 去除字符串前后的空格 $.trim(" hello, how are you?...IE8-不支持Date.now()。 $.noop() 返回一个空函数。 在写组件时,用这个方法可作为有些回调的默认值。
中window对象,提供event属性,所以在IE中可以直接使用 event对象 火狐没有全局event对象,必须在发生事件时,产生一个event对象 ,传递默认方法 6.form的提交、重置事件..., 该方法IE 不支持 ,在IE中使用 returnValue 提供stopPropagation()用与阻止事件传播,该方法IE不支持,在IE中 cancelBubble 五、Ajax编程入门 1....DOM对象属性方法,DOM对象也无法使用jQuery对象属性方法。...find 方法使用最多 对查找结果进行遍历操作 each(function(){… }) ,在each函数中可以通过this 获得DOM对象,$(this) 获得jQuery对象 ②:属性操作 设置属性...这三个方法不支持跨域,$getJSON、$getScript支持跨域。 ①:load方法 load方法是jQuery中最为简单和常用的Ajax方法,处理HTML片段此方法最为合适。
返回的是一个CSS样式声明对象([object CSSStyleDeclaration]),只读。...我们先把注意力放在桌面设备上,可以看到,getComputedStyle方法IE6~8是不支持的,得,背了半天的媳妇,发现是孙悟空变的——郁闷了。不急,IE自有自己的一套东西。...,差别在于element.currentStyle返回的是元素当前应用的最终CSS属性值(包括外链CSS文件,页面中嵌入的属性等)。...不过,currentStyle属性貌似不支持伪类样式获取,这是与getComputedStyle方法的差异,也是jQuery css()方法无法体现的一点。...CSS中的2em属性值: 所以通用的方法可以使用下面的代码 return window.getComputedStyle ?
如何实现跨域数据请求 JSONP JSONP的实现原理 自己实现一个简单的JSONP JSONP的缺点 jQuqery中的JSONP 自定义参数及回调函数的名称 jQuery...MDN官方给定的概念:同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互,这是一个用于隔离潜在恶意文件的重要安全机制。...JSONP的缺点 由于JSONP是通过script标签的src属性,来实现跨域数据获取的,所以,JSONP支持get数据请求,不支持POST请求,只能默认发起get请求。...jQuqery中的JSONP jquery提供的$.ajax()函数,除了可以发起真正的Ajax数据请求之外,可以通过改变数据类型使其能够发起JSONP数据请求。...中JSONP的实现过程 jQuery中的JSONP,也是通过script标签的src属性实现跨域数据访问的,只不过,jquery采用的是动态创建和移除script标签的方式,来发起的JSONP的数据请求
assets 实验性支持从DOM中移除image元素后清理iOS的内存。...data 一个全面的 data()方法, 能够在内存中存储任意对象。 deferred 提供 $.Deferredpromises API. 依赖"callbacks" 模块....stack 提供 andSelf& end()链式调用方法 ios3 String.prototype.trim 和 Array.prototype.reduce 方法 (如果他们不存在) ,以兼容...不支持jQuery CSS 扩展, 然而,可选的“selector”模块有限提供了支持几个最常用的伪选择器 Zepto.js: 无法获取隐藏元素宽高; Zepto 的选择器表达式: [name=value...其实还有很多方法的缺失,所以大家自己在写代码的时候多留意下zepto和jQuery的区别吧,在此就不多赘述了。 4. zepto的应用demo 用法基本跟jQuery一致,直接上手就行,不用客气。
不同于例遍 jQuery 对象的 $().each() 方法,此方法可用于例遍任何对象。回调函数拥有两个参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。...参数 object:需要例遍的对象或数组。 callback:每个成员/元素执行的回调函数。 示例 // 例遍数组,同时使用元素索引和内容。...类数组对象有 length 属性,其成员索引为 0 至 length - 1。实际中此函数在 jQuery 中将自动使用而无需特意转换。 参数: obj:类型Object,类数组对象。...继承) 语法:jQuery.extend([deep], target, object1, [objectN]) 概述 用一个或多个其他对象来扩展一个对象,返回被扩展的对象。...参数 target:一个对象,如果附加的对象被传递给这个方法将那么它将接收新的属性,如果它是唯一的参数将扩展jQuery的命名空间。 object1:待合并到第一个对象的对象。
---接上篇: 三、DOM解析: 1、Document Object Model(DOM):是表示和操作HTML和XML文档内容的基础API;其中几个重要的类有:Document和Element...,Text,这三个也是Node的其中几个子类; 2、文档元素的选取:返回值是Element或Element组成的数组NodeList;...,返回一个NodeList对象或Element;功能与JQuery类库中的()相似,两者参数相同,不同的是:()返回值为一个JQuery对象表示匹配的元素集,JQuery对象是一个类数组,可以用标准的数组标示方括号来访问...JQuery对象的内容;也可以用toArray()方法来将JQuery对象转化为真实的数组; 参数举例:1、ID: #nav 2、 标签名:div 3、class属性值:.success 4、基于属性值...浏览器不支持) textContent: 返回纯文本;IE不支持 innerText:也是返回纯文本,但不返回元素的内容;FireFox不支持;
:右上角圆角,基于css3,ie不支持 .ui-corner-bl:左下角圆角,基于css3,ie不支持 .ui-corner-br:右下角圆角,基于css3,ie不支持 .ui-corner-top:...上面两个角圆角,基于css3,ie不支持 .ui-corner-bottom:底部两个角圆角,基于css3,ie不支持 .ui-corner-right:右部两个角圆角,基于css3,ie不支持 .ui-corner-left...:左部两个角圆角,基于css3,ie不支持 .ui-corner-all:全部角圆角,基于css3,ie不支持 .ui-widget-overlay:遮罩 .ui-widget-shadow:阴影 在写...还有两个私有方法是创建widget的时候要重写的。在widget中,所有的私有方法都将加以"_"前缀。..._setOption(): 此方法提供了options的属性的设置,一般情况下如果options里面的参数不需要特殊处理(校验,类型转换,以及设置属性的时候触发某一操作等)的时候不需要对此方法进行重写。
可以看到元素的“属性”被分为三块 1. standard attribute:标准属性(或固有属性),如id、name等DTD/Scheme中定义的标签属性。 ...3. custom attribute:自定义特性(显式特性),直接写在标签中或通过getAttribute等APIs访问、设置的非DTD/Scheme中定义的标签属性 特点:①....浏览器支持:IE8+(IE567以[object Object]类型的形式提供与[object Attr]类型相同的APIs)、FF、Chrome 特点: ①. ...text属性:属性值就是选中项的innerText.trim()返回的字符串。 ...下面我将固有属性的判断和本文第六节中判断standard attribute的方法结合一下: // IE5+、Chrome、FF均有效 function isStandardAttr(node, prop
文档准备好以后触发,包含在 HTML5 标准中 对于支持此事件的浏览器,直接使用 DOMContentLoaded 事件是最简单最好的选择 IE6,7,8 都不支持 DOMContentLoaded...所以目前所有的 hack 方法都是为了让 IE6,7,8支持 DOM Ready 事件 下面代码可以发现 jQuery 的 ready 事件稍微早于 DOMContentLoaded 事件,但都是实现了...1、Dom Ready 是在 dom 加载完成后就可以直接对 dom 进行操作,比如一张图片只要 img 标签完成,不用等这个图片加载完成,就可以设置图片的宽高的属性或样式等; 2、Dom Load...是在整个 document 文档(包括了加载图片等其他信息)加载完成后就可以直接对 dom 进行操作,比如加载一张图片,要等这个图标加载完成之后才能设置图片的宽高的属性或样式等; onreadystatechange...事件,只支持 onload 事件 IE 的 script 元素支持 onreadystatechange 事件,不支持 onload 事件 在 IE 下,可以使用 onreadystatechange
IE9~11下的Selection类型对象没有containsNode方法; 4....IE11仅有[object Selection]类型 获取方式: document.getSelection() 或 window.getSelection() 2....IE5.5~IE8仅有[object MSSelection]类型 获取方式: document.selection 注意:document.selection是IE的特有属性。...IE5.5~8没有 document.createRange() 方法 关于[object Range]、[object TextRange]和[object ControlRange]类型 首先明确的是...,并且无法像Range对象内容通过selectNode方法直接绑定到DOM片段中。
world ' var newStr = $.trim(str) 3、遍历属性和集合 - $.each(collection, callback) $.each(arr, function...$.inArray(value, array) 返回值在数组中的下标 console.log($.inArray(2, [1, 2, 3, 4, 5])); $.makeArray(object)...事件 IE 中,超时必须在 open 方法后,send 方法前设置 status 属性 初始 status 为 0,接收响应头后为标准的 HTTP 状态码 如果响应头中没有设置状态码,则默认为 200...、模块或函数 从数据库/缓存等数据源中取出 JSON 数据格式 转化为可用的对象或直接使用 0x4 JSON对象 1、Json对象 parse 方法和 stringify 方法调用时注意 try catch...除了低版本 IE(6、7),兼容性很好 可以将对象与 JSON 数据格式互相转化 2、JSON.parse 方法 将 JSON 数据格式转化为对象 第二个参数接受一个过滤函数 注意去除数据中的尾逗号
所谓维护版本是指在不更改任何核心组件或添加新功能的情况下纠正安全漏洞或小错误的软件版本。...与自定义 CSS 属性值的规范保持一致现在为自定义 CSS 属性值 trimmed,以前类似的东西--prop: value ;会保留值中的前导和尾随空格,返回“value”。...幸运的是更多地依赖浏览器可以成为解决问题的方法,但团队仍然需要在 3.x 分支中为 IE 去除 CDATA 部分。这将在 4.0 中删除。...jQuery.trim 的性能提升虽然jQuery.trim已在主分支上删除以支持原生的String#trim(准备下一个主要版本上线),但对于分支支持的某些浏览器(例如 Android 4.0)在 3...jQuery,甚至唯恐避之不及,但它曾经的功绩仍不可磨灭,jQuery 致力于消除浏览器差异,简化了操作 DOM 的方法,让早期的开发者们能轻松实现动画、修改 CSS 等各种操作,说它是 JavaScript