ie

一、概述 所谓断点续传，其实只是指下载，也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的，HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。 HTTP协议本身不支持断点上传，需要自己实现。 二、Range 用于请求头中，指定第一个字节的位置和最后一个字节的位置，一般格式： Range:用于客户端到服务端的请求，可以通过改字段指定下载文件的某一段大小及其单位，字节偏移从0开始。典型格式： Ranges: (unit=first byte pos)-[last byte pos] Ranges: bytes=4000- 下载从第4000字节开始到文件结束部分 Ranges: bytes=0~N 下载第0-N字节范围的内容 Ranges: bytes=M-N 下载第M－N字节范围的内容 Ranges: bytes=-N 下载最后N字节内容 1.以下几点需要注意： (1)这个数据区间是个闭合区间，起始值是0，所以“Range: bytes=0-1”这样一个请求实际上是在请求开头的2个字节。 (2)“Range: bytes=-200”，它不是表示请求文件开始位置的201个字节，而是表示要请求文件结尾处的200个字节。 (3)如果last byte pos小于first byte pos

额，在FF中时正常的，但是，在 IE8.0 中 通过 try catch (e) alert(e) 却得到了此错误。 代码如下 $("#XTABLE").find("tr").not(":first").each(function(){ self=$(this); if(self.data("gt")==1) { self2=self.find("td:eq(0)"); transstring=self2.text()+";"+getSelectValue_1(self.find("select"),1)+";"+self.find(":input:eq(1)").val()+";"+self.find(":input:eq(2)").val()+";"+self.find(":input:eq(3)").val(); postData+=transstring+"$"; } }); 红色区域为错误 发生区， 其实现在还是不明白 为什么 会错误。、 开始 我想定义一个self变量，到是一想到其实自己有self的全局变量，所以，直接使用就好了，于是 就直接使用，而没有在此作用于之上重新定义self。 结果 错就错在没有定义 self上，问题的原因可能是 self 没有检测到，javascript 可以预先不定义 变量，相当于一个全局变量。 2 可能在前面或是其他页面这个

场景是视频铺满模块作为背景展示。常规的样式 video 标签很难被拉伸压缩，所以会导致有很多留黑留白的现象。而 CSS3 中有一个属性可以完美解决此问题。 object-fit ，当设置 下面的属性时可以完美的占满整个模块而不出现黑色区域。 object-position : center ; object-fit : cover ; 但是 object-fit 的兼容性也完美的避开了 IE，任何版本的 IE 浏览器都不兼容。Edge 下也不支持。如果不需要处理IE还是非常好的一个解决方法，另外这里有一个 polyfill ，大家可以去尝试下。 另一种解决方案比较兼容，支持IE，方法如下 width : auto ; height : auto ; min-height : 100% ; min-width : 100% ; position : absolute ; left : 50% ; top : 0 ; transform : translate ( -50%, 0 ) ; 亲测 IE、Edge 有效，完美兼容 来源： CSDN 作者： 安然lw 链接： https://blog.csdn.net/qq_25243451/article/details/104563706

RGB色彩模式（也翻译为“红绿蓝”，比较少用）是工业界的一种颜色标准，是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的，RGB即是代表红、绿、蓝三个通道的颜色，这个标准几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。 RGBA在RGB的基础上多了控制alpha透明度的参数。以上R、G、B三个参数，正整数值的取值范围为：0 – 255。百分数值的取值范围为：0.0% – 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A参数，取值在0~1之间，不可为负值 RGBA语法 ： div { background: rgba(0, 0, 0, 0.5); } 一、CSSPIE CSSPIE可以让color、background、 box-shadow支持RGBA 示例： div{ color:rgba(0,0,0,.5); background:rgba(0,0,0,.5); -pie-background:rgba(0,0,0,.5);/*IE6-8*/ box-shadow: 1px 1px rgba(0,0,0,.5);/*仅在未设置模糊值的情况下支持rgba*/ } 二、filter 通过IE滤镜让背景色透明，模拟rgba效果 示例： .filter{ filter

一张图轻松搞懂javascript event对象的clientX,offsetX,screenX,pageX区别 2014-09-14 0 个评论 来源：ruoyiqing的专栏 收藏 我要投稿 总是会被javascript的event对象的clientX,offsetX,screenX,pageX 弄得头晕，于是决定做个图来区分一下(画得我手那个酸呀。。。。) 先总结下区别： event.clientX、event.clientY 鼠标相对于 浏览器 窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.clientY，但它们使用的是文档坐标而非窗口坐标。这2个属性不是标准属性，但得到了广泛支持。IE事件中没有这2个属性。 event.offsetX、event.offsetY 鼠标相对于事件源元素（srcElement）的X,Y坐标，只有IE事件有这2个属性，标准事件没有对应的属性。 event.screenX、event.screenY 鼠标相对于用户显示器屏幕左上角的X,Y坐标。标准事件和IE事件都定义了这2个属性 上图！！！！ 来源： oschina 链接： https://my.oschina.net/u/1992917

javascript的创建多行字符串的除了平时常见的 ”“+ 反斜杠 \ 还有ES6的 ` ` 在 js51 上发现一个很有意思的方法 function heredoc(fn) { return fn.toString().split('\n').slice(1,-1).join('\n') + '\n' } var tmpl = heredoc(function(){/* !!! 5 html include header body //if IE 6 .alert.alert-error center 对不起，我们不支持IE6，请升级你的浏览器 a(href="http://windows.microsoft.com/zh-CN/internet-explorer/download-ie") | IE8官方下载 a(href="https://www.google.com/intl/en/chrome/browser/") | Chrome下载 include head .container .row-fluid .span8 block main include pagerbar .span4 include sidebar include footer include script */}); 优点: 模板字符串内不必写多余的任何字符，干净，简单 真正意义上的多行字符串,

首先我们说说firefox和IE对CSS的宽度显示有什么不同： 其实CSS ’width’ 指的是标准CSS中所指的width的宽度，在firefox中的宽度就是这个宽度。它只包含容器中内容的宽度。而Internet Explorer ’width’则是指整个容器的宽度，包括内容，padding ，border。 Firefox中：容器占的宽度=内容宽度+padding宽度+border宽度 IE中：内容宽度=您定义的容器宽度(Internet Explorer ’width’)-padding宽度-border宽度 所以，如果IE中定义 width:120px;padding:5px 的话，所显示的宽度就是120px. 即padding:5px是在width里面。 而Firefox中，上面这个定义，显示宽度就是 125 px; 所以，我们就必须这样定义 width:115px !important;width:120px;padding:5px; 必须注意的是， !important; 一定要在前面。 CSS 兼容要点： DOCTYPE 影响 CSS 处理 FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是

参考： https://babeljs.io/docs/en/babel-polyfill 1、安装 npm i @babel/polyfill -S yarn add @babel/polyfill 2、导入 在入口文件 src\index.js 中最顶部导入： import '@babel/polyfill' 来源： oschina 链接： https://my.oschina.net/u/2436852/blog/3176306

自从HTML5能为我们的新网页带来更高效洁净的代码而得到更多的关注，然而唯一能让IE识别那些新元素(如<article>)的途径是使用HTML5 shiv,感谢remy sharp为我们提供了这个迷你脚本来解决IE支持HTML5的问题。 使用和下载 　　html5.js必须在页面head元素内调用(因为IE必须在元素解析前知道这个元素，所以这个js文件不能在页面底部调用。) 　　作者已经把js文件放在Google code project上并允许大家直接调用，当然，前提是你不在意调用额外的文件。 http://html5shiv.googlecode.com/svn/trunk/html5.js 　　你可以使用IE条件注释来调用这个js文件，这样像FireFox等非IE浏览器就会忽视这段代码，也就不会有无谓的http请求了。下面这段代码仅会在IE浏览器下运行: 复制代码代码如下: <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> 当然如果你不喜欢调用外网文件，你也可以下载下来上传到自己的服务器单独调用(作者允许)。 来源： https://www.cnblogs.com/top5/archive/2011/06/08/2074956

现在越来越多浏览器已经实现支持 HTML5，其中 iPad 上的 Safari 浏览器对 HTML5 支持就非常完美，所以我们做的 iPad 导航 就是完全用 HTML5 写的。 　　IE 无法渲染 HTML5 样式 　　IE 的用户完全不是我们的目标用户，但是总有人说我们网站显示的乱七八糟，很烂，因为 IE 不知道如何给不能识别的标签或者元素渲染 CSS，比如<header> 这些 IE 无法识别的标签，我们在 CSS 中定义的样式，IE 就无法渲染，所以还是决定让 iPad 导航至少在 IE 下能够布局正常一点。 　　前面说了 IE 对 HTML5 标签无法识别，所以无法渲染样式，而 Sjoerd Visscher 发现一种方法 可以强制 IE 渲染 HTML5 标签，当你创建一个新的 DOM 元素（名字和它无法识别的标签相同）的时候，IE 就可以渲染，并且甚至无需插入这个元素，下面 blah 就能被渲染。 <html> <head> <style> blah { color: red; } </style> <script> document.createElement("blah") </script> </head> <body> <blah> Hello! < /blah> </body> </html> 　　 remy sharp 整理了一个迷你的脚本 html5