发表于
2012-05-23 08:11:45
嵌入iframe的页面在IE6下滚动时候出现花屏
发表于
2012-05-22 08:54:58
第六版犀牛书：《JavaScript权威指南》
发表于
2012-05-22 08:39:52
Javascript中那些漂亮的诗句。
这些Javascript语句是不是令你意想不到呢？ 我们平时不常用，却是如此简洁优美，当然，在团队合作中请加上注释。取整同时转成数值型：'10.567890'|0//结果: 10'10.567890'^0//结果: 10-2.23456789|0//结果: -2~~-2.23456789//结果: -2日期转数值：vard=+newDate();//结果: 1295698416792more类数组对象转数组：vararr=[].slice.call(arguments);漂亮的随机码Math.random().toString(16).substring(2);//14位Math.random().toString(36).substring(2);//11位合并数组：vara=[1,2,3];varb=[4,5,6];Array.prototype.push.apply(a,b);uneval(a);//[1,2,3,4,5,6]用0补全位数：functionprefixInteger(num,length){return(num/Math.pow(10,length)).toFixed(length).substr(2);}交换值：a=[b,b=a][0];将一个数组插入另一个数组的指定位置：vara=[1,2,3,7,8,9];varb=[4,5,6];varinsertIn
...继续阅读
(40)
发表于
2012-05-16 09:46:59
jQuery模拟瀑布流布局。
发表于
2012-05-10 15:40:05
菲律宾国防部官网被红客攻陷了？大误！！！
今天听说菲律宾官方网站被黑，于是进去看了看。
发现 http://www.pei.net.ph/ 和 http://lam IT an.gov.ph/ 确实被黑了，显示了中国国旗。
疑点1.
我们进行了GOOGLE搜索和百度搜索，发现没有任何搜索引擎以前的收录记录，试想一个国家的网站，访问量应该很大，而且从这个网站运作，应该就被搜索引擎收录过，我们发现了上次快照更新时间已经是昨天了。那么，一个国家的机要网站，在发现自己被黑后一天都没人处理，难道他们国家没有技术人员了吗？more疑点2.
我们通过查询了源代码和主机地址，发现网站http://lamitan.gov.ph/服务器放置地在美国。
然后该网站还被挂了马。试想自己黑了给那么多华人看，攻击的人需要挂马害自己人吗，显示这个事情有猫腻。我们查看了源文件，发现了这样一段代码。疑点3.
下载这个135pk.exe文件 上传到了查毒网，全部显示为病毒。而且如果是菲律宾官方挂的，也不用自动隐藏下载打开吧，文件有350KB 也不像是什么插件之类的。攻击的网站也不是菲律宾政府官网，而真正的官网应该是： www.gov.ph
然后我们在网上查到了.ph的菲律宾域名80元即可注册购买，因此。该事件在没有得到论证以前请没有经验的用户不要去打开。被钓鱼就麻烦了!
以上三个疑点说明 有人故意做了假网站，跟随菲律
...继续阅读
(30)
发表于
2012-05-09 08:00:50
推荐一款让Chrome支持网银的扩展，让你彻底告别IE
发表于
2012-05-02 10:50:05
WebStorm功能特点以及使用指南
之前跟大家大家走马观花介绍了WebStorm的功能特点（http://www.cssha.com/webstorm），那么，相对于其他的前端开发IDE，WebStorm的亮点在哪呢 ？在使用过程中又有哪些需要注意的地方呢 ？ 现在我们就来了解一下吧。more首先看看WebStorm合其他的IDE有什么特别之处。1) 自动保存，不需要你一次又一次地ctrl+s啦，所有的操作都直接存储，当然，万一键盘误操作也会被立即存储，不过我们可以通过本地版本控制解决这个问题。2) 任何一个编辑器只要文件关闭了就没有历史记录了，但是webstorm有。就是说，只要webstorm不关闭，你的文件随时可以返回到之前的操作，webstorm关闭重启后这些历史记录就没有了。这样的坏处也是显然的，由此带来的内存消耗也必然比较大。3) 任何一个编辑器，除了服务器svn之外，没有本地版本，但是webstorm提供一个本地文件修改历史记录。4) 与时俱进的眼光。zencoding于2009年出现于it界，在这之后，鲜有工具直接集成到里边。webstorm 2.0之后就集成了。node.js,html5,git,cvs等 就不一一列举了。5)提供的插件也是比较齐全，安装非常方便。这样带来了另外的问题，以前的eclipse是安装第三方的，webstorm貌似不能安装第三方的插件。6) 可以导出当前设置：File ->
...继续阅读
(32)
发表于
2012-04-30 12:07:55
WebStorm：令人眼前一亮的一款前端开发IDE
发表于
2012-04-29 13:05:13
Windows/IIS主机上如何让wordpress使用漂亮的固定链接
国外的空间到期了，而且之前用的延迟也比较高，所以就换了一家国内的主机，但是却是IIS的，自己太粗心了没看清楚！于是，以前的固定链接发现无法使用了。不过还好，IDC提供了rewrite功能，我们可以通过下面的办法来解决问题。more我们都知道WordPress程序很强大,对搜索引擎优化很友好,但是有一点可能有些人还不是很清楚,对于WordPress这样一款开源程序来 说,它本身就是在Linux/Apache平台中开发,先天上与其结合得比较紧密,因此,如果可能的话,选择Linux/Apache平台应该是第一选择。尽管WordPress可以在Windows/iis平台中安装使用，但存大许多不足，其实中致命的一点便是IIS本身不支持Mod_Rewrite功能，而这将会给博客的维护、管理、SEO优化带来很多麻烦。由于IIS不支持Mod_Rewrite,因此,Wordpress便无法实现标准的、简洁的Permalinks,而只能采取在Url中包含“index.php“的替代方案(如SEO探索的权益之计中所探讨的那样);所以无法实现真正的伪静态功能。虽然网上有利用404.php页面来实现的方法，但终归没有这种自然的好。今天阿安就给大家分享一下，首先你的主机要装Rewrite组件，现在国内很多WINDOWS主机都有装这个了，如果没有可以联系主机空间商。然后在httpd.ini中加入如下代码：[IS
...继续阅读
(41)
发表于
2012-04-26 09:38:23
你清楚jquery是如何清除ajax缓存的吗？
大家都知道万恶的IE在ajax中往往只读取第一次ajax请求时候的数据，其余时候都是从cache提取数据，（太懒了T_T）。原生的JS清除ajax缓存的方法多,但是终觉有点繁琐，如果是用jquery的同学，就设置一个参数就OK了,那就是cache: false，比如：$.ajax({url:"mms-draft!getMmsDraftList",cache:false,dataType:"json",data:{//some parameters},success:function(data){//do something}});另外附上原生js方法：1、在服务端加 header("Cache-Control: no-cache, must-revalidate");(如php中)
2、在ajax发送请求前加上 anyAjaxObj.setRequestHeader("If-Modified-Since","0");
3、在ajax发送请求前加上 anyAjaxObj.setRequestHeader("Cache-Control","no-cache");
4、在 Ajax 的 URL 参数后加上 "?fresh=" + Math.random(); //当然这里参数 fresh 可以任意取了
5、第五种方法和第四种类似，在 URL 参数后加上 "?timesta
...继续阅读
(29)
发表于
2012-04-25 07:45:37
onbeforeunload 在Firefox中的兼容问题
发表于
2012-04-25 03:33:35
获取页面离开onbeforeunload与onunload事件的返回值
在各种项目开发的过程中，页面离开事件onbeforeunload是我们经常要用到的，可以避免用户操作失误，给用户一个选择的机会，就比如我们常常用到的编辑器中。如果用户选择了离开，那么onunload或者onbeforeunload事件自然会触发；但若用户选择了取消，又该如何检测呢？我们假定一个页面离开取消事件，叫做onunloadcancel。显然，这个事件应触发在用户按下对话框的取消按钮之后。但关闭提示对话框的触发流程并不是那么简单。我们先来回顾下这个过程：window.onbeforeunload=function(){return"真的离开?";}当用户准备离开页面（比如按下关闭按钮，或者刷新页面等等），onbeforeunload事件触发。我们的脚本无法在这个事件里决定是否阻止页面的关闭，唯一能做到的只有返回一个字符串，这个字符串仅作为说明文字出现在关闭选择对话框里，用户可以选择关闭，或者不关闭。但究竟选择哪个，我们无从得知。然而仔细分析下这个问题，其实不然。 如果用户真选择了关闭页面，那么之后所有的运行代码都byebye了；而继续留在页面的话，就当什么都没发生过，除了onbeforeunload事件。所以，我们在onbeforeunload事件里做点小花招，在此注册个几毫秒之后启动的定时器，如果页面真关闭了，那么这个定时器当然是作废了；那么页面还在，几毫秒的延时对于这个本
...继续阅读
(33)
发表于
2012-04-20 10:07:14
javascript对象的复制方法
对于基本数据类型，我们常用的复制方法是通过一个‘=’号来赋值实现，我们也叫传递，但是这个方法对于对象却不行，把一个JS对象通过等号传递给一个变量时候，并没有生成一个新的JS对象，而是与之原来的对象相关联，我们在对这个变量进行操作的同时，也改变了原来的JS对象。但是通常我们想要的知识这个对象的一个拷贝，一次我们可以自定义一个对象克隆方法：function clone(myObj){
if(typeof(myObj) != 'object') return myObj;
if(myObj == null) return myObj;
var myNewObj = new Object();
for(var i in myObj)
myNewObj[i] = clone(myObj[i]);
return myNewObj;
}
...继续阅读
(31)
发表于
2012-04-18 03:47:01
JS文本域换行符和HTML换行标签的相互替换
在项目中，我们经常要实现以下编辑器的所见所得效果，当然也要支持回车，在此做下记录，对正则表达式还不是很熟练。将HTML换行标签替换为文本域换行符：
textereaContext = divHTML.replace(/()/g, "\r\n");将文本域换行符替换为HTML换行标签：divHTML = textereaContext .replace(/\n|\r|(\r\n)|(\u0085)|(\u2028)|(\u2029)/g, "");
...继续阅读
(28)
发表于
2012-04-16 08:04:18
作为一名工程师，怎样更好地与PM沟通合作？（工程师如何不被PM欺负）
发表于
2012-04-07 16:41:27
一些javascript处理字符串的常用方法。
懒得每次都查找，在这里整理一下。split() 方法功能：使用一个指定的分隔符把一个字符串分割存储到数组
例子：
str=”jpg|bmp|gif|ico|png”;
arr=str.split(”|”);
//arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组join() 方法功能：使用您选择的分隔符将一个数组合并为一个字符串
例子：
var myList=[”jpg”,”bmp”,”gif”,”ico”,”png”]
var portableList=myList.join(”|”);
//结果是jpg|bmp|gif|ico|pngsubstring()方法功能：字符串截取，比如想从”MinidxSearchEngine”中得到”Minidx”就要用到substring(0,6)indexOf()功能：返回字符串中匹配子串的第一个字符的下标
var myString=”JavaScript”;
var w=myString.indexOf(”v”); //2
var x=myString.indexOf(”S”); //4
var y=myString.indexOf(”Script”); // 4
var z=myString.indexOf(”key”); // -1(不存在)
...继续阅读
(24)
发表于
2012-04-06 07:45:14
get方式在ajax中导致中文乱码问题的一些原因。
发表于
2011-12-29 00:00:00
Jekyll Introduction
This Jekyll introduction will outline specifically what Jekyll is and why you would want to use it.
Directly following the intro we'll learn exactlyhowJekyll does what it does.OverviewWhat is Jekyll?Jekyll is a parsing engine bundled as a ruby gem used to build static websites from
dynamic components such as templates, partials, liquid code, markdown, etc. Jekyll is known as "a simple, blog aware, static site generator".ExamplesThis website is created with Jekyll.Other Jekyll websites.What does Jekyll Do?Jekyll is a ruby gem you install on your local system.
Once there you can calljekyll --se
...继续阅读
(23)
发表于
2011-10-08 09:30:39
通过IE私有滤镜让IE6 7 8支持背景透明，内容不透明效果。
CSS3已经支持背景rgba的rgba透明度，这一方法可以避免元素内容也随背景一起变透明(详情请阅http://www.cssha.com/css3-new-knowledge-student)。但是这一属性在低于IE9的版本中却不被支持，我们可以通过IE私有滤镜来实现背景透明效果。
rgba参数格式：(red,green.,blue,alpha),alpha值0-1。
ie滤镜参数#3363370b，前两位为16进制透明度，比如说值是上面用到的0.2，那么就是0.2×255＝51，再转换成16进制为33。
至于10进制转换16进制，请查阅js函数toString(16)body{ background:url(http://gg.blueidea.com/2011/phpchina/phpchina_ad.gif)}
#d1{width:300px; margin:100px auto; padding:50px;background:rgba(99, 55, 11, 0.2)}
p{background-color:#fff; color:#000}
#d2{background-color:#fff; width:600px; margin:0 auto; padding:10px; line-height:30px}1、背景透明内容不透明2、背景透明内容不透明没有什么好解释
...继续阅读
(32)
发表于
2011-09-27 10:57:33
CSS Sprites: 有用的技术, 还是潜在的麻烦?
发表于
2011-09-26 03:33:06
CSS3新属性基础学习
发表于
2011-09-26 02:59:20
IE6下position定位子元素溢出，父元素被撑开的解决思路。
发表于
2011-09-08 02:08:44
让IE6支持max-width, max-height属性
max-width, min-width, max-height 和 min-heigh是CSS2的属性，它工作于IE7以及更高版本和或者Mozilla Firefox、Chrome等支持CSS2的浏览器，但不能与IE 6和更低版本IE浏览器兼容。比较常用的解决方案是通过CSS表达式让IE6实现相同的效果。例如：如果你有一个或多个图像，显示图像的高度和宽度应该有一些限制。即图像不应该有宽度超过500px（假设），高度不超过200px，那么图像的CSS应为如下：img.thumb{
max-height:200px;
max-width:500px;
width:expression(document.body.clientWidth > 500? “500px”: “auto” );/*for ie6*/
height:expression(document.body.clientHeight > 200? “200px”: “auto” );/*for ie6*/
}more同样的方法你可以试试最小宽度和最小高度。
...继续阅读
(38)
发表于
2011-08-30 14:13:04
可拖拽排列的照片墙效果，或是拼图效果？同页面多实例展示
在蓝色理想上看到这个效果，支持手动拖拽，喜欢的童鞋可以手下，有点小小的遗憾就是没有打开图像，动态调用，都要改，不过稍稍做下优化和调整不是很繁琐。more照片墙一多实例演示body,div,h2,ul,li{margin:0;padding:0;}
body{font:12px/1.5 Arail;}
.box{width:860px;margin:10px auto;background:#eee;border:1px solid #b8b8b8;overflow:hidden}
.title{height:30px;line-height:30px;font-size:14px;padding:0 15px 0 35px;border-bottom:1px solid #b8b8b8;background:#fafafa url(http://js.fgm.cc/learn/lesson10/img/photo/ico.gif) 5px 50% no-repeat;}
.title span{float:left;}
.title a{float:right;color:#06f;outline:none;}
.title a:hover{color:red;}
.box ul{float:left;padding:0 15px 15px 0;}
.box li{float:le
...继续阅读
(28)
发表于
2011-08-25 15:54:58
随笔：苹果CEO乔布斯的离开是一个特别的时代的终结
苹果首席执行官史蒂夫乔布斯的辞职是一个非凡的时代的结束，不仅为苹果，对于一般的全球科技产业也是如此。乔布斯是一个历史悠久的商界人物，其影响远远超出了该公司位于加州的总部Cupertino。more一个人一生如果能在某一方面改变世界，就很幸运了。但是乔布斯在他的不同职业阶段里，多次改变了全球技术、媒体、生活。他做到了，因为他愿意承担很大的风险，新的思路，并不断满足市场调研美联储的小革新。他还坚持高品质，有胆量离开了其他人发现的必要的，杀技术，如软盘驱动器和可拆卸电池，他决定不再需要的功能。他一直辉煌的营销，亲自对他的产品的热情。他的公司共同创办于1976年，他帮助设想，并促进了个人电脑革命。他与史蒂夫•沃兹尼亚克开发的苹果II电脑是不是唯一的面向大众市场的PC于1977年发布的，但它是一个最持久的影响力。1984年，他领导的第一个商业成功的电脑使用鼠标和图形用户界面的Macintosh的发展，再次颠覆计算。它凝成的每一台计算机工程今天的模板，尽管苹果轻易在PC销售战争击败主要竞争对手微软。优秀的Macintosh操作系统，称为OS X，也是驱动器苹果的移动设备的操作系统的iOS的操作系统。此外，他购买了皮克斯，他能够一个小型的电脑动画公司，多年来，变成世界上最成功的电影制片厂之一。它永远改变了动画。在1997年，乔布斯回到苹果作为CEO，该公司的下一次收购的一部分。他发现的是一个
...继续阅读
(13)
发表于
2011-08-24 09:00:38
JavaScript修改className在firefox中无法加载新class的样式问题
在制作外语版的文章页的项目过程中，我们常常会遇到这样一个需求：每一篇文章的首个字母加粗并大写。这点在CSS中用:first-letter伪类即可实现。但是由于使用的是cms系统，内容部分代码后台动态生成，我们只知道包含内容的一个DIV的ID,假设这个DIV的ID为conBox,我采取了通过JS获取此div#conBox下面第一个p元素，并修改其class为first,为p.first:first-letter伪类添加样式.more代码如下：showFace aux milliers de voyous qui dévastent chaque nuit depuis sBarbra Streisand est née à Brooklyn le 24 avril 1942. Rêvant très tôBarbra Streisand décroche ensuite le rôle principal dans la comédiLa chanteuse entame également une cars de séduction dans les années 90, puivar p = document.getElementById("conBox").getElementsByTagName("p");
for (var i=0;i
...继续阅读
(31)
发表于
2011-08-24 02:37:16
HTML5中一些新的“form”元素属性
