web前端
文章平均质量分 57
dongtianlaile
除了优秀,我们别无选择
展开
-
IE与FF兼容性问题(转自游江南)
IE与FF的常见兼容问题及总结 常见兼容问题: 1.DOCTYPE影响CSS处理 2.FF: div设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE转载 2010-08-10 10:57:00 · 1272 阅读 · 0 评论 -
javascript 冒泡排序法 插入排序法 选择排序法 归并排序法 堆排序法
sortvar arr=new Array();//产生十个随机数for(var i=0;i<10;i++){ arr.push(parseInt(Math.random()*100));}document.writeln(arr); /** * 冒泡排序法转载 2011-07-18 14:23:05 · 884 阅读 · 0 评论 -
Web前端优化最佳实践及工具集锦
前端的性能对于一个Web应用来说非常重要,如果一个Web应用的页面加载速度非常快、对于用户的操作可以及时响应,那么产品的用户体验将会极大地提升。下图显示了页面加载速度对于用户体验的影响。你的Web页面的速度是否已经足够快了?其实可能还有很多可以提升的地方。Google和雅虎也提出了一些Web应用的前端优化建议,并发布了一些工具,你可以逐一检验你的Web应用,以便达到更高的性能。这些转载 2013-09-26 15:16:13 · 942 阅读 · 0 评论 -
jQuery查询器
$("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素,转载 2013-09-07 07:53:53 · 715 阅读 · 0 评论 -
JavaScript跨域总结与解决办法
本文来自网络(http://f2e.me/200904/cross-scripting/,该网址已不能访问),仅作个人读书笔记之用,并稍作修改和补充。什么是跨域JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax转载 2011-07-18 17:27:32 · 430 阅读 · 0 评论 -
IE的document.getElementById混淆name和id属性的BUG
BUG演示页面演示在这里,代码在下面> html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> ti转载 2011-07-07 10:10:59 · 4237 阅读 · 0 评论 -
元素居中之完美解决方案
参考的一个外国网站写的:body{ text-align:center;}div #container{ margin:0 auto; width:960px; text-align:left:}text-align用于设置元素内部元素居中,用于兼容IE6,IE6不能原创 2011-07-07 11:39:52 · 605 阅读 · 0 评论 -
javascript 中打开新窗口的方法——不使用open
JavaScript 打开新窗口的方法转载 2010-10-20 10:33:00 · 840 阅读 · 0 评论 -
JavaScript中的defer
<br />用法:<script src="../cgi-bin/delscript.js" defer></script><br /> defer作用是文档加载完毕了再执行脚本,这样回避免找不到对象的问题<br /> <br /> 加上 defer 等于在页面完全在入后再执行,相当于 window.onload ,但应用上比 window.onload 更灵活!<br />defer是脚本程序强大功能中的一个“无名英雄”。它告诉浏览器Script段包含了无需立即执行的代码,并且,与SR转载 2010-10-20 10:25:00 · 536 阅读 · 0 评论 -
JavaScript中数组sort方法的跨浏览器问题
今天才发现,JavaScript中数组的sort方法的排序算法,在默认情况下,是由浏览器而不是JavaScript底层决定的。参考:http://www.cnblogs.com/jujusharp/archive/2009/12/06/javascript_sort_chrome_bug.html顺便加点其他语言的sort方法介绍:java:原创 2010-09-17 11:00:00 · 1472 阅读 · 0 评论 -
Table OR CSS+DIV?不休的争论
这几年,利用CSS+DIV进行页面布局,特别的流行,大有取table而代之的趋势。但是还是有很多人怀念利用table布局的那段日子,时至如今,仍然有很多大型公司网站是利用table的(很大一部分都是大的布局用div,局部使用table)。 我觉得无论是使用div还是table进行页面布局,都有一定的缺陷。选择div的最主要原因无非是因为:1.页面显示速度快,是一部分、一部分显示的;2.利于维护,只要修改一下css就可以对整个页面进行修改。选择table的最主要原因是:简单。然而,div的原创 2010-08-13 11:01:00 · 989 阅读 · 0 评论 -
JavaScript实现table排序
对于简单的表格排序来说,利用JavaScript实现table排序,一般可分为4个步骤:1.读取html页面的节点数据(方便之后的操纵数据)2.将表格内容数据存入到数组中(利用一个for循环)3.调用数组的sort方法进行排序(另外,可以在sort方法中定义排序规则,不如是升序还是降序;需要定义一个compare()比较大小的方法和一个convert()转换数据类型的方法)4.将数组数据添加到表格中(一般都是先创建文档碎片,将数据添加到文档碎片中,然后将文档碎片一次性添加到html页面)对于复杂一点的表格排原创 2010-08-13 09:39:00 · 1014 阅读 · 0 评论 -
前端性能测试
网页加载整个过程的耗时的计算方法:var t = performance.timing; var pageLoadTime = t.loadEventEnd - t.navigationStart;性能测试工具:WebPagetest、YSlow、PageSpeed Insights参考:http://javascript.ruanyifeng.com/原创 2016-02-16 14:30:02 · 580 阅读 · 0 评论