我爱互联网

DD_belatedPNG让IE6支持PNG透明图片

dengjianqiang200@gmail.com (woiweb) — Tue, 14 Feb 2012 02:28:36 +0000

IE6不支持透明的PNG图片，而PNG图片在Web设计方面表现力上，具有其它图形格式所达不到的效果，IE6这一致命缺陷极大地限制了Web 设计的创意发挥。虽然解决IE6的透明PNG的方法也很多，从使用IE特有的滤镜或是expression，再到javascript+透明 GIF替代.但是这些方法都有一个缺点，就是不支持css中backgrond-position与background-repeat属性。而使用 DD_belatedPNG.js可完美的解决IE6下PNG图片透明问题，并且支持backgrond-position与background- repeat。这是其他方法所不具备的，同时DD_belatedPNG还支持a:hover属性,以及<img>。我们的网站就加入了 DD_belatedPNG处理导航PNG透明图片，使其在不同浏览器下保持相同的外观。使用方法：首先下载JS文件 0.0.8a.js (未压缩版本) 0.0.8a-min.js (压缩版) 之后在页面中引用代码： <!–[if IE 6]> <script type=”text/javascript” src=”下载下来的JS路径”></script> <script> DD_belatedPNG.fix(‘CSS选择器, 应用类型’); </script> <![endif]–> 引用函数是 DD_belatedPNG.fix() , 括号里分别填写应用PNG的CSS选择器（可使用ID选择器和类选择器）和应用类型（分为img和background两种）。如DD_belatedPNG.fix(‘#box-one, img’) 或者 DD_belatedPNG.fix(‘.header, background’) 等。这些可以简写成 DD_belatedPNG.fix(‘#box-one, .header, img,background’); 。更多选择器的如 DD_belatedPNG.fix(‘#box-one, .header,#footer,.box-two a:hover, img,background’); 等等。另外，为解决IE6下背景图闪烁，可以在页面中添加如下脚本 <!–[if IE 6]> <script type=”text/javascript”> // <![CDATA[ if((window.navigator.appName.toUpperCase().indexOf("MICROSOFT")>=0)&&(document.execCommand)) [...]

同源策略

dengjianqiang200@gmail.com (woiweb) — Fri, 10 Feb 2012 08:56:09 +0000

受同源策略限制，javascript不能跨域!　这里提到了同源策略，那么什么是同源策略呢？同源策略(Same Origin Policy)，它是由Netscape提出的一个著名的安全策略。现在所有支持javascript 的浏览器都会使用这个策略。同源策略阻止从一个域上加载的脚本去获取或操作另一个域上的文档属性。也就是说，受到请求的 URL 的域必须与当前 Web 页面的域相同。这说明浏览器隔离来自不同源的内容，以防止它们之间的操作。为何要使用同源策略？答案：安全！一个简单的例子：比如一个黑客，他利用Iframe把真正的银行登录页面嵌到他的页面上，当你使用真实的用户名，密码登录时，他的页面就可以通过javascript读取到你的表单中input中的内容，这样用户名，密码就轻松到手了。后果会非常严重！那么什么才是同源？所谓同源是指域名，协议，端口均相同。同源的几种情况： 1.不同域名属于跨域，如：www.a.com和www.b.com，另外www.a.com 和www.a.com.cn 也属于不同域名。 2.主域名和子域名（二级域名、三级域名等）跨域，如：www.a.com 和 sub.a.com 属于跨域，sub.a.com 和 sub1.a.com 之间也是跨域。 3.不同协议属于跨域，如：http://www.a.com 和 https://www.a.com。 4.不同端口，如： www.a.com:80和 www.a.com:81 。 5.IP和域名属于跨域，如：123.125.106.16 和 www.weibo.com。

IE下因设置document.domain而无法和Iframe通信的解决方法

dengjianqiang200@gmail.com (woiweb) — Fri, 10 Feb 2012 02:53:31 +0000

最近在开发SDK的过程中发现IE下有个很怪异的问题：在同一域下，因在父页面上设置了document.domain，而导致无法正常和Iframe（也是同域下）进行通信，IE下抛出的错误是：SCRIPT5: 拒绝访问，导致无法操作iframe中的内容。经过查阅了很多资料后发现IE下，在父页面或在iframe页面中，只要设置了document.domain，无论是和当前域名相同还是根域名，均视为跨域，所以才会出现拒绝访问的错误，即使你这样写document.domain=document.domain；虽然好像没人这么干。那么如何才能解决这个问题，让父页面和iframe页面正常通信呢，根据同源策略，让双方均设置同样的domain就可以达到目的。比如页面A是http://www.a.com/a.html ，页面B是http://www.a.com/b.html，这时候两个页面中都写上document.domain=”aaa.com”，这样两个页面就可以交互了。但是，上面的情况只适用于嵌入的页面是事先已经已<iframe src=”http://www.a.com/b.html”></iframe>的形式在页面中写好了，而如果是在页面中动态创建的iframe标签再指定其src为http://www.a.com/b.html，上面的方法就不适用了。此种情况及解决方法请直接参考原著：IE下Iframe的 document.domain的怪异问题上面的这种情况是当Iframe的src不为空，即存在实际的引用页面的解决方法。但如果需要创建一个空白的iframe（即src不指定），还要想拿到iframe里的document对象呢？看个例子： //访问地址：http://www.a.com/a.html <html> <head> <title>Iframe</title> </head> <body> <script type="text/javascript"> document.domain = 'a.com'; var iframe = document.createElement("iframe"); document.body.appendChild(iframe); iframe.onload = function() { console.log(iframe.contentWindow.document.location) } </script> </body> </html> 有人想到设置iframe里面的domain，思路正确，但由于父页面已经设置了domain，在父页面中根本无法获取到空白iframe的document对象，也就无法设置iframe的domain。后来经过了很多尝试，也研究了twitter的SDK的代码，找到了解决方案：通过设置iframe的src来执行一段JS代码，如下， iframe.src = "javascript:void((function(){document.open();document.domain='"+ document.domain + "';document.close()})())"; 通过这种方式就可以改写iframe里面的domain了，这和在浏览器地址栏里输入这段代码的功效一样，这种方式像是旁门左道，但是这确实奏效了。于是上面的代码更改为： //访问地址：http://www.a.com/a.html <html> <head> <title>Iframe</title> </head> <body> [...]

割绳子游戏HTML5版

dengjianqiang200@gmail.com (woiweb) — Wed, 11 Jan 2012 03:13:20 +0000

在拉斯维加斯正在举行的CES大会上，微软CEO鲍尔默宣布了基于IE9和html 5框架的割绳子游戏，由微软及游戏开发商ZeptoLab共同推出，用于促进IE9的使用及网页的美化，网页版点击这里。游戏主角就是一个贪吃的小绿怪兽，必须通过割绳子来将糖果送到小怪物嘴里，并搜集星星来增加得分。到目前为止，下载量已经超过6000万，潜力足以和《愤怒的小鸟》媲美。虽然基于IE9，但游戏可在任何兼容html5的浏览器上玩儿。回顾小家伙贪吃的发展史，2010登陆iOS，去年六月登陆Android，如今又推出html 5网页版，不过是否能胜过其本地应用还有待考证。新版结合Windows 7操作系统，画面和其它版本应用没什么差别，但是可以将游戏添加到Window 7的任务栏当中，新的无锁通关功能是以往版本都不具备的，同时整合Facebook及Twitter，玩家可以将得分晒给朋友或粉丝。英国IE开发组领导Hegerty说：“HTML 5真是个好东西，可以让东西一下变得更具价值，画面丰富，漂亮，游戏只是一个部分，其他还有电影，音乐等，这是今后的一个方向。我们一直在寻找新的优秀方法，为IE9用户带来意想不到的html5体验”。赶紧试试吧，游戏地址：http://www.cuttherope.ie/ 转自：http://www.leiphone.com/html5-cut-rope.html

impress.js使用教程

dengjianqiang200@gmail.com (woiweb) — Thu, 05 Jan 2012 08:39:34 +0000

test

2011年下半年国内优秀初创企业汇总

dengjianqiang200@gmail.com (woiweb) — Wed, 04 Jan 2012 02:29:05 +0000

去年年底总计过国内优秀初创企业，今年7月份的时候总结过2011年上半年国内初创企业，现在也将2011年下半年国内初创企业进行汇总。本文总结了2011年下半年上线的或者关注度相对较高的国内优秀的初创企业，主要是Web2.0Share周刊中每周精选的国内初创企业，更多初创企业可以查看我们在爱库网上的主页：http://ikeepu.com/web20share 2011年下半边国内初创企业PDF下载地址：http://vdisk.weibo.com/s/1LpCT 2011年上半边国内初创企业PDF下载地址：http://vdisk.weibo.com/s/svas/1310656507 点名时间 – 预购一个梦想：点名时间是一个让你发起和支持创意项目的平台。你可以在这里发起项目，向公众推广，并得到资金的支持去完成你的梦想。你也可以在这里浏览各种有趣的项目，一起支持创意，预购别人的梦想。链接：http://www.demohour.com/ 几米: 基于真实地理位置的移动应用“几米”，致力于帮助您发现正在附近“几米之间”的新朋友，并与大家自由沟通、实时交流，讨论身边的“人”和“事”。链接：http://www.jimii.cn/ 连连问: 连连问是一个有趣的基于现有社会化关系的问答网站，通过回网站上的问题，你可以表达自己的个性，发现有趣的朋友链接：http://www.lianlianwen.com/ 腾讯微视: 是一款可以让您在wifi网络下进行视频通话的免费应用软件。由腾讯公司推出，基于通讯录的跨终端跨平台的视频通话软件。目前还处于限量内测阶段。链接：http://weishi.qq.com/ WSS: (White Shark System)是一款基于浏览器的，集“项目管理”、“任务管理”、“工时管理”、“工作日志管理”为一体的协作办公平台。较同类软件，WSS更加注重用户体验(包括易用性与视觉效果)。链接：http://www.wssys.net/zh-CN/ MuseScore 是一个可运行在多种平台上的所见即所得的音乐制谱软件，它提供一个专业制谱软件如Sibelius和Finale的高性价比的替代方案.可以打印出排版的很漂亮的乐谱, 或保存为 PDF 和 MIDI 文件. 链接：http://musescore.org/ 易云是一个帮助客户将各种应用自动部署到云中并运行的云计算平台。该平台将云计算领域中的 IaaS， PaaS 及 SaaS 等云计算使用方式通过创新的专利技术整合在一起，为客户提供完整的解决方案。客户只需要通过简单的网页操作，即可一站式完成创建复杂应用系统的工作，从而大大降低客户使用云计算的门槛。链接：https://www.eayun.com/zh_CN/ 老板书库: 是一个阅读分享平台。您能在这里发现商业名人所读的书籍和点评，挑选某个行业的推荐书籍，或是分享您喜欢的书与读书心得。链接：http://ibossbook.com/ 孔明社会化媒体管理平台提供管理各个社交网络，挖掘有效客户群，联系人管理，品牌监控等功能社会化CRM个人觉得是有需求的，如何挖掘目标用户群的需求是重点链接：http://www.kmsocial.cn/ 二手书网: 是一款专业的图书搜索引擎和一个专业的二手书交易平台，向用户提供出售、求购图书，热门、最新发布，图书捐赠等集搜索、比较和智能筛选为一体的服务，同时向发布者提供买、卖家留言，获取联系方式等互动沟通类服务。链接：http://2shoushu.com/ 午饭圈-用午饭打开你的社交圈，本地人脉积累最佳网站: 午饭圈是一个用午饭打开你社交圈的网站，你可以在这里发布你的邀请，找到你想认识的人并和他们共进午餐，接受商家的优惠，去有社交活动的店面进餐。链接：http://wufanquan.sinaapp.com/ 聚聚呀！是一个能够让任何网民创建垂直社区的平台。只需填写几个简单的内容，比如说，社区的名字，社区的类别，就能够在几分钟内轻松的搭建起一个能够让所有人交流分享的社区。链接：http://www.jujuya.com/ [...]

分享以冬为主题的壁纸

dengjianqiang200@gmail.com (woiweb) — Sat, 31 Dec 2011 02:18:43 +0000

冬天已至，艳丽的万紫千红已经消失殆尽，冬的严寒、暗淡，让人们觉得冬天不如夏的美，而正是由于冬的冰冷，雪的洁白，才会为大地万物的又一轮复苏做出很好的铺垫，今天给大家推荐一些以冬为题材的壁纸，让我们一起静静欣赏冬的洁白，冬的冷艳。

Firefox未来版:Firefox Aurora全新体验

dengjianqiang200@gmail.com (woiweb) — Tue, 27 Dec 2011 03:27:26 +0000

Firefox 11 Aurora 正式版将会在 2012 年 3 月正式发布。先睹为快，我们来看看 Firefox Aurora 中在开发者工具方面有什么亮点。自由格式的样式单编辑在最新的 Firefox 提供了 Style Inspector ，可以用它的规则来对某个元素的 css 属性进行查看和修改，而 Firefox 11 Aurora 将增加自由格式的样式编辑组合。你可以从 Web 开发者菜单中打开 Style Editor ，如下图所示： Style Editor 提供了一个 CSS 编辑的友好环境，你所作的修改会立即在页面上生效，你也可以在你本机上保存修改后的页面。该工具还有很多好用的特性，例如点击 eye 图标可以对某个 CSS 属性进行设置和关闭，也就是我们常说的 toggle 操作。你可以在一个新页面上测试样式，或者创建一个新的样式或者直接从磁盘中加载样式。另外，Style Editor 会自动对 CSS 进行排版处理，更适合阅读。使用三维效果查看页面结构哇塞，这个太酷了，你可以通过菜单中的 Web 开发者的 Inspect 来打开此功能，你将在工具栏看到一个 3D 按钮（前提是你的电脑兼容 WebGL），点击此按钮，就可以看到如下的酷图： [...]

常用CSS3动画效果合集-animate.css

dengjianqiang200@gmail.com (woiweb) — Fri, 16 Dec 2011 06:35:10 +0000

animate.css是一个比较酷、炫的一个动画合集，很方便在你的项目中使用。更便于你来寻找CSS的动画效果。 Demo：http://daneden.me/animate/

Js模拟Ajax无刷新提交

dengjianqiang200@gmail.com (woiweb) — Tue, 13 Dec 2011 03:33:12 +0000

最近在做一个模拟Ajax提交的功能，原理很简单，就是动态创建一个form，并指定其target为页面中的一个隐藏的iframe，当form提交时会提交到这个iframe中，从而实现提交数据，而不刷新当前页面的功能，这个方法多用来做图片或文件上传的功能。首先要创建一个iframe： var iframe = document.createElement('iframe'); iframe.id = 'uploadIframe'; iframe.name = 'uploadIframe'; iframe.style.display = 'none'; document.body.insertBefore(iframe, document.body.firstChild); 提交我们的form表单： <form id="form" enctype="multipart/form-data" method="POST" action="" target="uploadIframe"> <input type="file" hidefocus="true" name="pic"/> </form> document.getElementById("form").submit(); 在FF、Chrome、Safari下都正常，而在IE下却发现，form提交时却新打开了一个窗口。这是怎么回事呢，我iframe的name也设置了，form的target也指向了iframe。调试了一下，发现在IE里是iframe.name = ‘uploadIframe’; 这行代码无效。于是上网搜索了下，发现可以这样来创建iframe： iframe = document.createElement('<iframe name="uploadIframe">'); 但这样的代码会在非IE下抛出异常，于是增加下判断，代码变成这样： var iframe; if(/msie/.test(navigator.userAgent.toLowerCase())) { //IE iframe = document.createElement('<iframe name="uploadIframe">'); } else {//FF... iframe = [...]

推荐阅读：
IE6-7下的调试利器-IE WebDeveloper使用教程	IE下因设置document.domain而无法和Iframe通信的解决方法	IE下document.getElementById的处理方式	微软发布 IE9平台预览第四版	Javascript下实现MAP
来自无觅网络的相关文章：
微软将推出IE自动升级功能让IE6尽早消失 (@yixieshi)	7月份国内浏览器占有率 IE6仍然占绝大多数 (@yixieshi)	WordPress宣布放弃支持IE6！ (@wpcourse)	2011年9月全球浏览器市场排行 IE6即将淘汰 (@yixieshi)	近六成IE用户同时使用其它浏览器 (@yixieshi)
无觅

推荐阅读：
IE下因设置document.domain而无法和Iframe通信的解决方法	高效 JavaScript	15款很棒的 JavaScript 开发工具	Javascript下实现MAP	10令人上瘾的用Javascript开发的游戏
来自无觅网络的相关文章：
8个惊艳的 HTML5 和 JavaScript 特效 (@yixieshi)	谷歌全球营销副总：按国情决定营销策略 (@yixieshi)	推荐给开发者10款超级有用的JavaScript工具 (@yixieshi)	2011回顾：20个将JavaScript推到极致的网站 (@yixieshi)	Access和mini-cooper联手跨界设计 (@ycy8)
无觅