2011-12-12Html5/JS/CSS

没有评论
34

CSS 清除页面中多余的样式

分类：Html5/JS/CSS一、Dust-Me selectors

Dust-Me是一个很有用也很好用的Firefox插件，它可以分析到你的页面中调用的所有CSS文件并分析那些在页面中没有被用到。

支持本地和远程样式文件，包括使用<link>标签、<?xml-stylesheet?>处理指令、@import语句等方式引入的样式文件；(但是不支持页面中的<style>块和内联样式)
支持IE条件注释中引入的样式文件；
可以检查一个页面，也可以检查整个网站；
支持CSS1选择器、大部分CSS2和CSS3选择器；
理解通用的CSS hack，比如 “* html #fuck-ie”将会被认为是”html #fuck-ie”；
支持Firefox 3.5和Firefox 3.0，事实上得益于FF 3.5的js引擎的改进，FF 3.5中的性能比FF 3.0要高50%。

下载地址：https://addons.mozilla.org/en-us/firefox/addon/dust-me-selectors/

 

二、Page Speed

Page Speed是Google提供的一个前端性能分析工具，有些类似于YSlow，但是提供了一些比较个性且很有用的工具，比如Remove unused CSS：
Page Speed和YSlow一样依赖Firebug。

下载地址：http://code.google.com/intl/zh-CN/speed/page-speed/download.html

2011-10-28Html5/JS/CSS

没有评论
31

完美实现垂直水平居中的 DIV

分类：Html5/JS/CSS　　这个问题，估计很多网页设计员都会遇到过，如何在页面中建立出一个垂直水平居中的 DIV 呢？

　　我在 google 搜索了一下关键字“div 垂直居中” ,约有71,900项符合的查询。但并未能找到一个正确的，符合 XHTML和CSS规范的办法。自己就琢磨了一下，其实也不难，虽然DIV不支持未明确高度的垂直居中，但这个是可以变通的。

继续阅读 »

2011-10-16Html5/JS/CSS

没有评论
34

HTML5 和HTML4的10个关键区别

分类：Html5/JS/CSSHTML5是HTML标准的下一个版本。越来越多的程序员开始HTML5来构建网站。如果你同时使用HTML4和HTML5的话，你会发现用HTML5从头构建，比从HTML4迁移到HTML5要方便很多。虽然HTML5没有完全颠覆HTML4，它们还是有很多相似之处，但是它们也有一些关键的不同。本文就列出了它们之间10个关键的不同之处。

1.HTML5标准还在制定中

首先要注意的是，HTML5虽然现在很火，但是HTML5标准还在制定中，标准仍在改变。HTML4已经10多年了，不会有任何改变了。

继续阅读 »

2011-04-257.Schema,Html5/JS/CSS

没有评论
151

HTTP Basic Authentication验证方式的注销(logout)方法

分类：Html5/JS/CSS实现原理：其中IE浏览器是通过调用内部命令ClearAuthenticationCache实现的；Firefox是通过Ajax发送一个错误的账号密码（logout:logout）实现，所以系统中就不要有叫logout密码也为logout的用户；其它浏览器就直接关闭页面，但如Opera事实上是没有注销的。

继续阅读 »

2010-05-02Html5/JS/CSS

没有评论
113

兼容IE/Firefox的设为首页加入收藏(javascript)

分类：Html5/JS/CSS调用方法：

  1. <a href="#" onclick="setHomepage();">设为首页</a>  
  2. <a href="javascript:AddToFavorite();" >添加收藏</a>

具体代码：

继续阅读 »

2009-02-03Html5/JS/CSS

没有评论
61

Jquery基础入门教程

分类：Html5/JS/CSS一：核心部分
$(expr)
说明：该函数可以通过css选择器，Xpath或html代码来匹配目标元素，所有的jQuery操作都以此为基础
参数：expr：字符串，一个查询表达式或一段html字符串
例子：
未执行jQuery前：

  1. <p>one</p>
  2. <div>
  3.       <p>two</p>
  4. </div>
  5.     <p>three</p>
  6.     <a href="#" id="test" onClick="jq()" >jQuery</a>

继续阅读 »

2008-12-04Html5/JS/CSS

没有评论
112

IE+JavaScript上传之前检测图片文件大小

分类：Html5/JS/CSS文件上传之前的检测，通常是通过文件名来判断文件类型是否合法，但是要想检测文件的大小很难办到，除非在本地或者使用控件。不过在IE下img有几个附加的属性，如：fileCreatedDate、fileModifiedDate、fileSize、fileUpdatedDate、filters，我们可以通过这些属性来获取图片文件的部分信息，如文件大小，我们用file表单同img标签结合，就能够在上传之前判断图片文件的大小是否合法了。 继续阅读 »


返回顶部