css expression应用-尽量不用

只有 IE 支持 CSS Expression,从IE8开始不再支持CSS Expression.

CSS Expression也称为CSS表达式,它是动态设置CSS属性的强大方法,但也存在着一定的危险性。

CSS Expression的问题就在于它的 计算频率要比想象的多出很多。不仅仅是在页面显示和缩放时,就是在页面滚动、乃至移动鼠标时都会要重新计算一次。给CSS Expression增加一个 计数器可以跟踪表达式的计算频率。在页面中随便移动鼠标都可以轻松达到10000次以上的计算量。所以它对客户端浏览器资源有比较高的要求,否则很容易让您的用户感觉打开你的页面,机器会变的很慢。

然而在 IE8 标准模式中,不再支持 CSS Expression。官方提供了以下几点原因:

为了更好的遵循标准 CSS Expression 为 IE 专有,不具备通用性; CSS Expression 常常用来修复或模拟某些 IE 不支持的 CSS 特性,如 ‘min-height’、’max-width’。这些均已被 IE8 所支持。 为了提高性能 表达式的计算需要耗费巨大的系统资源,Web 性能专家 Steve Sounders:recommend avoiding them to improve front-end performance。 为了降低浏览器被攻击的可能 由于它们暴露出了一个脚本执行环境,CSS Expression 就构成了一个可能的脚本注入攻击方向。

关于 动态属性 的更多内容,请参见 MSDN:About Dynamic Properties。

关于 微软官方结束对 . . . → Read More: css expression应用-尽量不用

让休息的大脑工作

今天早上读了一篇关于高效编程的文章,它提到了“欲擒故纵”,制定一个行之有效的工作休息时间控制,给大脑留出休息和空白的时间,让我们一直关注的问题在“后台运行”,time  break之后重新回到我们的主题工作之后,能够带来焕然一新的效果。而且这个分时控制,防止了我们面对计算机时,工作和娱乐还有网络上其他的东西,海量信息轰炸我们的大脑,使我们大脑疲于应付,不能够思考自如,以至于工作效率低下,太多信息侵占了我们的注意力,甚至你连分清这些信息哪些有益都变得很困难。

有了这么一个分时控制,我们单独拿出不同的时间面对不同的信息,工作的时候更容易集中精力,解决主要的问题所在。time break 休息的时候让大脑远离工作,神游空白一番,可能解决问题的思路变得更开阔一些。下面是这篇文章。“ Continue reading »让休息的大脑工作

phpcms站点转移更换域名

最近项目中使用了phpcms ,版本用的是最新的v9。本地开发完毕,上传到服务器,或者转移到另外一个服务器时遇到了一些麻烦。一种情况是重新安装phpcms在新的服务器环境下,另一种是直接将项目源码整站拷贝到www可访问目录下,然后登陆站点进行重置。

我选择了后者,而且终于找到了v9帮助里方法:

修改/caches/configs/system.php里面所有和域名有关的,把以前的老域名修改为新域名就可以了。 进行后台设置-》站点管理   对相应的站点的域名进行修改。 更新系统缓存。点击后台右上角的“更新缓存”按钮。 进入内容-》附件管理-》附件地址替换。把附件地址批量的替换为新的地址。 内容-》批量更新URL 。把所有的文章的地址都更新一下。 再次更新缓存、生成首页就可以了。

一开始遍历项目文件,替换的域名的方法,第一次用还可以,多次使用显得很笨拙。现在用这种方法只要修改一个php配置文件的源码,然后登陆后台就可以了。cool!

css class Id不解

前天调整一个页面的css,发现一个奇怪的事情,布局里div的css属性margin-bottom在其他浏览器里很好使,布局正常,在IE7里浏览却有得起作用,有得不起作用,很尴尬。于是试着将css class 变成 Id属性,这下IE下突然又好用了,很是不解。

平常来说,class可以使用多次,Id一般只用一次,便于与javascript唯一性操作。但平时同事处理的css里总是看到Id重复使用的问题,没有看到影响布局的问题,虽然不太标准,但浏览器基本都支持。但是还是没有搞清楚IE浏览器下的怪事。:(

css z-index之object flash修正

今天设置div显示在flash顶部,z-index好像不起作用了,google了一下,原来需要调整一下flash参数wmode 值为”transparent”.

<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ style=”z-index:-1px;” codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0″ width=”150″ height=”156″>
<param name=”movie” value=”<flash文件路径>” />
<param name=”quality” value=”high” />
<param name=”wmode” value=”transparent” />
<embed src=”<flash文件>” quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” wmode=”transparent” width=”150″ height=”156″></embed>
</object>

以下是z-index的使用方法供参考。 Continue reading »css z-index之object flash修正