Chrome(google浏览器),Safari(苹果浏览器)取消textarea的resize和聚焦变色

2010-05-24 12:57:46.0


webkit核心浏览器包括Chrome(google浏览器),Safari(苹果浏览器)中的textarea可拖动调整大小,聚焦(onfocus)时边框变成黄色。这些效果的确很酷,但我们有时候不需要这些效果,那怎么办呢?其实用 CSS轻松取消这些效果

1. 取消拖动调整大小 :

textarea {
resize: none;
}
2. 聚焦时边框颜色不变

textarea:focus {
outline: none;
}

JavaScript去除空格,回车符

2010-05-24 12:43:25.0

JavaScript 去除空格,回车的最好办法是使用正则表达式.

javascript去空格函数

//JavaScript Trim Functio
String.prototype.Trim = function()
{
return this.replace(/(^\s*)|(\s*$)/g, "");
} //去除空格,回车
String.prototype.LTrim = function()
{
return this.replace(/(^\s*)/g, "");
//删除字符串左边的空格回车
}
String.prototype.RTrim = function()
{
return this.replace(/(\s*$)/g, "");
}

JQuery筛选器

2010-05-24 10:41:20.0
jQuery提供了强大的选择器让我们获取对象。在这边,我人为地将jQuery选择器分为两大部分:选择对象和筛选条件。选择对象表示要获取什么对象,筛选条件是对获取的对象进行筛选,最终留下符合某些特征的对象。



1.选择对象



1).基本



·#id 根据给定的ID匹配一个元素。例如:$("#id")

JavaScript屏蔽网站内容

2010-05-23 15:07:13.0
今天我们一客户有个需求,网站要求上线后只能给搜索引擎看到,而不让其他的人看到网站的内容,但是他们自己却要能看到。

刚接到这个需求,确实想死了很多脑细胞。。。。

前面两点要求并不难,有很多解决方案,比如判断request的referfer,然后判断是否是爬虫,如果是就展示网站内容,不是就不暂时,但这个有个弊端,就是目前来说,还不知道这种行为是否属于搜索引擎优化作弊,而且不能解决客户自己能看到这个需求

最后从目前主流的搜索引擎都不支持js代码这点出发,决定用JS来解决这个需求

代码如下:
<script type="text/javascript">
//<![CDATA[
if(location.search.indexOf("dzx")<0 ){
var d=jQuery("<div/>");
d.attr("id","seo");
d.css({"height":document.body.scrollHeight,"width":document.body.scrollWidth});
d.html("<iframe id=\"upjpg\" width=\"1146px\" height=\"838px\" src=\"http://www.yangchenghuxie.com/updateing.jpg\" style=\"border:none;\"></iframe>");
jQuery("body").prepend(d).height(document.body.clientHeight).css({"overflow":"hidden"});
}else{
jQuery("a").each(function(){
var h=jQuery(this).attr("href");
jQuery(this).attr("href",h+"?dzx");
});
}
//]]>
</script>

IE6hasLayout

2010-05-23 11:46:23.0
IE的haslayout是个很纠结的东西,要想更好的理解 css, 尤其是 IE 下对 css 的渲染,haslayout 是一个非常有必要彻底弄清除的概念。大多IE下的显示错误,就是源于 haslayout。

  什么是 haslayout ?

   Internet Explorer 中有很多奇怪的渲染问题可以通过赋予其”layout”得到解决。在InternetExplorer中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元 素来计算尺寸和组织内容。为了调节这两个不同的概念,渲染引擎采用了 hasLayout 的属性,属性值可以为true或false。当一个元素的 hasLayout属性值为true时,我们说这个元素有一个布局(layout)

javabean不用getter,setter

2010-05-23 01:01:24.0


写JAVA程序,JAVABEAN是个很好的东西,但是属性一多,整个类里面就有了很多的GETTER,Setter方法,看上去很讨厌

现在在项目中都是使用了一个开源框架Lombok

它会在编译期修改你的字节码文件,自动生成Getter,Setter方法,toString,hascode,equals等常用方法,这样整个类看起来很美观,

我们的BEAN一般看起来是这样的:

public  class User {
private int id;
private String name;
public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
}

Jquery插件浮动层

2010-05-22 00:15:12.0


/*调用:
1 无参数调用:默认浮动在右下角
$("#id").floatdiv();
2 内置固定位置浮动
//右下角
$("#id").floatdiv("rightbottom");
//左下角
$("#id").floatdiv("leftbottom");
//右下角
$("#id").floatdiv("rightbottom");
//左上角
$("#id").floatdiv("lefttop");
//右上角
$("#id").floatdiv("righttop");
//居中
$("#id").floatdiv("middle");

IE浏览器的资源限制

2010-05-20 08:51:17.0


在实际的网站开发中,我们经常会发现IE浏览器对资源的限制,这让人很郁闷,在不了解的时候,会浪费我们很多时间去捉虫。现在我们将IE对页面资源 的限制列出来,在开发中避免这些限制。

  1. 最多只支持引入3层 @import CSS文件;
  2. 最多只支持@import 32个CSS文件(使用link引入与此相同,可以查看这个测试页面,第5个测试值得注意);
  3. 使用Data URi的时候,最多支持32K的base64编码(仅IE8,IE6和IE7不支持Data URi);

SEO工具大全

2010-05-18 09:07:24.0


1. 百度指数:http://index.baidu.com/

2. Google关键字工具:https://adwords.google.com/select/KeywordToolExternal

3. Google趋势:

Gstring,Groovy中的字符串

2010-05-16 11:17:22.0


Groovy中定义字符串有三种办法:

字符串可以使用单引号(’)、双引号(”)、三引号(”””)

定义类型描述