也许你在网上冲浪时,经常会在使用复制按钮时,出现下图的情况:
(图)
出现这种情况的原因是:浏览器兼容性的问题,那么来看看前端开发人员是怎么处理的,一般代码如下:
/**
...
使用方法:
$("被点击元素选择器").scrollTo("目标","speed","setting" );
$.scrollTo("目标","speed","setting" );//网页初始化后立刻滚动
目标选择器可以使选择器,"top", "bottom"
...
HTML5让画图更轻松了,但要考虑IE9以下版本,饼图、柱状图、线图和许多其他的图形是非常重要的用来表示数据和沟通的信息,并可展示两个实体之间的关系。而这些图形如果用Web上则有助于吸引访客的注意力,并有效地解释相关数据。在这里我们推荐一些很棒的工具,你可以通过点击创建非常直观的设计流程图和图表。针对IE全面支持HTML5的解决方案:explorercanvas (HTML5 Canvas for Internet Explorer)
...
父页面调用iframe里的js函数:
document.getElementById('iframedemo').contentWindow.demofunction(); //与下边一句等价
window.frames['iframedemo'].contentWindow.demofunction();
其中iframedemo是iframe的id,demofunction是iframe里的js函数名
获取IE浏览器,显示窗口大小的方法:
document.body.offsetWidth; // 不包括滚动条的宽度
document.body.offsetHeight;
整个网页尺寸常用的获取方法:
document.body.scrollWidth; // 网页正文全文宽
...
HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。
这就意味着:IE6、7、8都不支持了。同时IE9也是支持一点点HTML5,下边我会就IE怎么不支持HTML5发图证明一下(因为即使浏览器不支持HTML5,那么页面表现形式上也是没什么差别的(部分标签,样式有出入而已))。
...
分析代码时,发现自己的盲点--document.createElement(),不是说的document.createElement_x
document.createElement()是在对象中创建一个对象,要与appendChild() 或 insertBefore()方法联合使用。其中,appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意位置插入新的节点。
...无意中看到,让IE兼容HTML 5新标签的方法,原来淘宝是用了一个简单的js来实现的功能(在head标签内用javascript创造一个标签): <script>document.createElement_x('section');</script>
仔细一看:createElement_x 这个为何物? 我们常见的不是:createElement吗,好奇心让我BAIDU、GOOGLE、BING(其实没这么多了),下边是一些相关说明:
ie9 rc新版中javascript有了很多改变,主要是为了兼容W3C标准。
...
一般的压缩js的方法,都是在线压缩的,例如:
YUI压缩工具 (http://developer.yahoo.com/yui/compressor/)
Dean Edwards Packer (http://dean.edwards.name/packer/)
JSMin (http://crockford.com/JavaScript/jsmin)
UglifyJS (http://marijnhaverbeke.nl/uglifyjs)
作为一个前端(Front-End)开发人员,很重要的一个环节就是:代码优化了,实现高性能的网站。 那么很简单的一个方法就是减少HTTP请求数,从而就是要合并多个请求的文件。
直接入题:
方法零:代码的模块化
例如写js的时候,都写到一个文件里,或者手动的把多个文件,copy到一个最终文件中不就行了,不要仍板砖...囧...这个方法貌似是废话;
即使是废话,也要注意一些东西,不见得之间手动copy文件,就不会出错,代码的模块化很重要,相互直接不影响才行。 来看看jqueryui的下载是怎么下载的吧。 
...