longatop-CSDN博客

原创图片预加载

在web开发过程中，经常会有一些网站需要大量显示图片，特别是一些大尺寸的图片，在页面打开后要等一段时间图片才慢慢显示出来，为了获得更好的用户体验，让用户一打开页面无需等待就可以浏览图片，就需要使用图片预加载技术。JS实现图片预加载//preload imagesif (document.images) { var img = new Image();

2013-03-31 23:22:36 1149

原创 CSS Hack

CSS Hack由于不同的浏览器, 比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等, 对CSS的解析认识不一样, 因此会导致生成的页面效果不一样, 得不到我们所需要的页面效果. 这个时候我们就需要针对不同的浏览器去写不同的CSS, 让它能够同时兼容不同的浏览器, 能在不同的浏览器中也能得到我们想要的页面效果.CSS Ha

2013-02-28 22:16:21 593

原创 VI 常用命令

进入vi的命令 vi filename：打开或新建文件，并将光标置于第一行首 vi +n filename：打开文件，并将光标置于第n行首 vi + filename：打开文件，并将光标置于最后一行首 vi +/pattern filename：打开文件，并将光标置于第一个与pattern匹配的串处 vi -r filename：在上次正用vi编辑时发生系统崩溃，恢复filen

2013-01-31 15:24:52 479

原创 Linux 常用命令

一、文件管理1.cat命令格式：cat [-bnsv] [--help] [--version] fileName说明：将文件输出或者冲顶想到指定的文件。在重定向的时候，“>”表示直接输出到指定的文件，覆盖原文件的内容，而“>>”表示追加到指定文件的末尾。参数：-n或--number：由1开始对所有输出，并在行前加行编号-b或--number-nonblank：和-

2013-01-30 22:05:03 1718

原创理解 JavaScript 函数

学过编程的肯定都知道函数，通过函数可以封装任意多条语句，而且可以在任何地方、任何时候调用执行，JavaScript中的函数也是如此，不过它与其他编程语言中的函数还是有诸多区别的无须指定函数的返回值，因为JavaScript 函数可以在任何时候返回任何值。实际上，未指定返回值的函数返回的是一个特殊的undefinded 值。可以向JavaScript 函数传递任意数量的参数，因为其函数参数是

2013-01-28 23:27:09 658

翻译 IE haslayout 属性理解及相关bug调试与解决

要想更好的理解 css，尤其是 IE 下对 css 的渲染，haslayout 是一个非常有必要彻底弄清除的概念。大多IE下的显示错误，就是源于 haslayout。什么是 haslayout ？haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中，一个元素要么自己对自身的内容进行计算大小

2013-01-18 19:08:12 628

原创网站特殊字体处理

在网站开发过程中,经常会遇到一些特殊字体,这些特殊字体在客户端未安装该字体时会无法正常显示,一般情况下,如果一个网站使用的特殊字体较少,而且都是静态的话,可以直接切为图片,当网站中用到的特殊字体较多,而且许多是动态的话,切图片的方法显然不可行,下面介绍几种处理网站特殊字体的方法.一. 使用Google Web FontsGoogle字体库里也有很多时尚和个性化的字体供你选择，并且由

2013-01-08 22:25:39 5213

原创 CSS3 @font-face 使用方法

@font-face是CSS3中的一个模块，能够加载服务器端的字体文件，可以在网页中嵌入客户端没有安装的字体。微软的IE 5已经是开始支持这个属性，但是只支持微软自有的.eot (Embedded Open Type) 格式，而其他浏览器直到现在都没有支持这一字体格式。然而，从Safari 3.1开始，网页重构工程师已经可以设置.ttf(TrueType)和.otf(OpenType)两种字体做

2012-12-21 23:03:01 4729

原创 web字体格式及几种在线格式转换工具介绍

目前，文字信息仍是网站最主要的内容，随着CSS3技术的不断成熟，Web字体逐渐成为话题，这项让未来Web更加丰富多彩的技术拥有多种实现方案，其中之一是通过@font-face属性在网页中嵌入自定义字体，主流的浏览器都支持这项技术，本文介绍主要的几种Web字体格式及字体格式转换。Web字体格式介绍TrueType (.ttf)Windows和Mac系统最常用的字体格式，其

2012-12-18 23:43:25 27272 3

原创 jQuery Easing 使用方法及其图解

从jQuery API 文档中可以知道，jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数：properties：一组包含作为动画属性和终值的样式属性和及其值的集合duration(可选)：动画执行时间，其值可以是三种预定速度之一的字符串("slow", "normal", o

2012-12-18 00:13:11 23396 1

原创多步骤进度条的实现方法

很多分步骤的流程都会有一个多步骤进度条，很直观的显示用户每一步的操作状态，像淘宝的购物流程其实现方法其实很简单，只需要把每一步分隔处的箭头切下来，然后灵活利用background-image和background-color来实现，像这样的多步骤进度条一般有三种状态：已经完成的状态(done)当前正在进行的状态(current)未完成的状态(default)我们可以

2012-12-14 20:13:50 9208

原创 CSS BOX类型和display属性

BOX类型会影响呈现和布局, 基本的BOX类型有两种: 块级(block-level)和行内级(inline-level). 事实上还有其他类型的BOX(如table, list-item等), 不过最终都会当作块级BOX或者行内级BOX来处理.块极BOX的特征是从新的一行开始内容, 并且能包含其他块级BOX和行内级BOX.行内级BOX是那些不能形成新的内容块的元素. 它不会从

2012-12-14 19:19:59 2175

转载 Web前端开发规范

规范目的为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.基本准则符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载

2012-12-13 22:53:38 700

WEB前端开发