Spiga

随笔分类 -02.前端设计

详解HTML

2011-11-18 09:20 by HeroBeast, 18 visits, 网摘, 收藏, 编辑
摘要:1. 详解HTML 标签和属性 在HTML中,通常标签都是由开始标签和结束标签组成的,开始标签用“<标签名>”表示,结束标签用“</标签名>”表示。 元素指的是包含标签在内的整体,除去标签的部分叫做内容。 属性要在开始标签中指定,用来表示该标签的性质和特性。通常都是以“属性名=”值””的形式来表示,用空格隔开后,还可以指定多个属性。指定多个属性时不用区分顺序 颜色的指定方法 用HTML... 阅读全文

IE下实现全屏两方法

2011-08-25 18:48 by HeroBeast, 45 visits, 网摘, 收藏, 编辑
摘要:方法一:普通情况下,IE里有快捷键来实现简单全屏模式的,那就是F11。但是,相比起火狐具有同样功能,地址栏、工具栏、标签栏会自动隐藏的,比起IE那些连工具栏都不会隐藏,那和没有全屏基本上没有区别。怎么让IE可以像公共电脑、自助服务系统那样将地址栏、工具栏、标签栏通通都消失呢,那就要使用方法二。 方法二:使用IE的KioskMode。实现KioskMode其实很简单,使用的话就在运行里输入“ie... 阅读全文

JQuery最佳实践

2011-08-08 16:41 by HeroBeast, 28 visits, 网摘, 收藏, 编辑
摘要:作者: 阮一峰 日期: 2011年8月 4日 上周,我整理了《jQuery设计思想》。 那篇文章是一篇入门教程,从设计思想的角度,讲解"怎么使用jQuery"。今天的文章则是更进一步,讲解"如何用好jQuery"。 我主要参考了Addy Osmani的PPT《提高jQuery性能的诀窍》(jQuery Proven Performance Tips And Tricks)。他是jQuery开发团队... 阅读全文

js subString截取字符串,考虑中文

2011-08-01 18:46 by HeroBeast, 44 visits, 网摘, 收藏, 编辑
摘要:function subString(str, len, hasDot) { ///<summary> ////显示窗口 ///</summary> /// <param name="selector" type="String"> /// 1: str - 源字符串 /// 2: len - 要截取的长度。 /// 3: hasDot - 是否显示…。 /// </param> var new... 阅读全文

javascript单元测试工具QUnit介绍

2010-12-26 11:49 by HeroBeast, 53 visits, 网摘, 收藏, 编辑
摘要:QUnit 介绍: QUnit是jQuery团队开发的JavaScript单元测试工,使用起来非常方便。有漂亮的外观和完整的测试功能(包括异步测试)。 由于存在浏览器解析环境、用户操作习惯等差异,前端程序的许多问题是无法捕捉或重现的,现在前端程序的测试多是黑盒测试,靠模仿用户不停的点击来寻 找程序bug。这种方式既费时费力,又无法保证测试的覆盖面。 随着前端逻辑和交互越来越复杂,和其他编程语言一样,一个函数,一个模块,在修改bug或添加新功能的过程中,很容易就产生新的bug,或使老的 bug复活。这种情况下,反复进行黑盒测试效率很低,如果测试工作交给QA去做,更是怨声载道。此外,浏览器兼容性测 阅读全文

JavaScript判断浏览器类型及版本

2010-12-16 18:44 by HeroBeast, 36 visits, 网摘, 收藏, 编辑
摘要:你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外,世界上还有近百种浏览器。 几天前,浏览器家族有刚诞生了一位小王子,就是Google推出的Chrome浏览器。由于Chrome出生名门,尽管他还是个小家伙,没有人敢小看他。以后,咱们常说浏览器的“四大才子”就得改称为“五朵金花”了。 在网站前端开发中,浏览器兼容性问题本已让我们手忙脚乱,Chrome的出世不知道又要给我们添多少乱子。浏览器兼容性是前端开发框架要解决的第一个问题,要解决兼容性问题就得首先准确判断出浏览器的类型及其版本。 JavaScript是前端开发的主要语言,我们 阅读全文

jquery-autocomplete 使用手册

2010-12-15 15:36 by HeroBeast, 187 visits, 网摘, 收藏, 编辑
摘要:jquery-autocomplete学习一、用前必备官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ http://jquery.bassistance.de/autocomplete/jquery.autocomplete.zip解决IE6中select 遮盖div的问题,请参考jquery.bgiframe插件当前版本:1.0.2需要JQuery版本:1.2.6二、使用<script src="./jquery-1.3.2.js" type="text/javas 阅读全文

javascript 面向对象特性与编程实现

2008-10-31 13:35 by HeroBeast, 62 visits, 网摘, 收藏, 编辑
摘要:在 06 年用 javascript 写过上千行的应用,现在的项目中经常用到 javascript ,说不熟悉吧也熟悉了。说熟悉吧, javascript 的面向对象部分还是比较陌生。实际上自己没有系统学习过 javascript ,没有完整看过一本 javascript 的书。今天决定网上定两本书,一本是《 javascript 高级程序设计》《 javascript dom 编程艺术》,想着也该较系统的学习一下,项目中也要大量应用到这些了,必定下一个项目我们将采用 AJAX 。总结下自己学 ajax 时候补充的一点 javascript 知识。 一、 javascript 面向对象特性 1 阅读全文

jquery基础

2008-10-09 16:54 by HeroBeast, 138 visits, 网摘, 收藏, 编辑

jQuery插件开发基础1

2008-10-08 12:52 by HeroBeast, 190 visits, 网摘, 收藏, 编辑

典型的三行二列居中高度自适应布局

2008-09-25 23:23 by HeroBeast, 60 visits, 网摘, 收藏, 编辑

jQuery Ajax 全解析

2008-07-25 09:31 by HeroBeast, 152 visits, 网摘, 收藏, 编辑
摘要:本文地址: jQuery Ajax 全解析 本文作者:QLeelulu jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。 废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中。 url (String) : 请求的HTML页的URL地址 阅读全文

jQuery实例: ToolTip的实现

2008-03-10 08:41 by HeroBeast, 933 visits, 网摘, 收藏, 编辑
摘要:本文来自:http://www.cnblogs.com/QLeelulu/archive/2008/03/09/1097368.htmlTooltip的插件网上很多,这里主要是通过一个简单的实例来学习jQuery.注:本实例需要jQuery框架.先看一下实现后的效果:鼠标放上来看看 我的Flash站下面让我们开始,首先,我们需要一个CSS来定义我们的显示效果:#luluTip{}{word-wrap:break-word;/**//*自动换行,在FF中对英文和数字无效*/position:absolute;width:150px;color:#a00;background-color:#FFF 阅读全文

面向对象的js编程

2008-02-01 16:13 by HeroBeast, 327 visits, 网摘, 收藏, 编辑
摘要:首先我没有使用前人的导出rss的方法(方法参见也来为自己的博客加个花,兼AJAX跨域的一点疑问),因为我的随笔也不是篇篇都是精华,嘿嘿。所以我就手写了个table代码如下<!--TitleMenuBegin--><divstyle="height:16px;border:0px;position:absolute;top:40px;left:530px;width:500px;"id="Tree_ShowTitleImg"><tableborder="0"cellpadding="0" 阅读全文

CSS:自动隐藏过长的文字

2008-02-01 14:11 by HeroBeast, 377 visits, 网摘, 收藏, 编辑

CSS属性列表[转]

2007-08-03 17:02 by HeroBeast, 119 visits, 网摘, 收藏, 编辑

CSS高级应用参考手册

2007-07-17 09:31 by HeroBeast, 434 visits, 网摘, 收藏, 编辑

CSS中的滑动门技术

2007-07-10 15:44 by HeroBeast, 181 visits, 网摘, 收藏, 编辑

CSS盒子模式(DIV布局快速入门)

2007-07-10 15:38 by HeroBeast, 224 visits, 网摘, 收藏, 编辑

由浅入深漫谈margin属性

2007-07-10 15:28 by HeroBeast, 119 visits, 网摘, 收藏, 编辑

DIV 样式收藏

2007-06-08 13:58 by HeroBeast, 1403 visits, 网摘, 收藏, 编辑