Tag: web

跨浏览器测试资源大全

nick | web | 2010-06-02
跨浏览器测试资源大全
我们生活在一个幸福又痛苦的时代,有太多的浏览器可以使用,对 Web 开发与设计者而言,你有义务保证你的设计兼容所有主流浏览器。然而跨浏览器测试是件相当复杂的事,涉及不同的浏览器,不同的版本,不同的平台。本文介绍了 与跨浏览器兼容测试有关的大量资源。 在线测试资源 Browsershots 是一个备受欢迎的免费在线跨浏览器测试工具,包含各种平台的... [阅读全文]

使用Fiddler提高前端工作效率 (实例篇)

nick | web | 2010-05-23
使用Fiddler提高前端工作效率 (实例篇)
在上一篇(介绍篇)中, 我们对Fiddler Web Debugger有了简单的接触,也许你已经开始在用Fiddler进行HTTP相关的调试,在这一篇,我们将通过一个实例了解 Fiddler的神奇魔法。 在我们前端开发的日常工作中,发现服务器上某个css/javascript文件有问题,需要修改,那真是家常便饭。通常,我们需要将文件进行修 改,然后重新发布再验证,这样就很容... [阅读全文]

Google Web 字体 API 访谈

nick | css, js | 2010-05-23
对很多纠结于字体的 Web 设计与开发者而言,昨天有关 Google Font API 的新 闻着实让他们高兴了一回,这个非常简单实用的 API 包含了一套字体库和预览工具,结合 Google 与 TypeKit 联合开发的开 源 WebFont 加载工具,Web 设计者们在自己的站点中引用个性字体变得轻而易举。 Google Web 字体 API 的使用非常简单,只需从 Google 那里链接一个 CSS 文件... [阅读全文]

高性能WEB开发(11) – flush让页面分块,逐步呈现

nick | java, web, 学习 | 2010-05-23
高性能WEB开发(11) – flush让页面分块,逐步呈现
在处理比较耗时的请求的时候,我们总希望先让用户先看 到部分内容,让用户知道系统正在进行处理,而不是无响应。一般大家在处理这种情况,都使用ajax,先把html输出到客户端,然后再用ajax取加载比 较耗时的资源。用ajax麻烦的地方是增加了请求数,而且需要写额外的js代码、和js调用的请求接口。 正对这种情况,还有一种处理方法,就是让response分块编... [阅读全文]

16 个JavaScript Web UI 库

nick | html5, jquery, js, web | 2010-05-19
16 个JavaScript Web UI 库
几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架,这些 UI 库与框架极大地简化了开发进程,并带来一致,可靠,以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库,非常适合各种各种规模的富 Web 应用的开发。 1.LivePipe LivePipe UI 基于 Prototype Javascript 框架,包含了一整套经严格测试并高度可扩展的 UI ... [阅读全文]

WEB高性能开发(10) – 疯狂的HTML压缩

nick | css, java, js, web, 学习 | 2010-05-17
随笔中有网友 skyaspnet 问到如何压缩HTML,当时回答是推荐他使用gzip,后来想想,要是能把所有的html,jsp(aspx)在运行前都压缩成1行未免不是一件好事啊。一 般我们启动gzip都比较少对html启动gzip,因为现在的html都是动态的,不会使用浏览器缓存,而启用gzip的话每次请求都需要压缩,会比较 消耗服务器资源,对js,css启动gzip比较好是因为js,css都会... [阅读全文]

该如何加载google-analytics(或其他第三方)的JS

nick | js, web | 2010-05-17
该如何加载google-analytics(或其他第三方)的JS
很多网站为了获取用户访问网站的统计信息,使用了google-analytics或其他分析网站(下面的讨论中只提google-analytics, 简称ga)。注册ga后,ga就会生成一段js脚本,很多人直接把这段js复制到<body>的最后面就完事(包括 博客园、CSDN、BlogJava)。可是ga自动生成的这段JS真的就是最合理的吗? 哪怎么样才算是合理,怎样才是不合理了?因ga只是1个分... [阅读全文]

高性能WEB开发(8) – 页面呈现、重绘、回流

nick | css, java, js, linux, web, windows, 学习 | 2010-05-17
高性能WEB开发(8) – 页面呈现、重绘、回流
页面呈现流程 在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解,页面是怎么把html结合css等显示到浏览器上的,下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。 1.  浏览器把获取到的html代码解析成1个Dom树,html中的每个tag都是Dom树中的1个节点,根节点就是我们常用的document对... [阅读全文]

高性能WEB开发(7) – JS、CSS的合并、压缩、缓存管理

nick | apache, css, java, js, linux, web, windows, 学习 | 2010-05-17
高性能WEB开发(7) – JS、CSS的合并、压缩、缓存管理
本篇文章主要讨论下目前JS,CSS 合并、压缩、缓存管理存在的一些问题,然后分享下自己项目中用到的1个处理方案,并提供1个实例下载。 存在的问题: 合并、压缩文件主要有2方面的问题: 1. 每次发布的时候需要运行一下自己写的bat文件或者其他程序把文件按照自己的配置合并和压缩。 2. 因生产环境和开发环境需要加载的文件不一样,生产环境为了需要加载合... [阅读全文]

高性能WEB开发(6) – 减少请求,响应的数据量

nick | linux, web, windows, 学习 | 2010-05-17
高性能WEB开发(6) – 减少请求,响应的数据量
上一篇中我们说到了 如何减少请求数,这次说说如何减少请求、响应的数据量(即在网络中传输的数据量),减少传输的数据量不仅仅可以加快页面加载速度,更可以节约服务器带宽,为你剩不少钱(好像很多机房托管都是按流量算钱的)。 GZIP压缩 gzip是目前所有浏览器都支持的一种压缩格式,IE6需要SP1及以上才支持(别说你还在用IE5,~_~)。gzip可以说是最方便而... [阅读全文]
Ɣ回顶部