随笔分类 -  02.前端设计

1 2 下一页
详解HTML
摘要：1. 详解HTML 标签和属性 在HTML中，通常标签都是由开始标签和结束标签组成的，开始标签用“<标签名>”表示，结束标签用“</标签名>”表示。 元素指的是包含标签在内的整体，除去标签的部分叫做内容。 属性要在开始标签中指定，用来表示该标签的性质和特性。通常都是以“属性名=”值””的形式来表示，用空格隔开后，还可以指定多个属性。指定多个属性时不用区分顺序 颜色的指定方法 用HTML... 阅读全文
posted @ 2011-11-18 09:20 herobeast 阅读(322) 评论(0) 推荐(0)
IE下实现全屏两方法
摘要：方法一：普通情况下，IE里有快捷键来实现简单全屏模式的，那就是F11。但是，相比起火狐具有同样功能，地址栏、工具栏、标签栏会自动隐藏的，比起IE那些连工具栏都不会隐藏，那和没有全屏基本上没有区别。怎么让IE可以像公共电脑、自助服务系统那样将地址栏、工具栏、标签栏通通都消失呢，那就要使用方法二。 方法二：使用IE的KioskMode。实现KioskMode其实很简单，使用的话就在运行里输入“ie... 阅读全文
posted @ 2011-08-25 18:48 herobeast 阅读(747) 评论(0) 推荐(0)
JQuery最佳实践
摘要：作者： 阮一峰 日期： 2011年8月 4日 上周，我整理了《jQuery设计思想》。 那篇文章是一篇入门教程，从设计思想的角度，讲解"怎么使用jQuery"。今天的文章则是更进一步，讲解"如何用好jQuery"。 我主要参考了Addy Osmani的PPT《提高jQuery性能的诀窍》（jQuery Proven Performance Tips And Tricks）。他是jQuery开发团队... 阅读全文
posted @ 2011-08-08 16:41 herobeast 阅读(239) 评论(0) 推荐(0)
js subString截取字符串，考虑中文
摘要：function subString(str, len, hasDot) { ///<summary> ////显示窗口 ///</summary> /// <param name="selector" type="String"> /// 1: str - 源字符串 /// 2: len - 要截取的长度。 /// 3: hasDot - 是否显示…。 /// </param> var new... 阅读全文
posted @ 2011-08-01 18:46 herobeast 阅读(1120) 评论(0) 推荐(0)
javascript单元测试工具QUnit介绍
摘要：QUnit 介绍： QUnit是jQuery团队开发的JavaScript单元测试工，使用起来非常方便。有漂亮的外观和完整的测试功能（包括异步测试）。 由于存在浏览器解析环境、用户操作习惯等差异，前端程序的许多问题是无法捕捉或重现的，现在前端程序的测试多是黑盒测试，靠模仿用户不停的点击来寻 找程序bug。这种方式既费时费力，又无法保证测试的覆盖面。 随着前端逻辑和交互越来越复杂，和其他编程语言一样，一个函数，一个模块，在修改bug或添加新功能的过程中，很容易就产生新的bug，或使老的 bug复活。这种情况下，反复进行黑盒测试效率很低，如果测试工作交给QA去做，更是怨声载道。此外，浏览器兼容性测 阅读全文
posted @ 2010-12-26 11:49 herobeast 阅读(503) 评论(0) 推荐(1)
JavaScript判断浏览器类型及版本
摘要：你知道世界上有多少种浏览器吗？除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外，世界上还有近百种浏览器。 几天前，浏览器家族有刚诞生了一位小王子，就是Google推出的Chrome浏览器。由于Chrome出生名门，尽管他还是个小家伙，没有人敢小看他。以后，咱们常说浏览器的“四大才子”就得改称为“五朵金花”了。 在网站前端开发中，浏览器兼容性问题本已让我们手忙脚乱，Chrome的出世不知道又要给我们添多少乱子。浏览器兼容性是前端开发框架要解决的第一个问题，要解决兼容性问题就得首先准确判断出浏览器的类型及其版本。 JavaScript是前端开发的主要语言，我们 阅读全文
posted @ 2010-12-16 18:44 herobeast 阅读(299) 评论(0) 推荐(0)
jquery-autocomplete 使用手册
摘要：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 阅读全文
posted @ 2010-12-15 15:36 herobeast 阅读(547) 评论(0) 推荐(0)
javascript 面向对象特性与编程实现
摘要：在 06 年用 javascript 写过上千行的应用，现在的项目中经常用到 javascript ，说不熟悉吧也熟悉了。说熟悉吧， javascript 的面向对象部分还是比较陌生。实际上自己没有系统学习过 javascript ，没有完整看过一本 javascript 的书。今天决定网上定两本书，一本是《 javascript 高级程序设计》《 javascript dom 编程艺术》，想着也该较系统的学习一下，项目中也要大量应用到这些了，必定下一个项目我们将采用 AJAX 。总结下自己学 ajax 时候补充的一点 javascript 知识。 一、 javascript 面向对象特性 1 阅读全文
posted @ 2008-10-31 13:35 herobeast 阅读(255) 评论(0) 推荐(0)
jquery基础
摘要：demo7:table滑过变色,隔行变色. $(document).ready(function(){ //这个就是传说的ready $(".stripe tr").mouseover(function(){ //如果鼠标移到class为stripe的表格的tr上时，执行函数 $(this).addCla... 阅读全文
posted @ 2008-10-09 16:54 herobeast 阅读(289) 评论(0) 推荐(0)
jQuery插件开发基础1
摘要：插件1： jquery.plugindemo1.js ================================================= jQuery.Demo1 = function(param) { alert('This is a test. This is only a test.'+param); }; ======================... 阅读全文
posted @ 2008-10-08 12:52 herobeast 阅读(328) 评论(0) 推荐(0)
典型的三行二列居中高度自适应布局
摘要：如何使整个页面内容居中，如何使高度适应内容自动伸缩。这是学习CSS布局最常见的问题。下面就给出一个实际的例子，并详细解释。（本文的经验和是蓝色理想论坛xpoint、guoshuang共同讨论得出的。） 首先先按这里看实际运行效果，这个页面在mozilla、opera和IE浏览器中均可以实现居中和高度自适应。我们来分析代码： Code highlighting produced by Act... 阅读全文
posted @ 2008-09-25 23:23 herobeast 阅读(284) 评论(0) 推荐(0)
jQuery Ajax 全解析
摘要：本文地址: jQuery Ajax 全解析 本文作者：QLeelulu jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。 废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data], [callback] ) ：载入远程 HTML 文件代码并插入至 DOM 中。 url (String) : 请求的HTML页的URL地址 阅读全文
posted @ 2008-07-25 09:31 herobeast 阅读(394) 评论(0) 推荐(0)
jQuery实例: ToolTip的实现
摘要：本文来自：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 阅读全文
posted @ 2008-03-10 08:41 herobeast 阅读(1515) 评论(1) 推荐(0)
面向对象的js编程
摘要：首先我没有使用前人的导出rss的方法(方法参见也来为自己的博客加个花，兼AJAX跨域的一点疑问)，因为我的随笔也不是篇篇都是精华，嘿嘿。所以我就手写了个table代码如下<!--TitleMenuBegin--><divstyle="height:16px;border:0px;position:absolute;top:40px;left:530px;width:500px;"id="Tree_ShowTitleImg"><tableborder="0"cellpadding="0" 阅读全文
posted @ 2008-02-01 16:13 herobeast 阅读(563) 评论(0) 推荐(0)
CSS：自动隐藏过长的文字
摘要：1、指定显示区域的大小 2、文字不自动断行，过长则隐藏。 假设有两个类B 和 C：B作为调用者，C是被调用者，在B代码中存在对C的调用 存在问题：可能出现一个字只出一半 若再加上text-overflow:ellipsis;，则不会出一半的字，但会自动增加“...”的省略号 可能只有 IE 或 Firefox 适用。 来自：http://www.cnblogs.com/stephe... 阅读全文
posted @ 2008-02-01 14:11 herobeast 阅读(1118) 评论(0) 推荐(0)
CSS属性列表[转]
摘要：属性名称字体属性（Font）font-familyfont-stylefont-variantfont-weightfont-size颜色和背景属性ColorBackground-colorBackground-imageBackground-repeatBackground-attachmentBackground-position文本属性W... 阅读全文
posted @ 2007-08-03 17:02 herobeast 阅读(307) 评论(0) 推荐(0)
CSS高级应用参考手册
摘要：下载地址：CSS高级应用参考手册 阅读全文
posted @ 2007-07-17 09:31 herobeast 阅读(661) 评论(0) 推荐(0)
CSS中的滑动门技术
摘要：ISSN: 1534-0295. 20 October 2003 – Issue No. 160 原文作者：Douglas Bowman 原文出自：A List Apart 中文翻译：54player.com nobita 在CSS中，一个经常被人们讨论的先进之处即背景图像的可层叠性，并允许他们在彼此之上进行滑动，以创造一些特殊的效果。根据CSS2.0当前的规定，每一个背景图像都需要各自的H... 阅读全文
posted @ 2007-07-10 15:44 herobeast 阅读(443) 评论(0) 推荐(0)
CSS盒子模式(DIV布局快速入门)
摘要：作者：唐国辉 前言 如果你想尝试一下不用表格来排版网页，而是用CSS来排版你的网页，也就是常听的用DIV来编排你的网页结构，又或者说你想学习网页标准设计，再或者说你的上司要你改变传统的表格排版方式，提高企业竞争力，那么你一定要接触到的一个知识点就是CSS的盒子模式，这就是DIV排版的核心所在，传统的表格排版是通过大小不一的表格和表格嵌套来定位排版网页内容，改用CSS排版后，就是通过由CSS定义... 阅读全文
posted @ 2007-07-10 15:38 herobeast 阅读(962) 评论(0) 推荐(0)
由浅入深漫谈margin属性
摘要：本文来自：blankzheng的blog：http://www.planabc.net/ margin在中文中我们翻译成外边距或者外补白（本文中引用外边距）。他是元素盒模型（box model）的基础属性。 一、margin的基本特性 margin属性包括margin-top,margin-right,margin-bottom,margin-left,margin，可以用来设置box的ma... 阅读全文
posted @ 2007-07-10 15:28 herobeast 阅读(375) 评论(0) 推荐(0)

1 2 下一页