分类: 技术资料预览模式: 普通 | 列表
作者通过大量的实例和测试以及自己丰富的web开发经验总结出来的一系列的性能提高方面的随笔,推荐读一下!


引用内容 引用内容

准备写一系列关于高性能WEB开发的日记,主要是跟前端技术相关的(html,http,js,css等),将自己了解的一些知识做1个总结和记录并分享,希

查看更多...

 PPCBlog发表了一张图片,详细解释了网页从被Google的网络蜘蛛爬取、收录、索引,最后再到用户进行一次Google搜索并产生搜索结果的过程,图中还描述了Google Adwords在搜索中产生的过程。

图片简洁明了,对了解Google搜索非常的直观,我们将其编译成中文,下面就是编译成中文Google如何完成一次用户搜索的图片(图片很大):


web上能做到这一点很让人吃惊,Link:http://www.openrise.com/lab/FlowerPower/# 。点击下图放大: 


同样是IE6带来的问题,在IE7版本以后支持了CSS中属性选择器的语法,但是IE6不支持。
为了让浏览器兼容,哪么如下代码逻辑就会产生了。 不说业务逻辑如何,单说表达式方式的语法。

程序代码 程序代码
input {
    background: e­xpression((this.type =='button')?'#8D9CC5':(this.type =='radio'||this.type =='checkbox')?
            style:((this.readOnly &&this.readOnly ==true )||(this.disabled &&this.disabled ==true))?"#C9C9CC":"#EAF0F2");

查看更多...

相信很多人都遇到过这种情况,尤其是几年前Ajax和一些MVC框架没流行的时候。 由于我这边技术限制的原因,也有些老代码中出现该问题。分析了一下,大致原因如下:

分析: 从上面图中可以看出代码的sequence, 在fiddler2或者其他一些Http 拦截工具中未发现有请求没完成的情况,也没有失败的请求。所以只可能是IE内部的问题,一部分是JS代码的死锁,另一个就是render的未完成。

结论:这个情况是IE的JS引擎自己的问题,可以推理出当两个input源同时渲染一个dom对象的时候,尤其是级联渲染,最有可能造成死锁。所以写代码的时候,记住逻辑分层和顺序尤其重要。 最终问题解决办法是取消同时两部分的渲染,有主页面或者innerfream来渲染,问题解决。