NearEast的专栏

--chrome插件各部分的交互Chrome插件的基础知识就不多说了，随便找个入门教程就可以上手了，例如官方提供的Overview与Getting Started教程足够入门了；笔者也是现学现卖。一个插件其实就是一些常见web资源的集合，将诸如js脚本、css样式、html文本、图片甚至dll等资源打包到一个文件中，并配上一个说明文档manifest.json，来说明插件需要的权限以及各个

JUnit是一套优秀的单元测试框架，而Maven是优秀的Java项目构建和管理工具，两者结合可以很方便地对项目进行自动化测试。        一般的简单Java应用就不多说了，一些框架会提供针对junit的扩展，使得测试变得更容易，例如Spring官方就提供了spring-test，用于提供获取ApplicationContext等方面的支持。        首先要做的是，改变JUnit的

<!--p {text-indent:2em}-->为减少硬编码，项目中要使用配置文件存储一些会随部署环境的变化而改变的变量值，比如别的web容器发布的子系统的跳转地址，下面是几个比较简单的实现方式。1.  利用ServletContextservlet容器在启动时会为每个web应用创建唯一的servlet context对象，可以把ServletC

跟JBoss、Tomcat或其它web应用服务器相比，Mule有何不同？虽然他们有一些重要的相同点，不同点可以归结为你想达到的目标是什么。某些种类的应用对于Mule来说比较容易去编写、部署和管理，其它种类的应用可能对于web应用服务器来说比较容易编写、部署和管理。首先来看看相同点：它们都允许你同时运行多个应用。它们都提供应用容器。换句话说，两者都提供一个应用可以运行的环境，扮演一个

接上篇Javascript 你不知道的事，直接条列了：每个函数创建时默认带有一个prototype属性，其中包含一个constructor属性，和一个指向Object对象的隐藏属性__proto__。constructor属性的值为该函数的对象。在一个函数前面加上new来调用，则会创建一个隐藏连接到该函数prototype成员的新对象（由__proto__属性来链接），同时函数的this将

<!--p {text-indent:2em}-->UEditor就不多说了，它是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于BSD协议，允许自由使用和修改代码。UEditor源码自带一个图片上传的jsp代码，详见ueditor根目录下的“server/upload/jsp/imageUp.jsp”文件。但是

前段时间在项目中遇到了这样一种问题：需要在JSP中访问后台由Spring管理的业务类代码，而这些业务类内部又涉及到了其它若干类的注入，如jdbc的service。        首先想到的是使用WebApplicationContext，即在jsp页面中以servletContext为参数，调用WebApplicationContextUtils工具的getWebApplicationCont

Flexigrid是一款轻量级的jQuery表格插件，体积很小，压缩后的js和css源码只有不到40k，并且简单易用。然而简单通常意味着一些高级功能的缺失，好在其源码还是比较简单的，比较容易看懂。项目主页是：http://www.flexigrid.info/。         基本功能就不多说了，笔者前段时间实现了几个小小的功能扩展，今天整理出来分享给需要的读者：实现了表格单元内容的HTML

还是在上文提到的那个位置添加代码，我们也可以将代码加在上文提到的代码后面：if(p.colModel[idx].handler){ $(td).click(function(){ p.colModel[idx].handler.call(this, g, i); });}         这里首先判断colModel的定义里是否包含鼠标单击事件处理

--流程简化及核心代码         接上文的流程分析，下面是订空车页面中，正常的订空车流程对应的完整时序图（笔者第一次画时序图，老费劲了……接受拍砖）：         从中可以看出，在一次完整的订车过程中，用户与页面的交互共有五个点，分别是：触发预约列表选择预约项修改、保存订车信息显示和提报订车信息确认和提交。        页面与后台服务器的交互共有

--订车流程梳理         接了这个活，才知道原来12306网站还有这功能；整个网站还是挺复杂的嘛。整个订车过程跟平时买客运火车票很类似，相当于是各物流公司为自己的货物“抢票”，然后才有资格用货运列车来运送自己的货。         首先来梳理一下整个订车过程：1、  在12306网站主页点击“货运服务”。2、  在页面左下角选择物流公司对应铁路局的网站。图‑13

简言之，理解JavaScript闭包（Closure）很多问题的关键是：JavaScript是解释型的语言，闭包只有在调用的时候才进行解析。

上文《JSP表格模板升级（3）--可变列数的表格模板》已经完成了一个功能几近完善的表格模板，直接可以用于大部分二维表格的显示需求。本文中我们将改变表格底层的实现，将table标签替换为更加灵活的div+css。关于两种实现形式孰优孰劣目前尚无绝对的说法，而灵活性方面，显然是div+css的方式更胜一筹，例如本文将实现一个固定表头和表尾的表格模板。        数据结构部分依然不变，主要的

前文《JSP表格模板升级（1）--用Java反射动态指定方法和参数》已经实现了动态指定具体的业务方法，达到了一定的复用性，但现实使用中，一个仅有两列的列表是无法满足大多数显示要求的，于是本文对表格模板进行了改造，实现了一种列数可变的动态表格模板。        首先是数据结构的变化。由于表格从两列的Key-Value的形式变为可变列，所以数据结构应变为一对多的关系。为简单起见，笔者定义了一

前文《用JSP创建一个表格模板》中，我们已经创建了一个基本的jsp表格模板。这个模板究竟如何使用呢？本文介绍一下笔者用到的两种方式：调用Ajax动态更新页面，或用自定义标签来初始化。调用Ajax动态更新：        这是笔者使用的一种基本方式，也是主要方法。前端页面预留一个显示表格的区域或弹框，给用户提供一个触发点，例如一个按钮，点击按钮之后，调用带参数的Ajax请求jsp页面，将正常

上文《用JSP创建一个表格模板》中，我们创建了一个jsp模板。该模板接受两个参数columns和p，分别指定了模板显示的数据列的列头，以及调用业务类方法时使用的参数param。显然这样的模板是无法达到很好的复用性的，因为仅靠一个业务类的一个方法是无法实现太复杂的功能的。        本文中笔者将对该模板进行升级，使得客户端可以动态指定调用业务类的哪个方法，并给出不同的方法参数。要实现动态调用

项目中要用到一些展示信息的表格，表头不固定，表格内容是即时从后台取的；考虑到复用性，笔者用jsp编写了一个表格模板，可以从request中获取List封装的数据，然后通过JSTL结合EL表达式填充到模板。最后完成的jsp文件可以作为一个单独的模块，嵌入到任意其它jsp页面需要的位置。         首先是规划一下表格的样式：        为简单起见，此处使用html的table等标

<!--p {text-indent:2em}-->用Java语言，读取网页内容，并利用正则表达式工具解析其中包含的天气信息。原网址为http://www.weather.com.cn/index/zxqxgg/wlstyb.shtml，查看源代码找出天气信息的位置，然后就可以动手了。为演示方便，单独写了一个jsp页面来测试；注意编码等细节问题。<%

<!--p {text-indent:2em}-->公司规定每日签到两次；日子太安逸了，有时候中午居然会忘记签到……于是，笔者寻思写一个自动签到的脚本；每天指定两个签到时段，每次打开页面，先检测当前是否为签到时段，如果在签到时段，则检查cookie中记录的值，确认该时段是否已经签到过了，巴拉巴拉…… 具体细节见流程图：其中第一步调用的getCheckTi

<!--p {text-indent:2em}-->摘要：虽然session机制在web应用程序中被采用已经很长时间了，但是仍然有很多人不清楚session机制的本质，以至不能正确的应用这一技术。本文将详细讨论session的工作机制并且对在Java web application中应用session机制时常见的问题作出解答。目录：一、术语session

<!--p {text-indent:2em}-->前几天别的项目组的要求说要那我们的项目出去演示，要做个能自动登录其B/S系统的东西。于是就写了一个html文件，在浏览器中打开这个文件之后，就可以自动登陆到我们系统的主界面。我们的系统使用的是Spring Security那一套的权限控制机制，简单的自动登录比较简单，只要定义一个表单，提交的action指向项目根目

部分来自456bereastreetan overview of the syntax for all CSS 2.1 selectors (based on the table in CSS 2.1, 5.1 Pattern matching):Overview of CSS 2.1 selector syntaxSelector typePatter

<!--p {text-indent:2em}-->采用目前最新的struts-2.3.1.2、hibernate3.6.10.Final、spring-framework-3.1.1.RELEASE开发包，以及eclipse-jee-indigo-SR2-win32、apache-tomcat-7.0.27服务器、JDK6和mysql5做开发环境，参考了前辈的一篇相关

<!--p {text-indent:2em}-->前台使用Ext JS，后台框架为SSH，使用Apache的POI组件来实现导出Excel功能。Apache POI是Apache软件基金会的开放源码函数库，POI提供API给Java程序对Microsoft Office格式文档进行读写的功能。本项目的各管理模块中用到的导出Excel功能都是调用POI库在服务器

一、JSP EL语言定义        E L（Expression Language）  目的：为了使JSP写起来更加简单。       表达式语言的灵感来自于 ECMAScript 和 XPath 表达式语言，它提供了在 JSP 中简化表达式的方法。它是一种简单的语言，基于可用的命名空间（PageContext 属性）、嵌套属性和对集合、操作符（算术型、关系型和逻辑型）的访

<!--p {text-indent:2em}-->很简单的一东西，估计也没人跟我有同样的需求，贴出来纯属自用~最近需要在一段时间之内用工行网银查看某实时信息，而又没有必要一直盯着，只是隔一段时间刷新看一看；如果中间忙太长时间忘记点页面，网银的session就会失效，就需要重新登陆了，经常如此甚是麻烦(网银密码比较长，你懂的~)。于是想用javascript控制页面

英文原文：Extraordinary Thougths  ，编译：伯乐在线——戴嘉华如果你看到这篇文章，我确信你毫无疑问会认为jQuery是一个使用简便的库。jQuery可能使用起来很简单，但是它仍然有一些奇怪的地方，对它基本功能和概念不熟悉的人可能会难以掌握。但是不用担心，我下面已经把代码划分成小部分，做了一个简单的指导。那些语法看起来可能过于复杂，但是如果进入到它的思想和模式中，它

NaN表示一个不能产生正常结果的运算结果。它不等于任何值，包括它自己。可以用isNaN(number)来检测。同Java中的字符串一样，JS中的字符串是不可变的。也就是说一旦字符串被创建，就无法改变。下标表达式（如s[3]，代替s.charAt(3)）可以读取字符，但是不能用于改变字符。null,undefined,空字符串'',0,NaN被当做false，其余的值（包括"false"）或对象都被

<!--p {text-indent:2em}-->做web页面的时候，笔者喜欢用Chrome进行调试。当然Chrome下调出来的页面，跟IE的兼容性是有很大问题的。好在IE8之后，IE的兼容性问题已经有了很大的改观。由于公司做的是企业应用，可以对用户所使用的软、硬件提出一定的要求，至少让他们在IE8及更高版本的浏览器运行系统的要求不算苛刻，于是兼容性问题就好办多了。但

CSS 定位机制CSS 有三种基本的定位机制：普通流、浮动和绝对定位。除非专门指定，否则所有框都在普通流中定位。也就是说，普通流中的元素的位置由元素在 (X)HTML 中的位置决定。块级框从上到下一个接一个地排列，框之间的垂直距离是由框的垂直外边距计算出来。行内框在一行中水平布置。可以使用水平内边距、边框和外边距调整它们的间距。但是，垂直内边距、边框和外边距不影响行内框的高度。由一