ie

深入理解 Vue 组件

萝らか妹 提交于 2020-02-06 15:51:13
深入理解 Vue 组件 组件使用中的细节点 使用 is 属性,解决组件使用中的bug问题 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 8 <title>组件使用中的细节点</title> 9 <script src="./vue.js"></script> 10 </head> 11 12 <body> 13 <div id="root"> 14 <table> 15 <tbody> 16 <!-- H5编码规范要求,tbody内必须是tr,因此row组件不能用,会产生bug, 17 因此 is 关键字起到了很好的作用,将此时的 tr 标签等于我们创建的 row 子组件。 18 完美解决了既要使用组件永不会影响H5编码规范的问题 19 不仅仅是table标签,ul ol select 标签都有相同的问题。--> 20 <tr is="row"></tr> 21 <tr is="row"></tr> 22 <tr is="row"

js判断是否是ie浏览器且给出ie版本

拟墨画扇 提交于 2020-02-03 22:56:19
每天学习一点点 编程PDF电子书、视频教程免费下载: http://www.shitanlife.com/code function IEVersion() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器 var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器 var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1; if(isIE) { var reIE = new RegExp("MSIE (\\d+\\.\\d+);"); reIE.test(userAgent); var fIEVersion = parseFloat(RegExp["$1"]); if(fIEVersion == 7) { return 7; } else if(fIEVersion == 8) { return 8; } else if

为啥就那么痛恨IE?

陌路散爱 提交于 2020-02-03 19:35:55
  看了《 评论:支持非IE浏览器真的那么难吗? 》一文,我觉得作者的分析太深刻了——一个典型的技术型人才。其实从技术上说,要支持IE根本不是什么困难的事情,这个大家都很清楚。但是不遵循技术标准,并不代表国人素质低,并不代表国人不思改变、不思进取!作为一个电脑爱好者,你可能很喜欢技术领先的东西,但是并不是大家都对技术领先型的产品有需求。   我买了一辆QQ,原装的GT轮胎,为啥不换上米其林、普利司通的轮胎呢?明知道GT轮胎LJ,但是我没这个需求,我的车能代步,我不去跑比赛,更不玩漂移。   我买了个NOKIA的手机,我从来不换铃声,明知道有更好听的铃声,可是我不感兴趣,手机对我就只是一个通讯工具,只要来电能响铃我就满足了,如此而已。   我不是IT圈内人士,所以我只能从一个普通用户的身份来质疑诸位内行的言语。这个商品经济、市场经济的年代,到底是技术说了算还是用户的需求说了算?很多搞技术的,都很重视技术,而忽略了用户的需求。难道没有听说过用户至上么?   我买了一台装了Windows的电脑,不下载任何软件,我就能方便的用IE上网。IE能满足我要的全部!IE不能实现的,也不一定是我必需的功能!要知道大多数人用电脑只是一个工具,而不是一个玩具!就算IE慢一点、容易崩溃什么的,但是相比之下,我更没有精力一个一个的去尝试FF、OPERA、CHROME、SAFARI……我的工作与电脑无关

DOM 事件模型

大城市里の小女人 提交于 2020-02-02 05:56:53
事件 HTML元素事件是浏览器内在自动产生的,当有事件发生时html元素会向外界(这里主要指元素事件的订阅者)发出各种事件,如click,onmouseover,onmouseout等等。 DOM事件流 DOM(文档对象模型)结构是一个树型结构,当一个HTML元素产生一个事件时,该事件会在元素结点与根结点之间的路径传播,路径所经过的结点都会收到该事件,这个传播过程可称为DOM事件流。 主流浏览器的事件模型 早在2004前在HTML元素事件的订阅,发送,传播,处理模型上各浏览器实现并不一致,直到DOM Level3中规定后,多数主流浏览器才陆陆续续支持DOM标准的事件处理模型 — 捕获型与冒泡型。 目前除IE浏览器外,其它主流的Firefox, Opera, Safari都支持标准的DOM事件处理模型。IE仍然使用自己的模型,即冒泡型,它模型的一部份被DOM采用,这点对于开发者来说也是有好处的,只使用DOM标准,IE都共有的事件处理方式才能有效的跨浏览器。 冒泡型事件(Bubbling) 这是IE浏览器对事件模型的实现,也是最容易理解的,至少笔者觉得比较符合实际的。冒泡,顾名思义,事件像个水中的气泡一样一直往上冒,直到顶端。从DOM树型结构上理解,就是事件由叶子结点沿祖先结点一直向上传递直到根结点

从源码角度深入理解LayoutInflater

两盒软妹~` 提交于 2020-02-02 00:14:24
关于LayoutInflater,在开发中经常会遇到,特别是在使用ListView的时候,这个几乎是必不可少。今天我们就一起来探讨LayoutInflater的工作原理。 一般情况下,有两种方式获得一个LayoutInflater实例: LayoutInflater inflater1, inflater2; inflater1 = LayoutInflater.from(this); inflater2 = (LayoutInflater) this .getSystemService(Context.LAYOUT_INFLATER_SERVICE); 但是当我们查看源码的时候,却发现这两种其实是一种,只不过第一种将第二种封装了一下,我们看看from这个方法的源码: /** * Obtains the LayoutInflater from the given context. */ public static LayoutInflater from(Context context) { LayoutInflater LayoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE); if (LayoutInflater == null) { throw new

从源码角度深入理解LayoutInflater

蓝咒 提交于 2020-02-02 00:11:15
关于LayoutInflater,在开发中经常会遇到,特别是在使用ListView的时候,这个几乎是必不可少。今天我们就一起来探讨LayoutInflater的工作原理。 一般情况下,有两种方式获得一个LayoutInflater实例: LayoutInflater inflater1, inflater2; inflater1 = LayoutInflater.from(this); inflater2 = (LayoutInflater) this .getSystemService(Context.LAYOUT_INFLATER_SERVICE); 但是当我们查看源码的时候,却发现这两种其实是一种,只不过第一种将第二种封装了一下,我们看看from这个方法的源码: /** * Obtains the LayoutInflater from the given context. */ public static LayoutInflater from(Context context) { LayoutInflater LayoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE); if (LayoutInflater == null) { throw new

(JAVASCRIPT篇)

时光怂恿深爱的人放手 提交于 2020-02-01 02:35:34
1, 判断字符串是否是这样组成的,第一个必须是字母,后面可以是字母、数字、下划线,总长度为5-20 var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/; reg.test("a1a__a1a__a1a__a1a__"); 2 ,截取字符串abcdefg的efg var str = "abcdefg"; if (/efg/.test(str)) { var efg = str.substr(str.indexOf("efg"), 3); alert(efg); } 3 ,判断一个字符串中出现次数最多的字符,统计这个次数 //将字符串的字符保存在一个hash table中,key是字符,value是这个字符出现的次数 var str = "abcdefgaddda"; var obj = {}; for (var i = 0, l = str.length; i < l; i++) { var key = str[i]; if (!obj[key]) { obj[key] = 1; } else { obj[key]++; } } /*遍历这个hash table,获取value最大的key和value*/ var max = -1; var max_key = ""; var key; for (key in obj) { if (max < obj

web前端笔试题

亡梦爱人 提交于 2020-02-01 02:34:51
1, 判断字符串是否是这样组成的,第一个必须是字母,后面可以是字母、数字、下划线,总长度为5-20 var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/; reg.test("a1a__a1a__a1a__a1a__"); 2 ,截取字符串abcdefg的efg var str = "abcdefg"; if (/efg/.test(str)) { var efg = str.substr(str.indexOf("efg"), 3); alert(efg); } 3 ,判断一个字符串中出现次数最多的字符,统计这个次数 //将字符串的字符保存在一个hash table中,key是字符,value是这个字符出现的次数 var str = "abcdefgaddda"; var obj = {}; for (var i = 0, l = str.length; i < l; i++) { var key = str[i]; if (!obj[key]) { obj[key] = 1; } else { obj[key]++; } } /*遍历这个hash table,获取value最大的key和value*/ var max = -1; var max_key = ""; var key; for (key in obj) { if (max < obj

CSS兼容IE6 IE7 和FF的总结

ぐ巨炮叔叔 提交于 2020-02-01 02:30:25
CSS兼容IE6 IE7 和FF的总结,希望对以后和出现我同样问题的人能有点帮助 一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) <stylegt; #wrapper { width: 100px!important; /* IE7+FF */ width: 80px; /* IE6 */ } </stylegt; 2, IE6/IE77对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签. <stylegt; #wrapper { #wrapper { width: 120px; } /* FireFox */ *html #wrapper { width: 80px;} /* ie6 fixed */ *+html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */ } </stylegt; 注意: *+html 对IE7的HACK 必须保证HTML顶部有如下声明: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional/

jquery怎么判断浏览器是否是ie

落花浮王杯 提交于 2020-01-31 21:17:24
JQuery可以使用jQuery.browser方法来判断浏览器类型,返回值可以为::safari、opera、msie、mozilla。若返回值为msie说明浏览器是ie。 JQuery可以使用jQuery.browser方法来判断浏览器类型,返回值可以为::safari、opera、msie、mozilla。 当然有时候我们还需要区分版本 这就要用到 jQuery.browser.version 示例: function JudgeBroswer() { if($.browser.msie) { alert("this is msie!"); //IE } else if($.browser.safari) { alert("this is safari!"); //Safari } else if($.browser.mozilla) { alert("this is mozilla!"); //Firefox } else if($.browser.opera) { alert("this is opera"); //Opera } }   JQuery 源码: var userAgent = navigator.userAgent.toLowerCase(); // Figure out what browser is being used jQuery.browser