推荐13个CSS3快速开发工具
作者:bonny 日期:2011-10-18 TOP
有了下面这些工具，你可以快速方便地掌握css3 并利用它构建页面效果：
1. CSS3 Pie
2. CSS3 Builder
3. CSS3 Drop shadow generator
4. Cascader
分享31个实用的Javascript工具
作者:bonny 日期:2011-08-24 TOP
下面提到的这些工具包括各种实用工具，优化器，测试和调试工具，它们可以提高开发者创建Web站点的效率。
1，JavaScript compressor and comparison tool
有许多工具可以帮助你压缩JavaScript代码，但是这个过程比较耗时，并且，对于某个特定的场景来说，很难分析出具体哪个工具表现的最好。这 个应用程序可以对那些工具的常规压缩做一个汇总统计，它可以让开发者在不安装这些工具的情况下，对在自己的JavaScript代码上应用那些工具的情况 进行比较。
具体可以参考：http://compressorrater.thruhere.net/
SNS平台与第三方APP的JS通信实现
作者:bonny 日期:2011-08-07 TOP
先看一下我们遇到了什么问题？
在我们的白社会里，需要嵌入第三方应用，而嵌入的方式是使用 iframe，为了页面美观，这里就有一个最简单的需求：iframe 的高度需要跟随其本身内容的变化而实时变化，这就要求主页面根据 iframe 的内容实时的去设置其样式 height 值，但是因为第三方应用和白社会不属于同一个域，所以给实现带来了一点小小的麻烦，所以才有以下的一些讨论…
仔细分析一下问题的实质是什么呢？
其实这里需要解决的是，在一个页面 A 中嵌入一个iframe B，A 和 B 不属于同一个域，但是 A 和 B 需要进行一些必要的通信，传递少量的数据信息，所以问题的实质就是主页面与跨域 iframe 之间怎么通信，也就是怎么传递数据信息
下面就针对两种不同的需求，总结一些比较简单，常用和稳定的解决方案。
- 主页面A 怎么向 iframe B 传递数据
- iframe B 怎么向 主页面A 传递数据
需求一：主页面A 怎么向 iframe B 传递数据呢？
Javascript继承机制的设计思想&诞生记
作者:bonny 日期:2011-07-03 TOP
一直很难理解Javascript语言的继承机制。
它没有"子类"和"父类"的概念，也没有"类"(class)和"实例"(instance)的区分，全靠一种很奇特的"原型链"(prototype chain)模式，来实现继承。
我花了很多时间，学习这个部分，还做了很多笔记。但是都属于强行记忆，无法从根本上理解。
Web应用程序的开发步骤
作者:bonny 日期:2011-06-23 TOP
如今已进入了web2.0高速发展的互联网时代，各种互联网的Web应用程序如雨后春笋般出现。那么作为 一名Web开发人员，怎样去开发一款优秀的Web应用程序呢?这个问题没有一个简单的答案，甚至那些教育机构都未必能清楚的知道。所以，像大多数在这个领 域里的web开发人员一样，我们只是通过去做，去实验才学会了这些。没有人告诉我们如何去做，我们从给自己做点什么东西开始，学会如何开发web应用程序 是在这个过程中的一个副产品。这是学习任何语言的一个非常有效的方法。
Web应用程序与网站之间的区别
首先，我要说明，开发一个web应用程序跟开发一个网站是不一样的。虽然在总体上有很大相似之处，但开发它们所需要的时间有巨大的差别。那究竟web应用程序和网站有什么不同呢?通常，维基百科能帮助我们解释这个问题，让我们来看看维基百科是如何定义应用软件的：
应用软件，通常也被称作应用，指的是专门为帮助用户去执行一个或多个相关特定任务而设计的计算机软件。企业软件，会计软件，办公套件，绘图软件，媒体播放器等都属于这种软件。
超强的php后台管理框架extplorer
作者:bonny 日期:2011-04-24 TOP
今天介绍的 eXtplorer 可以下载下来安装到自己服务的在线文件管理程序，是我见过功能强大的，它是基于 PHP 和 ExtJS Javascript 库创建的。使用 eXtplorer 可以在线浏览文件和文件夹之外，我们甚至可以将 eXtplorer 作为 FTP 客户端去登录 FTP 服务器。
类似这样的东西，我以前也做个一下。不过是很简单的一种，也是用php写的，就是对文件进行读写删操作。
我的这里下载，打开file.php就可以用了。
今天偶然发现eXtplorer真是相见恨晚，泪流满面，功能如此强大！
eXtplorer 的详细功能
- 可以通过鼠标拖拉复制和移动文件和文件夹
- 动态的目录树，并且能够根据需要显示子目录
- 可以在线修改文件，并且代码高亮显示
- 可以重命名，删除和创建文件和文件夹
- 可以通过 FTP 方式或者直接访问文件
- 并且可以修改文件的权限和属性
- 可以上传和下载文件
- 可以压缩文件，或者解开压缩包，支持 ZIP, Tar, Tar/GZ, Tar/BZ 四种格式
- 可以创建多个用户，并且可以给用户赋予不同的权限，如只能“浏览”，“编辑”，和“管理”
- 现在还可以作为 Joomla! 和 Mambo 这两个 CMS 程序的部件，不过遗憾还没有 WordPress 方面的插件。
安装 eXtplorer
IE透明背景Hack
作者:bonny 日期:2010-12-17 TOP
今天看网易商城 用了PNG图片做背景图，而且模式不是索引颜色。IE6下正常工作，马上想到可能其用了JS，或在IE6下用了滤镜效果。打开其CSS，居然压缩了的。发现其真的为IE6做了滤镜效果。
.pro-new-img { top:-20px; right:-20px; position:absolute; background:transparent url(http://st4.yxp.126.net/img/store/p_new.png?v=1) no-repeat 0 0; width:58px; height:59px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://st4.yxp.126.net/img/store/p_new.png?v=1', sizingMethod='crop');
}
JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在 JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即JavaScript只能访问与包含它的文档 在同一域下的内容。
JavaScript这个安全策略在进行多iframe或多窗口编程、以及Ajax编程时显得尤为重要。根据这个策略， 在baidu.com下的页面中包含的JavaScript代码，不能访问在google.com域名下的页面内容；甚至不同的子域名之间的页面也不能通 过JavaScript代码互相访问。对于Ajax的影响在于，通过XMLHttpRequest实现的Ajax请求，不能向不同的域提交请求，例如，在 abc.example.com下的页面，不能向def.example.com提交Ajax请求，等等。
然而，当进行一些比较深入的前端编程的时候，不可避免地需要进行跨域操作，这时候“同源策略”就显得过于苛刻。本文就这个问题，概括了跨域所需要的一些技术。
下面我们分两种情况讨论跨域技术：首先讨论不同子域的跨域技术，然后讨论完全不同域的跨域技术。
