步行者的专栏

http://fancybox.net/fancybox是和lightbox类似的插件。用法比较简单。把一些设置的参数罗列出来如下：可用参数：KeyDefault valueDescriptionpadding10Space between FancyBox wrapper and content

最近在上网的时候，看到了HashDos攻击的信息。在http请求中处理大量参数的时候，服务器的hash table出来的时候，由于查询，删除等的操作比较消耗时间。最终使得CPU 100%的状态。使得服务器几乎失去响应。如果停止攻击的话，马上就能够恢复。这个并不是某个语言的问题。具体可以参考：http://cryptanalysis.eu/blog/2011/12/28/effectiv

在网站开发，为了区分是人输入的东西还是计算机自动输入的东西。经常用到CAPTCHA图片认证。针对每种语言，有很多open source可以使用。CAPTCHAPython PyCaptcha Python语言实现的CAPTCHA库Python Module at CAPTCHAs.net are providing a python module to simplify t

HttpRequest在访问的时候，经常用的几个容易混淆的方法。从网上找到的一个比较容易理解的例子。getContextPathContext路径getServletPathServlet路径getPathInfo扩展路径getPathTranslated扩展物理路径getRequestURL请求时候的URL

图形是我们最经常看见和使用的东西。但要自己写代码实现一个图形还不是那么简单。比如Excel的图形，PDF中的图形，网页上的图形。方式很多，实现方法也不一样。看看google的网页上面显示的图形，真的很漂亮。看看下面的这个图形的代码。代码： google.load("visualization", "1", {packages:["c

在大型网站架构中，为了应对大量的数据访问，缓存是非常重要的。Memcached是就免费的一款不错的工具。What is Memcached?Free & open source, high-performance, distributed memory object caching system, generic in nature, but intended for us

最近稍微看了看Apache Click（http://click.apache.org/）。感觉非常简洁。貌似不错的说。Apache Click is a simple JEE web application framework for commercial Java developers.Apache Click is an open source project, licens

有时候我们需要把HTML页面内存转换成PDF，当然可以截图做成Excel然后转换成PDF。下面介绍一下HTML转换成PDF的工具wkhtmltopdf（http://code.google.com/p/wkhtmltopdf/）。这个工具可以在Linux和Windows等系统下运行。    下面以Windows为例子。先下载工具wkhtmltopdf-版本号-.exe。下载把文件放到自己个一个

ExtJS(http://www.extjs.com/) 是一个很不错的 Ajax 框架，可以用来开发带有华丽外观的富客户端应用，使得我们的 b/s 应用更加具有活力及生命力。ExtJS是一个用 javascript 编写，与后台技术无关的前端 ajax 框架。因此，可以把 ExtJS 用在.Net、Java、Php等各种开发语言开发的应用中。    主要特点:High perform

jsoup(http://jsoup.org/)是一款JAVA的HTML解析器.可以分析HTML字符串,HTML文件,或者URL.parse HTML from a URL, file, or stringfind and extract data, using DOM traversal or CSS selectorsmanipulate the HTML elements, at

最近看到curl貌似在RIA方面好像比较有名。在日本貌似发展不错，http://www.curlap.com/网站的内容较多。本文来自：http://www.infoq.com/cn/news/2008/06/curl-overview    在本文中，InfoQ.com就Curl平台的相关内容采访了Curl公司开发部副总裁Richard Monson-Haefel。Curl是

最近在一个项目中发现%2F的相对URL识别了，产生了404错误。URL：http://w3schools.com/xxx%2Fxxx%2Ftest.asp?name=stale&car=saab产生这个现象的原因是因为apache没有识别到encode后的URL。可以在配置文件里面追加AllowEncodedSlashes On来解决。        DocumentR

CSS 概述    CSS 指层叠样式表 (Cascading Style Sheets)    样式定义如何显示 HTML 元素    样式通常存储在样式表中    把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题    外部样式表可以极大提高工作效率    外部样式表通常存储在 CSS 文件中    多个样式定义可层叠为一层叠次序

本文来自：http://blog.sina.com.cn/s/blog_4b01279a0100hc6o.html在写模版文件判断数据是否为空的时候，想当然的写成了下面的代码。#if(${data} != null)    ...#end结果Velocity解析时抛出了如下错误：Caused by: org.apache.velocity.exception

一般按钮的文字都是一行的。但是有的时候画面需要按钮中的文字换行。刚开始有个开发人员说没法实现。\r\n 都用过了没有效果。其实google这个老师是非常强大的。直接换行的方法：还有一种办法就是把按钮做成图片。这个应该是网站中经常使用的方法。

最近在跨域问题的问题中，查找了一些资料。实现方法有很多。PPT文档：http://www.slideshare.net/SlexAxton/breaking-the-cross-domain-barrier 里面详细介绍了基本的实现方法。下面转载easyXDM以及JSONP 的方法：内容来自：http://blog.sina.com.cn/s/blog_61b7b4e90100

Velocity的$与Jquery的$发生冲突时的解决方法有以下几个：1、使用jQuery代替$。   如:jQuery.ajax();   缺点：不适合扩展，一旦替换成第三方库时，那就麻烦大发2、使用jQuery.noConflict。   如：var j = jQuery.noConflict(); j.ajax();   缺点：当使用jQuery的相关插件时,会使

AJAX - Introducing Cross-domain Request (XDR)With Cross-domain Request ("XDR") in Windows Internet Explorer 8, developers can create cross-site data aggregation scenarios. Similar to the XMLHttpRequ

在项目开发中，画面经常有多个DIV的内容显示在一行的要求。比如HTML 你好，这是div1的第一行。 你好，这是div1的第二行 你好，这是div2的第一行。 你好，这是div3的第一行。 你好，这是div3的第二行 怎么居中显示在一行呢？使用inline-blo

JavaScript 是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即JavaScript只能访问与包含它的文档在同一域下的内容。JavaScript这个安全策略在进行多iframe或多窗口编程、以及Ajax编

一般的窗口关闭的JS如下写法：    window.close()但是呢，chrome，firefox等中有时候会不起作用。改为下面的写法：    window.open("about:blank","_self").close()      或者   window.open("","_self").close()   如果是frame的时候如下

IE中，宽用width，高用height，hight都没有问题。最近在改造老系统的时候，发现在Chrome浏览器中有的popup设定的宽度，高度不起作用。宽度，高度和Chrome初始启动时候一样。刚开始百思不得其解，因为看写法貌似没有啥问题。最后看了半天发现微小的差别。发现有问题的部分的高度用的是hight，而不是height。仅仅一个字母的差别，不仔细看还真不

强烈推荐可以在同一台电脑上测试IE各种版本的工具IETester（http://www.my-debugbar.com/wiki/IETester/HomePage）。     IETester可以运行在XP，VISTA，WINDOWS 7等平台。对应的IE版本有IE5.5，IE6，IE7，IE8。下载次数已经超过了一百万次。是非常受欢迎的WEB开发测试辅助工具。     试想我们没有这种

选择图片后直接显示图片preview.src=this.value;">img src="/images/spacer.gif" name="preview" width="300" border="0">javascript上传多个图片。以下内容来自http://www.html5rocks.com/en/tutorials/file/dndfiles/ f

本来在代码中使用的是body的onunload事件来耍行亲页面。可是在Chrome浏览器中这个事件却不被触发。查询网上资料Chrome是支持该事件的，为什么呢？Navigating to another page directly in the browser or with a link.Closing the current browser window or tab

最近在操作画面的时候，凑巧出现一个问题。具体是在一个亲窗口中打开一个子窗口然后把子窗口的关闭按钮和亲窗口的窗口按钮重叠在一起。点击关闭按钮后，子窗口被关闭。然后亲窗口的onunload事件也会被执行。在这个事件中判断的信息说是点击了亲窗口的关闭按钮。最后查到了原因，原来是如下代码的判断所致。if(((event.clientX > document.body

ie7，firefox中table的css设置为table-layout=fixed;width=100%后，table的总的宽度一般为标题栏的总和。ie8，chrome中用上面的设置显示后是和画面的最宽一致，各列的宽度也不固定了，一般对于一个商业系统来说，不管什么浏览器大体风格都需要一致。具体有什么好的方法来固定呢？第一种方法是设置整个表的width为各列的总和。第二种方法是表的

前面在搞维护的时候，遇到同一个table的cell内有多个操作按钮的情况。这些按钮都是左对齐的，IE7，IE8，firefox和chrome中都是左对齐，唯独在IE6中不是左对齐。    代码例子如下：             ie6 button test

Firefox中虽然可以打开多个tab，但如果是同一个网站的话，他们的cookies是共用的。有时候需要测试同时多个用户登录的情况。当然我们可以另外用CHROME，IE等浏览器。但即使这样同时登录的用户数是浏览器的个数。     CookiePie（http://www.nektra.com/products/cookiepie-tab-firefox-extension）就可以实现在Fire

jQuery is a fast and concise JavaScript Library that simplifies HTMLdocument traversing, event handling, animating, and Ajax interactionsfor rapid web development.jQuery is designed to change the wa

从工作后基本上很少直接写html,css,javascript等. 不过在维护中还时不时修改一些东西,特别对javascript的debug比较不感冒.都是用alert方法去来做,效率比较差.   不过最近的话有很多不错的工具可以使用.比如firefox的话就有firebug插件。   这两天看到了Aptana Studio(http://www.aptana.com/products/s

javascript是在网站开发别不可少的.但稍微复杂的方法如果没有调试工具的话还是比较不方法.JSDT(Javascript Debug Toolkit)是一款不错的Eclipse插件工具.Javascript Debug Toolkit(JSDT) 是一款免费绿色免安装的javascript调试工具，JSDT可以在任何支持ajax的浏览器上调试javascript，譬如:IE6,IE7

原来觉得Firebug已经很好用了。最近使用web-developer（http://chrispederick.com/work/web-developer/）这个插件，发现很有用。Chrome和Firefox浏览器下面只需要安装一个插件就好了。安装非常简单。web-developer特别是在调试css和画面布局上面非常直观，修改也非常方便。在测试方面也很有帮助，比如对系统做脆弱

最近在调查一个问题的时候，发现问题的所在是js的编码和解码的函数没有匹配，导致不能正常处理。编码：escape,encodeURI,encodeURIComponent 解码：unescape,decodeURI,decodeURIComponent 编码和解码的函数必须保持一致。 下面是介绍js中的编码方法的文章。转文来自：http://hi.baidu.com/ques

工作很多年了,可是基本上没有直接写过HTML页面.最多就是维护修改过一下别人写了.    最近在做一个项目的基本设计的时候,要提案给客户的画面样例.因此开始自己写假的HTML画面.为了节省时间,其他人都只写画面的主要内容部分.而画面的头部,底部以及主菜单,子菜单都用frame来体现.    这样的话就有一个点击菜单,要动态更新子菜单的动作. 比如:

网络安全是现在越来越重要，现在的各种攻击手段很多。比如URL参数的改窜，HIDDEN值的改窜等简单盗窃信息等。   session fixation攻击也是我们网站开发中必须要解决的一种安全隐患。什么是session fixation？   下面是网上的一个解释（http://hi.baidu.com/aullik5/blog/item/ebbed3a39e50bcabcbefd0d1.h

前面无意中看到了一个用纯JavaScript实现的图形报表库Highcharts(http://highcharts.com/).    可以实现非常多类型的图形.可以制作的图表有:直线图,曲线图、区域图、区域曲线图、柱状图、饼装图、散状图等等.   主要有以下特性:兼容性：兼容当今所有的浏览器，包括iPhone,IE和火狐,Chrome等等.对个人用户,学校网站,非盈利网站完全免

在网页开发的时候，我们对HTML，CSS，Javascript的调试，原来是非常头疼的一件事情。最近有了很多开发辅助工具减轻了程序员的负担。   很多时候所见即所得的要求还是很有帮助的。Firebug就是这样的一种插件，Firebug是作为firefox的插件的，firefox的语法与W3C的标准更为接近，现在连微软的IE8都向标准靠拢了，因此基于Firefox开发的网页能够适应很多浏览器的要

我的ie的临时文件的硬盘容量默认设置为10兆。用了很长时间也没发现有问题。最近在测试一个图片较多的网站的时候，发现一打开画面几乎不能动弹。输入的东西都要反应半天。刚开始以为是网站的内容有啥问题，简单看了后也没发现什么特别的。然后再别的机器上测试发现正常。终于可以断定出现问题的是我的ie，而不是网站的问题。原来是临时文件的硬盘容量设置过小导致。解决办法：1. 点击IE的工具菜

FireMobileSimulator：http://firemobilesimulator.org/FireMobileSimulator是Firefox的一个手机模拟器的插件。对应了日本的DoCoMo/Au/SoftBank 3家公司。在做网站需要做脆弱性测试，比如画面的hidden数据的修改等等。直接在手机很难测试这种case。在Firefox中模拟环境中就和一般的网页一