web开发
文章平均质量分 85
lylhelin
这个作者很懒,什么都没留下…
展开
-
实用HTML,CSS和JavaScript速查表(转)
原文:http://news.cnblogs.com/n/74858/速查表是帮你记住东西的有效工具。Web设计师和开发者经常使用的快捷键简表会使他们在网上的工作效率大大提高。事实上,速查表就是来帮助我们把日常中最常用到的信息聚集起来,方便使用,使我们做工作时更有效率。有了它们,免去了你的大脑花额外时间去记忆它们的烦恼——你只需要打开简表,马上能查到你想要的信息。这篇文章里,你可以...原创 2010-09-21 09:56:37 · 65 阅读 · 0 评论 -
浏览器工作原理拆解分析
本文将深入的研究当你输入一个网址的时候,后台到底发生了一件件什么样的事~1. 首先嘛,你得在浏览器里输入网址:2. 浏览器查找域名的IP地址导航的第一步是通过访问的域名找出其IP地址。DNS查找过程如下:浏览器缓存 – 浏览器会缓存DNS记录一段时间。 有趣的是,操作系统没有告诉浏览器储存DNS记录的时间,这样不同浏览器会储存个自固定的一个时间(2分钟到30...原创 2010-11-17 15:00:44 · 142 阅读 · 0 评论 -
高性能WEB开发 - 图片篇
一、缩小图片大小 当图片很多的时候,减少图片大小是提高下载速度最直接的方法。1. 使用PNG8代替GIF(非动画图片),因为PNG8在效果一样的情况,图片大小比GIF要小。 2. 用fireworks处理PNG图片,在我们产品中很多PNG图片是美工直接用photoshop导出的, 后来让美工用fireworks处理PNG(大概的方式是选择保存为PNG8,删除背景色)。...原创 2010-11-17 14:53:37 · 74 阅读 · 0 评论 -
对应Yslow的网站速度优化方法略谈
Yahoo!曾经针对网站速度体验提出了34条宝贵的准则《Best Practices for Speeding Up Your Web Site》,而Yslow正是按照这些准则,评测一个网站在速度体验上的优化程度的Firefox插件,将34条精简为更加直观的13条,并针对每一条给出从F~A的评分以及最终的总分。当然从评测得到的只能是一个分数以及建议,如何改进还是要靠自己,这里要谈的就是...原创 2010-11-17 14:40:46 · 107 阅读 · 0 评论 -
前端调试利器DebugBar
前端调试工具有很多,比如FireFox firebug, FireFox Web Developer, DOM Inspector,遨游的PageView,IE WebDeveloper V2,还有IE8自带的开发工具 等等,这里我再推荐一个DebugBar;大家肯定都知道ieTester(点击查看ieTester相关信息),大家都用ieTester来测试各个IE版本的页面兼容性,其实...原创 2010-11-17 14:28:14 · 133 阅读 · 0 评论 -
JavaScript异步实现
Asynchronous method queue chaining in JavaScriptThursday, May 6th, 2010Chaining. It’s an extremely popular pattern these days in JavaScript. It’s easily achieved by continually returning a ...原创 2010-11-16 23:54:38 · 67 阅读 · 0 评论 -
javascript事件总线
事件模式是界面层主要模式,MVC模式中,模型组件应该和界面形成松耦合,只要界面发出事件,就应该立即响应,MVC模式也是依靠事件模式来实现彼此联系,所以,有时,我们抛开MVC模式这个锅盖,专注于事件模式,反而会有一种比较开阔的感觉。Javascript可以避免错误类型的共享,以及避免UI界面线程,这样实现事件模式就非常简单(相对Java等语言),[URL=http://blogs.msdn....原创 2010-11-16 23:42:41 · 160 阅读 · 0 评论 -
jQuery.View - Client Side Templates for jQuery
Everyone loves client side templates. They are a great way to create html which is something JavaScript apps do all the time.In February, a jQuery templating system was proposed and r...原创 2010-11-16 09:22:40 · 86 阅读 · 0 评论 -
Organizing A jQuery Application
Thursday 11 November, 2010 by justinbmeyerEarlier this week, I realized that every organizing-a-jQuery-application blog, article, and conference talk misses the most important lesson on how to...原创 2010-11-15 23:34:19 · 92 阅读 · 0 评论 -
Web缓存教程
原文(英文)地址: http://www.mnot.net/cache_docs/ 版权声明:署名-非商业性使用-禁止演绎 2.0这是一篇知识性的文档,主要目的是为了让Web缓存相关概念更容易被开发者理解并应用于实际的应用环境中。为了简要起见,某些实现方面的细节被简化或省略了。如果你更关心细节实现则完全不必耐心看完本文,后面参考文档和更多深入阅读部分可能是你更需要的内容。...原创 2010-11-17 15:08:41 · 73 阅读 · 0 评论 -
HTTP状态一览
在网站建设的实际应用中,容易出现很多小小的失误,就像mysql当初优化不到位,影响整体网站的浏览效果一样,其实,网站的常规http状态码的表现也是一样,Google无法验证网站几种解决办法,提及到由于404状态页面设置不正常,导致了google管理员工具无法验证的情况,当然,影响的不仅仅是这一方面,影响的更是网站的整体浏览效果。因此,比较清楚详细的了解http状态码的具体含义,...原创 2010-11-17 22:43:44 · 86 阅读 · 0 评论 -
如何开发Web应用程序
这是一个经常被问到的问题,问的理所当然。作为一个程序员,为什么我就非要被认为知道如何开发Web应用程序呢?这个问题没有一个简单的答案,甚至那些教育机构都未必能清楚的知道;我上的那个大学并没有提供任何关于这个主题的课程。所以,像大多数在这个领域里的web开发人员一样,我只是通过去做,去实验才学会了这些。没有人告诉我如何去做,我从给自己做点什么东西开始,学会如何开发web应用程序是在这个过程中...原创 2010-11-30 13:41:23 · 112 阅读 · 0 评论 -
设计Web应用程序时要注意可伸缩性
Max Indelicato是一位软件开发主管和前首席软件架构师,他最近发表了一篇关于如何设计具备可伸缩性的web应用程序的文章。他提出要选择正确的部署和存储解决方案,选择可伸缩的数据存储和模式,并且使用抽象层。适合工作的工具Indelicato的第一个建议是“为工作选择正确的工具”,想要达到这个目的,就要选择下列架构解决方案中的一种:使用云部署解决方案使用可伸缩的数据存储解...原创 2010-11-26 09:19:37 · 73 阅读 · 0 评论 -
Web 2.0应用客户端性能问题十大根源
Web 2.0应用的推广为用户带来了全新的体验,同时也让开发人员更加关注客户端性能问题。最近,资深Web性能诊断专家、知名工具dynatrace的创始人之一Andreas Grabner根据自己的工作经验,总结了Web 2.0应用客户端性能问题十大根源,InfoQ中文站将这十个问题做了概括整理,供Web开发人员借鉴和思考。 1. IE中的CSS选择器(selector)运行缓慢...原创 2010-11-25 20:19:37 · 107 阅读 · 0 评论 -
HTML压缩(JSP的GZIP实现)
HTTP 压缩可以大大提高浏览网站的速度,它的原理是,在客户端请求网页后,从服务器端将网页文件压缩,再下载到客户端,由客户端的浏览器负责解压缩并浏览。相对 于普通的浏览过程HTML ,CSS,Javascript , Text ,它可以节省40%左右的流量。更为重要的是,它可以对动态生成的,包括CGI、PHP , JSP , ASP , Servlet,SHTML等输出...原创 2010-11-24 22:31:52 · 174 阅读 · 0 评论 -
浏览器加载和渲染html的顺序
1.浏览器加载和渲染html的顺序1、IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的。2、在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(并不是说所有相关联的元素都已经下载完)3、如果遇到语义解释性的标签嵌入文件(JS脚本,CSS样式),那么此时IE的下载过程会启用单独连接进行下载。4、并且在下载后进行解析,解析过程中,停止页面所有往下元素的下载。...原创 2010-11-22 09:45:11 · 306 阅读 · 0 评论 -
在服务端合并和压缩JavaScript和CSS文件
Web性能优化最佳实践中最重要的一条是减少HTTP请求,它也是YSlow中比重最大的一条规则。减少HTTP请求的方案主要有合并JavaScript和CSS文件、CSS Sprites、图像映射(Image Map)和使用Data URI来编码图片。CSS Sprites和图像映射现在已经随处可见了,但由于IE6和IE7不支持Data URI以及性能问题,这项技术尚未大量使用...原创 2010-11-22 09:16:14 · 175 阅读 · 0 评论 -
用 YUI Compressor 压缩和混淆 JS 和 CSS
一、简介: 目前开发Web应用Javascript发挥的作用越来越大,相关的Javascript框架也比较多。但是有一个问题,我们开发过程中,所有的JS代码都添加了注释,如使用JsDoc,代码的可读性比较强,同时这样的代码也便于调试。但是在产品环境中,我们希望这些JS代码是压缩和混淆过的,这主要是让 JS代码加载的更快,这也是Google AJAX Libraries API...原创 2010-11-22 09:05:00 · 117 阅读 · 0 评论 -
如何缓存DWR生成的JS文件
DWR provides a convenient mechanism to execute server side java classes from javascript running in the browser. We use it extensively while developing Dekoh applications. Recently I noticed that whe...原创 2010-11-18 17:37:58 · 174 阅读 · 0 评论 -
How To Organize a jQuery Application with JavaScriptMVC
This post is part of our ReadWriteHack channel, which is a resource and guide for developers. The channel is sponsored by the Intel AppUp Developer Program. As you're exploring these resources, che...原创 2010-11-15 23:07:32 · 87 阅读 · 0 评论 -
Why Developers Should Pay Attention to Node.js
his post is part of our ReadWriteHack channel, which is a resource and guide for developers. The channel is sponsored by the Intel AppUp Developer Program. As you're exploring these resources, chec...原创 2010-11-15 22:13:50 · 102 阅读 · 0 评论 -
使用 WebKing 测试动态 Web 应用
简介: 本文从 WebKing 页面的静态分析出发,讨论了利用 WebKing 对支持 Ajax 的动态页面进行测试的方法,并且本文从单元测试和功能测试的角度介绍了使用 WebKing 测试 Accessibilily 的技巧,包括如何创建一个支持 Ajax 的测试项目,如何分析解决过滤 WebKing 报告出来的错误以及如何在开发人员和测试人员之前方便的沟通所发现的问题。 ...原创 2010-11-10 15:43:53 · 168 阅读 · 0 评论 -
Apache HTTP Server 与 Tomcat 的三种连接方式介绍
首先我们先介绍一下为什么要让 Apache 与 Tomcat 之间进行连接。事实上 Tomcat 本身已经提供了 HTTP 服务,该服务默认的端口是 8080,装好 tomcat 后通过 8080 端口可以直接使用 Tomcat 所运行的应用程序,你也可以将该端口改为 80。既然 Tomcat 本身已经可以提供这样的服务,我们为什么还要引入 Apache 或者其他的一些专门的 HTTP 服...原创 2010-11-05 15:44:23 · 58 阅读 · 0 评论 -
jQuery vs MooTools
原文:http://jqueryvsmootools.com/大部分最近才剛接觸JavaScript的人會面臨到的困難是該選擇哪個套件(library)或是該先學哪個套件。如果你在一間公司裡上班,那麼可能公司已經有一套固定使用的套件,若是在這種情況下,問題就沒那麼重要。如果你的公司選擇使用MooTools而你自己已經習慣使用jQuery,那麼這篇文章也許對你還是有些幫助的。 每...原创 2010-11-03 15:10:54 · 98 阅读 · 0 评论 -
静态网页的优势
HTML格式的网页通常被称为“静态网页”,早期的网站一般都是由静态网页制作的。静态网页每个网页都有一个固定的URL,且网页URL以.htm、.html、.shtml等常见形式为后缀,而不含有?;静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件等。 但由于静态网页没有数据库的支持,会增加很大工作量,而且由于缺乏交互功能,因此当网站有大量信...原创 2010-10-16 14:42:36 · 115 阅读 · 0 评论 -
15个很有创意的404错误页面
Three weeks ago we’ve showcased some of the most beautiful, creative and user-friendly 404 Error Pages; we’ve collected some interesting ideas one can use to help out the visitors once they go...原创 2010-10-16 12:19:33 · 549 阅读 · 0 评论 -
摘录与访谈: 《HTML5专业开发》
由Peter Lubbers、Brian Albers和Frank Salim编著的《HTML5专业开发》(Pro HTML5 Programming)一书,旨在帮助开发者们构建能够挖掘当今浏览器全部能力的HTML5应用。 该书主要涉及领域有:Communication APIs:探讨构建实时和跨源(cross-origin)通讯的两大基础: 跨文档通讯(Cross Doc...原创 2010-10-16 10:49:43 · 112 阅读 · 0 评论 -
Google WebP——让图片更小,让页面访问速度更快
Google日前对外宣布了一种新的图片压缩格式WebP,可以让通过网络传输的图片变得更小。Google声明说,WebP格式可以让图片的大小减少39%,从而加快了页面的装载速度。WebP(发音为“weppy”/(wĕpˈē)/)是Google开发的一种图片压缩格式,用于降低图片文件的大小。Google说图片和照片差不多占到了通过网络传输的数据总量的65%,这是相当大的份额。这也就可以...原创 2010-10-14 16:33:49 · 153 阅读 · 0 评论 -
W3C Widget 配置与打包
W3C Widget 概述 W3C “Widget 打包和配置” 规范是一个新兴的用于配置、打包和部署 Widget 的规范。 W3C Widget 由 HTML、层叠样式表(CSS)、JavaScript 文件和其它资源组成,如图片。 我们可以在设备中使用 Widget 实现一些小型应用,如日历、天气预报、聊天等等。 相对于普通的 Web 应用,使用 Widget 的优点在于它们可以一次...原创 2010-09-25 17:58:38 · 309 阅读 · 0 评论 -
YaHoo Web性能优化的14条法则(上)
周末翻读《High Performance web site》以及 YaHoo! Web性能优化的14条法则 感触颇深。重新拜读下这14条法则,概括了前端优化的方方面面。Web应用性能优化黄金法则:先优化前端程序(front-end)的性能,因为这是80%或以上的最终用户响应时间的花费所在。法则1. 减少HTTP请求次数80%的最终用户响应时间花在前端程序上,而其大部分时间...原创 2010-11-15 10:26:19 · 81 阅读 · 0 评论 -
YaHoo Web性能优化的14条法则(下)
继续更新14条法则后7条,对前端性能优化整体有个框架。法则8. 把JavaScript和CSS放到外部文件中上述很多性能优化法则都基于外部文件进行优化。现在,我们必须问一个问题:JavaScript和CSS应该包括在外部文件,还是在页面文件中?在现实世界中,使用外部文件会加快页面显示速度,因为外部文件会被浏览器缓存。如果内置JavaScript和CSS在页面中虽然会减少HTTP...原创 2010-11-15 10:27:52 · 156 阅读 · 0 评论 -
Node.js开源项目获得Joyent资助,发展进入快车道
Node.js开源项目致力于提供一套编写高性能并发Web应用的JavaScript框架,采用MIT授权协议,自诞生以来引起越来越多的关注。最近,Node.js正式获得知名云计算服务提供商Joyent的资助, 其项目负责人Ryan Dahl也加盟了Joyent,预计Node.js将在企业级应用中获得更多机会。Ryan Dahl在论坛中对Joyent的资助做了解释:在过去几个...原创 2010-11-15 17:28:00 · 108 阅读 · 0 评论 -
Web性能优化:合并JavaScript和CSS文件
Web性能优化最佳实践中最重要的一条是减少HTTP请求,它也是YSlow中比重最大的一条规则。减少HTTP请求的方案主要有合并JavaScript和CSS文件、CSS Sprites、图像映射(Image Map)和使用Data URI来编码图片。CSS Sprites和图像映射现在已经随处可见了,但由于IE6和IE7不支持Data URI以及性能问题,这项技术尚未大量使用。目前大部分...原创 2010-11-15 16:45:24 · 122 阅读 · 0 评论 -
深度剖析:CDN内容分发网络技术原理
1.前言Internet的高速发展,给人们的工作和生活带来了极大的便利,对Internet的服务品质和访问速度要求越来越高, 虽然带宽不断增加,用户数量也在不断增加,受Web服务器的负荷和传输距离等因数的影响,响应速度慢还是经常抱怨和困扰。解决方案就是在网络传输上利用缓 存技术使得Web服务数据流能就近访问,是优化网络数据传输非常有效的技术,从而获得高速的体验和品质保证。网络缓存技...原创 2010-11-15 10:53:28 · 131 阅读 · 0 评论 -
CDN内容分发网络架构与四大关键技术
随着宽带网络和宽带流媒体应用的兴起,CDN(通常被称为内容分发网络Content distribution network,有时也被称作内容传递网络Contentdeliverynetwork)作为一种提高网络内容,特别是提高流媒体内容传输的服务质量、节省骨干网络带宽的技术,在国内外得到越来越广泛的应用(linuxton...原创 2010-11-15 10:50:50 · 698 阅读 · 0 评论 -
借用Google的Javascript API Loader来加速你的网站
加速页面加载速度有一个方法就是把CSS和JS文件放到另外一个单独的服务器上,这样在访问量比较大的情况下可以分担主服务器的压力, 如果你的网站用到了一些主流的Ajax library比如JQuery或者Prototype的话,你可以直接用Google Javascript API loader来加载你的ajax library。具体的方法如下面的例子:<script src="http...原创 2010-11-15 10:44:26 · 67 阅读 · 0 评论 -
Google Code是怎么实现页面加载速度提高30%-70%的
相信很多接触到Web开发方面的人都知道Yahoo Developer Network的一篇文章 “Best Practices for Speeding Up Your Web Site” 我觉得这篇文章称作Web开发的圣经也不算过分,他们的34条铁律我几乎每隔几天都要温习一下并努力实践到自己的工作中。没有看到过这篇文章的人可以赶快看一下 Best Practices for Speeding U...原创 2010-11-15 10:43:00 · 68 阅读 · 0 评论 -
Web性能优化的十个技巧
好像现在一提到性能,大多数人都会想到负载均衡,分布式,CDN和缓存等等,很少把前端优化作为很重要的一部分来做,其实前端优化如果做得好的话,性能提高百分之几十是完全有可能的,特别是大访问量的web应用。因为我所在的项目遇到了严重的性能问题,所以就google了很多关于性能的文章,也写了和翻译了几篇关于Java性能的blog,有struts, jdbc, servlet, ejb等等方面的,有兴趣的朋...原创 2010-11-15 10:35:04 · 55 阅读 · 0 评论 -
加快您的网站的最佳实践(Best Practices for Speeding Up Your Web Site)
Minimize HTTP Requeststag: content80% of the end-user response time is spent on the front-end. Most of this time is tied up in downloading all the components in the page: images, stylesheets, ...原创 2010-11-15 10:32:34 · 232 阅读 · 0 评论 -
Web编程是函数式编程
任何一位在两个领域里——本地应用程序和Web应用程序——都做过长期开发的人都会告诉你,web应用开发和传统的应用开发有很大的不同。这指的并不是编程语言。同样用Java,或者是Python,甚至C++,你既能开发本地应用,也能开发出web应用。不同之处在于web的载体介质。它体现出的是一种完全不同的部署和运行环境。它实现了一种不同的服务模式。它使用的是一种不同的应用架构。它需要程序员采用一种...原创 2010-11-30 13:44:42 · 172 阅读 · 0 评论