2013年4月16日

第3章 推广标准的困难

摘要: 1. 理解 vs 真实 对于可访问性,许多设计师错误认为Web标准与友好的图形界面设计需求相矛盾。建立标准的人却不在商业应用中推广标准。实际上,现在主流浏览器都已经开始遵循标准了。2. IE5/Mac——DOCTYPE转换和放大 IE5/Mac(2000.3)支持XHTML,ECMAScript,几乎所有的CSS1规范和大部分CSS2规范,以及大部分DOM规范,同时还能显示未处理的XML。 IE5/Mac与标准结合的非常紧密,只要简单放置正确的DOCTYPE转换,页面就能用Web标准来显示和执行。不放置就按照原有模式(即混杂模式 IE/Win中是IE 5.5)显示和执行; IE5/Ma... 阅读全文

posted @ 2013-04-16 14:54 BigPalm 阅读(118) 评论(0) 推荐(0) 编辑

第2章 根据标准设计和制作

摘要: 1. Web标准三剑客 a. 结构:一个标记语言(XHTML),包含格式化的文本数据,包括:标题、副标题、段落、数字列表、定义列表等等; 页面被校验通过,意思是它包含的代码没有错误,校验可以通过在线免费软件进行;代码是符合语义,意思是标签和他们要表达的含义是相近和一致的;我们说的符合Web标准的设计是指既要通过校验又有语义的网页; XHTML1.0要求更严格:很多以前不够严谨的HTML标记,在XHTML中都变成了不能接受的,不能通过页面校验,但是浏览器虽然理解XHTML标记,但却不会严格地按照标准执行错误检查,这就意味着页面仍然可以不遵守XHTML规则; XHTML 2这个新版... 阅读全文

posted @ 2013-04-16 13:17 BigPalm 阅读(168) 评论(0) 推荐(0) 编辑

第1章 99.9%的网站都是过时的

摘要: 1. 现代浏览器和Web标准 现代或者符合标准浏览器:浏览器能够理解和支持HTML和XHTML,CSS,ECMAScript以及DOM标准; 符合标准的浏览器有:Firefox 1.5+以及Netscape Navigator 8、IE6+、Mac OS下的Safari 2.0+、Opera 8.5+等;(主要5大呈现引擎:IE、Gecko、Webkit、KHTML、Opera) 没有完美支持标准的浏览器,符合标准的设计和开发并不是说“只为最新的浏览器版本设计”;(IE5/MAC曾经是支持标准的先锋) 2. 向前兼容和向后兼容 a. 向前兼容:使用非标准的、私有的标记和代码来保证每一... 阅读全文

posted @ 2013-04-16 12:01 BigPalm 阅读(168) 评论(0) 推荐(0) 编辑

2013年4月14日

Constructing GLMs

摘要: 1. Guide More generally, consider a classification or regression problem where wewould like to predict the value of some random variable y as a function ofx. To derive a GLM for this problem, we will make the following threeassumptions about the conditional distribution of y given x and about ourmo. 阅读全文

posted @ 2013-04-14 12:29 BigPalm 阅读(205) 评论(0) 推荐(0) 编辑

Generalized Linear Models

摘要: 1. Guide So far, we’ve seen a regression example, and a classification example. In theregression example, we had y|x; θ ∼ N(μ, σ2), and in the classification one,y|x; θ ∼ Bernoulli(φ), where for some appropriate definitions of μand φasfunctions of x and θ.(μ=θTx, φ=g(θTx))2. The exponential family . 阅读全文

posted @ 2013-04-14 10:25 BigPalm 阅读(170) 评论(0) 推荐(0) 编辑

规则14 使用Ajax可缓存

摘要: 1. Web2.0、DHTML、Ajax Web 2.0的关键概念包括类似应用程序的用户界面和来自多个Web Services的聚合信息。Web页面变得越来越像一个具有良好定义的输入、输出的应用程序。DHTML和Ajax是实现这些概念的技术; DHTML是允许在页面加载完毕后,HTML页面的表现能够变化。这使用Javascript和CSS与浏览器的DOM进行交互来实现。Ajax是DHTML中使用的一项技术,客户端可以获取和显示用户请求的新信息而无需重新加载页面; Ajax表示异步的JavaScript和XML(Asynchronous JavaScript and XML)。Ajax不是... 阅读全文

posted @ 2013-04-14 00:10 BigPalm 阅读(189) 评论(0) 推荐(0) 编辑

2013年4月13日

规则13 配置ETag

摘要: 1. ETag a. ETag(实体标签 Entity Tag)是web服务器和浏览器用于确认缓存组件的有效性的一种机制; b. 如果缓存过期了,则会发送一个条件GET请求进行有效性检查(和没设置Expires或max-age一样 Cache-Control:no-store才意味着不缓存);若用户明确加载(refresh or reload)则会发送一个max-age:0【刷新缓存有效期】的条件GET请求;组件仍有效服务器则返回340 Not Modified。 c. 服务器检测缓存组件是否和服务器组件匹配有两种方式:比较最新修改时间 和 比较实体标签。2. ETag存在的问题 a.... 阅读全文

posted @ 2013-04-13 21:59 BigPalm 阅读(515) 评论(0) 推荐(0) 编辑

规则12 移除重复脚本

摘要: 1. 导致重复脚本的主要因素:团队大小和脚本数量。2. 重复脚本损伤性能 a. 不必要的HTTP请求 重复脚本无长久缓存时(没设置Expires),会产生两次HTTP请求。第一次会产生一次脚本请求,一次条件GET请求;第二次会产生两次条件GET请求; 重复脚本有长久缓存时(设置Expires),第一次会产生一次HTTP请求,第二次就不会产生缓存(但刷新页面会产生二次max-age=0【刷新缓存有效期】的条件GET请求); b. 执行Javascript所浪费的时间 脚本会多次执行。3. 避免重复脚本——实现一个脚本管理模块 a. HTML中:<script type="... 阅读全文

posted @ 2013-04-13 21:20 BigPalm 阅读(197) 评论(0) 推荐(0) 编辑

规则11 避免重定向

摘要: 1. 重定向 a. 重定向(Redirect)用于将用户从一个URL重新路由到另一个URL; b. 重定向有很多种——301和302最常用; c. 通常针对HTML文档进行重定向,但通常也能用在请求页面的组件(图片、脚本等); d. 使用重定向的原因:网站重新设计、跟踪流量、记录广告点击、建立易于记忆的URL; e. 重定向会让页面变慢。2. 重定向类型 300 Multiple Choices(基于Content-Type); 301 Moved Permancently 302 Moved Temporarily 303 See Other(对302的说明) 304 N... 阅读全文

posted @ 2013-04-13 19:47 BigPalm 阅读(538) 评论(0) 推荐(0) 编辑

规则10 精简JavaScript

摘要: 1. 精简和混淆 精简是从代码中移除不必要的字符以减小其大小,进而改善加载时间的实践; 混淆也会移除注释和空白,同时它还会改写代码,函数和变量的名字将被转换为更短的字符串;(可能引入错误,维护麻烦,调试困难) 精简有工具JSMin(有很多语言版本),混淆有工具DojoCompressor(改名为ShrinkSafe); 内联脚本也应该精简,而且比外部文件简单,可以直接用后端语言版本的JSMin集成。2. 压缩和精简 压缩比精简节省更多,精简后压缩和混淆后压缩性能差别不大,但精简不具有混淆带来的风险,所以建议精简后压缩。3. 精简CSS CSS中的注释和空白比JavaScript少,... 阅读全文

posted @ 2013-04-13 15:35 BigPalm 阅读(135) 评论(0) 推荐(0) 编辑

导航