标签归档:浏览器

[转]Javascript多浏览器兼容性问题及解决方案

1、document.formName.item(”itemName”) 问题

问题说明:IE下,可以使用 document.formName.item(”itemName”) 或 document.formName.elements [“elementName”];Firefox 下,只能使用document.formName.elements[“elementName”]。
解决方法:统一使用document.formName.elements[“elementName”]。

2、集合类对象问题

问题说明:IE下,可以使用 () 或 [] 获取集合类对象;Firefox下,只能使用 [ ]获取集合类对象。
解决方法:统一使用 [] 获取集合类对象。

3、自定义属性问题

问题说明:IE下,可以使用获取常规属性的方法来获取自定义属性,也可以使用 getAttribute() 获取自定义属性;Firefox下,只能使用 getAttribute() 获取自定义属性。
解决方法:统一通过 getAttribute() 获取自定义属性。
<!–more–>
4、eval(”idName”)问题 继续阅读[转]Javascript多浏览器兼容性问题及解决方案

跟我一起学习React(一)

React如今已经非常流行了,不论你去哪里进行面试web前端开发,面试官都会问你会不会react、vue、angularjs之类的。搞得好像作为一个前端开发者,必会的东西就是jQuery、react、vue、angularjs、CSS3、HTML5、nodejs等等技术。工作的需要,自己没有办法不去努力学习。因此,下面我们就一起来学习下react吧,如果你还不知道如何在nodejs下配置react开发环境,那么请看我这篇文章《ReactJS环境搭建
本系列课程都是使用ES6进行开发,因此你需要了解相应的ES6基本知识

一、安装React Developer Tools

建议大家都使用chrome浏览器进行安装,下载地址:https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi,如果打不开的童鞋,请自行翻墙(更改hosts,或者使用goproxy)。

React Developer Tools
React Developer Tools

二、创建一个react组件

继续阅读跟我一起学习React(一)

JQuery判断浏览器可视区域

在CSS中我们经常使用@media screen来查询设备宽度,其实JQuery也可以实现这个功能,但是我不建议大家使用JQuery来实现,不过有的时候做前端又必须要使用这个方法来判断可视区域,下面我们一起来复习下JQuery的相关知识。我们可以使用.width()以及.height()方法来获取相关元素或者窗口的宽高。 继续阅读JQuery判断浏览器可视区域

CSS渐变与浏览器兼容

对于IE、Firefox以及chrome浏览器来说,要使用CSS实现渐变效果,那可是件难事,因为IE与Firefox及chrome使用的代码都不一样啊。一定要注意,IE10以下版本仅能使用滤镜来实现哦。

background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#00a0e9));
background: -moz-linear-gradient(top, #33bbee, #00a0e9);
background: -o-linear-gradient(top,#33bbee, #00a0e9);
background: -ms-linear-gradient(top,#33bbee 0%,#00a0e9 100%); /*IE10+*/
-ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#33bbee, endColorstr=#00a0e9); /*IE*/
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#33bbee,endColorStr=#00a0e9);/*IE6,7*/

作为前端开发,必须了解的浏览器内核

我们大部分时间上网使用的都是浏览器,做WEB前端开发也是经常跟浏览器打交道。那么你是否真正了解各个浏览器的核心到底使用什么样的内核,这些内核又有何区别?这里我要讨论的主要是IE、Firefox(火狐)、chrome(谷歌浏览器)和Opera,因为这些浏览器都是目前用户使用最多的。

请不要问我,为什么不是QQ浏览器、世界之窗、360浏览器这些产品,你是否发现,当你从电脑上卸载了IE浏览器后,这些浏览器都无法运行了。原因很简单,那就是这些浏览器只是一个壳,他们使用的是IE浏览器的内核,当然360浏览器的高速模式使用的是chrome的内核。 继续阅读作为前端开发,必须了解的浏览器内核