
web前端
Phone-Li
爱逃课爱自由我是 南一般中国大学 的 Phone.Li
展开
-
CSS禁止选择文本功能(兼容IE,火狐等浏览器)
有时候,我们为了用户体验,需要禁用选择文本功能。这需要用到一个CSS属性:user-select,user-select的文档点这里user-select有两个值:none:用户不能选择文本text:用户可以选择文本需要注意的是:user-select并不是一个W3C的CSS标准属性,浏览器支持的不完整,需要对每种浏览器进行调整 body{转载 2013-04-14 15:24:52 · 912 阅读 · 0 评论 -
JS事件模型
讨论的主要是两个事件模型:IE事件模型与DOM事件模型IE内核浏览器的事件模型是冒泡型事件(没有捕获事件过程),事件句柄的触发顺序是从ChildNode到ParentNode。 Open the console and click me 以上的HTML代码在IE内核下,事件是这样传播的:{1、But原创 2013-04-19 15:52:23 · 859 阅读 · 0 评论 -
JavaScript浏览器地址栏特效
随便打开个网站。当然,打开个多图的网站好玩点。然后,在地址栏敲下如下代码。javascript:R=0;x1=.1;y1=.05;x2=.25;y2=.24;x3=1.6;y3=.24;x4=300;y4=200;x5=300;y5=200;DI=document.getElementsByTagName("img");DIL=DI.length;function A(){原创 2013-04-26 12:25:05 · 1245 阅读 · 0 评论 -
JS优化原则
JS优化已经讨论了很多了,最近又看到aimingoo的一篇。大体上,aimingoo的说法都是非常正确的。 除了像aimingoo做个案研究外,这里我想从更一般的角度总结在浏览器编程中JS优化的几个原则。 首先,与其他语言不同,JS的效率很大程度是取决于JS engine的效率。除了引擎实现的优劣外,引擎自己也会为一些特殊的代码模式采取一些优化的策略。例如FF、Opera和转载 2013-04-17 13:13:02 · 632 阅读 · 0 评论 -
浏览器兼容问题及解决方法
所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者是登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是我们前端开发人员经常会碰到和必须要解决的问题。浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同问题症状:随便写几个转载 2013-04-16 16:16:05 · 805 阅读 · 0 评论 -
DIV+CSS开发浏览器的兼容性
DIV+CSS开发浏览器的兼容性1. 文字本身的大小不兼容。同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff 下实际占高17px,上留白1px,下留白3px,opera下就更不一样了。解决方案:给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要,在高度上我们不能容忍1px转载 2013-04-16 14:10:16 · 1068 阅读 · 1 评论 -
javascript优化策略 技巧二
1、字符串的拼接 字符串的拼接在我们开发中会经常遇到,所以我把其放在首位,我们往往习惯的直接用+=的方式来拼接字符串,其实这种拼接的方式效率非常的低,我们可以用一种巧妙的方法来实现字符串的拼接,那就是利用数组的join方法。//效率低的function func1(){var start = new Date().getTime();var templ转载 2013-04-24 16:47:19 · 810 阅读 · 0 评论 -
javascript优化策略 技巧一
1.关于JS的循环,循环是一种常用的流程控制。JS提供了三种循环:for(;;)、while()、for(in)。在这三种循环中 for(in)的效率最差,因为它需要查询Hash键,因此应尽量少用for(in)循环,for(;;)、while()循环的性能基本持平。当然,推荐使用for循环,如果循环变量递增或递减,不要单独对循环变量赋值,而应该使用嵌套的++或--运算符。2转载 2013-04-17 01:33:09 · 666 阅读 · 0 评论 -
IE条件注释
条件注释: 所有的IE可识别 只有IE5.0可以识别 仅IE5.0与IE5.5可以识别IE5.0以及IE5.0以上版本都可以识别 仅IE6可识别 IE6以及IE6以下版本可识别 IE6以及IE6以上版本可识别转载 2013-04-14 15:19:24 · 646 阅读 · 0 评论 -
CSS的属性缩写
CSS字体属性:.mydiv {font-family:Verdana, Geneva, sans-serif;font-size:12px;font-weight:bold;line-height:180%;font-variant:small-caps;font-style:italic;}可以优化简写为一行:.mydiv {font: bold原创 2013-05-17 01:49:31 · 1360 阅读 · 0 评论