04 2010 档案

摘要：AJAX是web2.0的基石，现在网上流行几种开源的Ajax框架，比如：jQuery,Mootools,Dojo,Ext JS等等，那么我们到底在什么情况下该使用哪个框架？以下是一组摘抄的数据：Ajaxian在2007年底对Ajax工具进行了调查，部分调查结果见下表（其中数字为调查者使用该工具的百分比，详细的请参见网页）：http://ajaxian.com/archives/2007- ajax-tools-usage-survey-results Prototype jQuery Ext Script.aculo.us Mootools YUI JSON Dojo Backbase 34. 阅读全文

摘要：在网页中经常会遇到字符溢出，然后使用省略“...”字符来代替溢出的文本。解决方案有很多种，可以使用服务端程序或客户端（CSS、JS）来处理。在客户端经常有人会用 CSS的text-overflow属性及配合overflow: hidden来处理，但该属性目前只支持IE、Chrome和Safari浏览器。至于服务端还更麻烦，因为使用不同字体（不同字体英文字母会有等宽和不等宽问题），中英文字符混排的因素，导致计算复杂。在这里，由于原先编写的插件有几个致命的bug和依赖于CSS的line-height的定义的问题，现在我重新编写了一个略微完善的插件，也非常感谢同学们的支持。jQuery Text E 阅读全文

摘要：如果页面中的图片下载尺寸太大，而且不需要把所有图片显示在页面中，可以使用js来动态加载图片，即友好又加快了整个页面的加载速度。不多说了，直接看下面代码，这里是使用了jQuery库实现，使用的版本为1.4.2的。 DOM结构：用简单的CSS代码调整下结构：javascript实现动态加载图片： 阅读全文

摘要：基本原则：内容（DOM）、样式（CSS）、行为（JS）代码分离。使用HTML5的DOCTYPE声明!DOCTYPE html，目前IE6，IE7还不认识，所以会以标准模式渲染页面。但是在其他浏览器下，在图文混排时图片下方会出现间隔空隙。解决办法：页面显示字符集使用HTML5的简写方式：meta charset="utf-8" /遵循xhtml 1.0规则这里只是为了编写HTML代码时，统一规范而已，在HTML5中已经不需要这样严格了，但是我们还是要规范下比较好。 所有标签必须结束； 所有标签必须小写； 标签属性都必须用引号引起来（单引号或双引号）； 标签属性必须有值：　　 所有特殊符号 阅读全文

摘要：即使是CSS高手，也难免在书写CSS代码的时候出一些小错误，或者说，任何一种代码都是如此。小错误却往往造成大问题，浪费很多无辜的时间来调试和排错。查看下面这份CSS网页布局中易犯的10个小错误，努力的修正你可能会犯的错误，加速你的前端开发效率。1. 检查html元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。2.... 阅读全文

摘要：浏览器默认的样式往往在不同的浏览器、不同的语言版本甚至不同的系统版本都有不同的设置，这就导致如 果直接利用默认样式的页面在各个浏览器下显示非常不一致，于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法。拿字体来说，各个浏览器默认的字体种类、字体大小和字体行高都不一样，比如IE8的中文版在Windows XP下显示网页时默认字体是宋体，而英文版肯定不会如此... 阅读全文

摘要：EDM，英文全称：Electronic Direct Mail，一般都是HTML的邮件，所以我们需要考虑兼容各主流邮箱。以下几点是编写EDM HTML的一些建议和规范，希望能给大家带来帮助。 HTML代码和图片尽量不要超过100kb； 页面宽度推荐500px，最大不要超过800px； 使用table布局页面； 所有css必须写在元素标记内，且不能使用用于布局的css属性：display、position、float； td必须设定宽度和高度：可以在第1行第1列设定宽、高，后面几列只需设宽，最后一列不用设任何值，第2行开始只在第1列定高，不需要设宽度，后面几列不用设任何值； 背景图（背景色除外） 阅读全文