最近的文章列表

关于CSS中@font-face 嵌入字体的用法 客户端没有字体 自动下载字体
font-family:的意思就是说,优先选择在前面的字体,比如微软雅黑,如果浏览者的电脑上没有安装这个字体,那么就采用Arial字体,以此类推,如果都没有,就使用最后一个sans-serif;也就是无衬线字体,这不是字体名,而是一类字体的称呼,雅黑近似地也属于sans-serif; 具体的你可以去找一下关于字体分类的知识。网页安全字体,也就是绝大多数系统中都有的字体大概有9种,没有的话就只能用近似的代替,还有一种@font-face,是CSS标记,可以下载服务器端字体,但问题比较多,有的浏览器不支持,而且下载速度很慢。另外还有用Flash实现的。 CSS手册中的介绍如下@font-face版本:CSS2 兼容性:IE4+ 语法: @font-face { font-family : na
2011/6/21 Comments:
快速提升网页加载速度,只需6招!
如何提高网页的打开速度,提高网页的打开速度有什么用?其一,我们都知道,一个网站的生存离不开搜索引擎的收录,而网站关键字的排名和网页加载的速度直接影响到搜索引擎的收录。谷歌Google的Web搜索团队在官方博客上宣布,将把网站的速度作为PR(PageRank)算法的一个因子,在所有因素都相等的情况下,速度快的网站将排在速度慢的网站前面。再者,最重要的问题在于我们都知道用户都喜欢浏览速度快的网站,不喜欢花费太多的时间等待网页的打开,等待的时间过长(据调查,用户的容忍时间通常不超过8秒),往往会让用户失去耐心,甚至烦躁时会直接关闭网页,这样就会失去一些潜在的客户了。 网页打开的速度如此重要,那么我们就该怎样去优化网页呢?下面分享6个网者网络经常用到的网页优化技巧: 1、在url
2011/6/20 Comments:
CSS Sprites 样式生成工具 3.0(图片定位坐标)
这个可是我昨天无意间获得的,用了用还真是爽到家了呢,大家看了CSS Sprites是不是有些人会挠头不知道他是什么?不知道的话那这个工具你跟本是不会用到的呵呵。首先向大家先解释下什么是CSS Sprites:CSS Sprites是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需 顾忌这个问题。按照yahoo的rules for high performance web sites的原则,应当较少Client与Server端间 的HTTP Request次数。通过CSS Sprites方
2011/6/20 Comments:
提高网页打开速度的一些小技巧
互联网带宽越来越宽,似乎让网页的加载速度得到了质的飞跃。其实不然,因为随着带宽的提高,网页上的对象也越来越多,因此加快网页打开速度还是一个重要的课题。加快网页的打开速度,有三个路径,一是提高网络带宽,二是用户在本机做优化,三是网站设计者对网页做一定的优化。这篇文章站在一个网站设计者的角度,分享一些优化网页加载速度的小技巧。一、优化图片几乎没有哪个网页上是没有图片的。如果你经历过56K猫的年代,你一定不会很喜欢有大量图片的网站。因为加载那样一个网页会花费大量的时间。即使在现在,网络带宽有了很多的提高,56K猫逐渐淡出,优化图片以加快网页速度还是很有必要的。优化图片包括减少图片数、降低图像质量、使用恰当的格式。1、减少图片数:去除不必要的图片。2、降低图像质量:如果不是很必要,尝试降低图像的质量
2011/6/20 Comments:
使用jquery图片延迟加载插件jquery.lazyload实现图片延迟加载提高网站打开速度
一、快速使用篇1.导入JS插件<script src="您网站目录\jquery.js" type="text/javascript"></script><script src="您网站目录\jquery.lazyload.js" type="text/javascript"></script>上面两个JS需要手动下载!http://ishare.iask.sina.com.cn/f/13031803.html2.在你的页面中加入如下的javascript:<script type="text/javascript">$("
2011/6/20 Comments:
浅析Node.js:一个“编码就绪”服务器
引自:http://sd.csdn.net/a/20110617/299900.html导读:Node是一个服务器端JavaScript解释器,它将改变服务器应该如何工作的概念。它的目标是帮助程序员构建高度可伸缩的应用程序,编写能够处理数万条同时连接到一个(只有一个)物理机的连接代码。本文探究了Node.js能解决哪些问题,它如何工作,如何运行一个简单应用程序,最后,Node何时是以及何时不是一个好的解决方案。Node旨在解决什么问题?Node公开宣称的目标是旨在提供一种简单的构建可伸缩网络程序的方法。当前的服务器程序有什么问题?我们来做个数学题。在Java和PHP这类语言中,每个连接都会生成一个新线程,每个新线程可能需要 2 MB 配套内存。在一个拥有8GB RAM的系统上,理论上最大的并
2011/6/17 Comments:
【信息图表】Javascript框架和jQuery

我们一直想知道最流行的JavaScript框架间的对比,以及那些框架开发的web应用。下面的Javascript Frameworks和jQuery信息图表,包括了jQuery, Mootools, Prototype, YUI, Dojo, Extjs等。从该信息图表,你能够看到那些框架在上个月的安装量,也能知道jQuery 最流行的版本是jQuery 1.3.2。点击查看大图原文来源:Javascript Frameworks and jQuery (Infographic)译文来源:开源中国社区

2011/6/17 Comments:
用于图片处理的10个超级jQuery插件
这篇文章将重点介绍用于图片处理的10个超级jQuery插件,可以生成图片的动画和特效,缩放图片大小等等。1.AJAX-ZOOM这个插件非常有趣,可以用来缩放图片,旋转对象(3D特效)。查看demo。 2.Transformable可以用来变换图片:旋转,变换倾斜角度,调整图片大小(通常情况下可以和DIV共用)。查看demo。 3.Animated slide image制作炫酷独特的图片幻灯片。查看demo。 4.Before/After这个插件可以用来对比两张图片的前后变化。查看demo。 5.CSS Emoticons这个插件可以把你的文字情绪转化成笑脸表情(纯粹的CSS,没有图片)。查看demo。 6.JCrop这个插件可以用于裁剪图片,帮助用户抓图。查看demo。 7.Image
2011/6/17 Comments:
【精】COOKIE用法
Response对象和Request对象分别是包含HttpResponse和HttpRequest类实例的页面的属性 Request.cookie //将COOKIE发送给服务端 Response.cookie //将COOKIE保存在客户机概念:yourCookieObj:对象实例名 yourCookieName:对象名一、创建COOKIE 1.1、创建Cookie对象 HttpCookie yourCookieObj= new HttpCookie("yourCookieName") ; //定义cookie对象与名称
2011/6/14 Comments:
由各种方式得到的DataTable,去除DataTable里面重复的数据
SyntaxHighlighter.config.clipboardSwf = ’/Js/Syntax/clipboard.swf’;SyntaxHighlighter.all();一:最近操作一个消息数据,以文件的形式保存,文件保存的格式是:布布在线#bubuol.com#搞笑,经典#9011年06月10日 16:50:04二:文件转换成DataTable的C#代码: /// /// 从文本文件中读取数据,并包装成DataTable/// /// 文件路径/// 文件名/// 字段间的分隔符public static DataTable ReadFileToDataTable(string fileName, string split){DataTable result = new Dat
2011/6/14 Comments: