xiaozhu0301的博客

查询到的集合list排序：排序原集合结果会发生变化list.sort(function(a,b){ return (a.age ||0 )>(b.age || 0)?-1:1})过滤：原集合数据保持不变var result = list.filter(function(f){ return f.age >12 || f.age==10})function listSort(){ var list=[] ; var b1 = {}; b1.age=10;

function getInfo() { var s = ""; s += " 网页可见区域宽："+ document.body.clientWidth; s += " 网页可见区域高："+ document.body.clientHeight; s += " 网页可见区域宽："+ document.body.offsetWidth + " (包括边线和滚动条的宽)"; s

1：注释   单行：##   多行：#* *#2：设置（给新的变量$a赋值）    #set($a='velocity')3.单引号和双引号    #set ($var="helo")    test"$var" 返回testhello    test'$var' 返回test'$var'4、条件语句#if( $foo ) Velocity!#e

Velocity是一个基于java的模板引擎（template engine）。它允许任何人仅仅简单的使用模板语言（template language）来引用由java代码定义的对象。 当Velocity应用于web开发时，界面设计人员可以和java程序开发人员同步开发一个遵循MVC架构的web站点，也就是说，页面设计人员可以只 关注页面的显示效果，而由java程序开发人员关注业务逻辑编码。V

目前很多做web网站的都已经将网站静态化了，其技术无非就是通过io将内容输出为文件 velocity可以帮助我们更简化这些操作，下面的实例算是抛砖引玉。很简单 也不需要过多的说些什么了 Java代码  package test.velocity;    import java.io.PrintWriter;  import org.apache.ve

用veloctiy代替jsp作为程序视图展示 这里我们需要一个velocity的扩展工具包veloctiy-tools,我们可以在velocity的官方网站中得到。 在web.xml中配置相关的servlet Xml代码  xml version="1.0" encoding="UTF-8"?>  web-app version="2.5" xmlns=

velocity虽然已经为我们提供了一些资源加载器，基本已经可以满足大部分的用户需求。有的时候还需要我们必须手动去写一些，比如：我们打算采用String的模板而不是vm文件形式，为的是将模板存入db中。 这是我们只需要继承org.apache.velocity.runtime.resource.ResourceLoader 并实现我们想要的功能。 下面的例子就是拿上面的需求来进行一个简单的

velocity是一个非常好用的模板引擎 这里不对项目进行详细介绍，可以访问apache官方网站查看相关说明 下面我们通过一个简单的实例来讲解一下velocity的使用过程 Java代码  // 创建引擎          VelocityEngine ve=new VelocityEngine();          //设置模板加载路径，这里

先举个例子： 点击   $("div.dj").bind("click",function(){ alert("XXXXXXXXXXX"); $("body").append('再点击'); });   $("div.dj

只有$.ajax的请求方式可以设置参数 ，async： false$.post 和$.get是$.ajax的简化方式只有异步请求方式要想在$.post的调用之前，设置$.ajaxSettings.async = false; 则可取消异步

HighCharts使用心得前言：之前很早的一个项目中使用过highcharts，感觉挺方便的，图表类型也比较丰富，而且还支持数据的下钻，但是如果投入商业使用的话还会有一些版权的问题，所以后来就使用了EChart，这是百度开发的一个开源的图表插件，图表类型也很丰富，而且还有交互，对地图的支持也很好，可以免费的使用。在之前的一篇文章里，已经总结过了，今天主要跟大家分享一下，之前总结的High

jQuery 的插件 dataTables 是一个优秀的表格插件，提供了针对表格的排序、浏览器分页、服务器分页、筛选、格式化等功能。dataTables 的网站上也提供了大量的演示和详细的文档进行说明，为了方便学习使用，这里一步一步进行说明。首先，需要到 dataTables 的网站 http://www.datatables.net/ 下载这个脚本库，目前最新的版本是 1.8.2

HTML5拖拽的数据传输　　虽然通过dragstart、drag和dragend事件实现了原生拖拽。但是这仅仅 是拖拽，在IE6和IE7中还是有些拖拽问题，并且也没有实现数据的交换。为了实现数据的交换，IE5引入了dataTransfer对象。 dataTransfer对象是事件对象的一个属性，用于从被拖拽元素相放置目标传递字符串格式的数据。因为它是事件对象的属性，所以只能在拖放事件的事 件处

使用 jquery.easing.js 增强动画过渡效果 jQuery 提供了一些诸如 show、hide、slideUp、fadeIn 等等动画方法，可以方便的切换元素的显隐。更有强大的自定义动画方法 animate ，可以实现很多动画效果。为了让动画有好的过渡变化过程，官方为这些方法设置 easing 属性，但是官方没有给出很多过渡效果。jquery.easing.js 这个插件，

扩展自$.fn.window.defaults。使用$.fn.dialog.defaults重写默认值对象。该对话框是一种特殊类型的窗口，它在顶部有一个工具栏，在底部有一个按钮栏。对话框窗口右上角只有一个关闭按钮用户可以配置对话框的行为显示其他工具,如collapsible,minimizable,maximizable工具等。默认弹框是对于浏览器窗口剧中的，如果想对于当前

jquery的smartWizard插件常用在一些向导式的，按步骤的功能中，是的用户按照我们设定的步骤进行操作，这样一方面有较好的用户体验，可以将庞大的表格数据分解成多个步骤，每个步骤的数据量减少；另一方面流程比较清晰，先做那个下一步做什么都是可控可设定的。下面说一下如何使用，首先html中引入jquery的smartWizard插件对应的jquery.smartWizard-2.0.js

本文共四部分：官网 | 基本使用|遇到的问题|属性表一：官方网站：[http://www.datatables.net/]二：基本使用：[http://www.guoxk.com/node/jquery-datatables]jQuery 的插件 dataTables 是一个优秀的表格插件，提供了针对表格的排序、浏览器分页、服务器分页、筛选、格式化等功能。对于

在做前台页面展示的时候，和用户交互的时候用浏览器自带的alert的提示窗口等，和项目的正题布局不协调，这个插件能调节皮肤，使适应项目的的整体样式转自http://omygege.iteye.com/blog/1242387对话框插件，请看下面的介绍： 详细API和demo例子请进： http://kudystudio.com/jbox/jbox-demo2.

JQuery的extend扩展方法：jQuery.extend(object);为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象添加方法 调用时：$("#id").fn();fn 为函数的名称      Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解

主要应用于前台向后台传递参数，序列化传递的参数：   personObj=new Object();  personObj.firstname="Bill";  personObj.lastname="Gates";  personObj.age=60;  personObj.eyecolor="blue";$.param(personObj)j会被解析为： firstna

在JSP的开发中，迭代是经常要使用到的操作,进入正题循环：作用:就是迭代输出标签内部的内容。它既可以进行固定次数的迭代输出，也可以依据集合中对象的个数来决定迭代的次数可以迭代的数据类型有： 数组、ArrayList、List、LinkedList、Vector、Stack和Set 等等；另外还包括java.util.Map类的对象，例如：HashMap、Hash

el表达式都是用字母代替的，没有大于号、小于号一类的字符，且一个表达式只有一个${}包含着， El表达式比较判断 ${user.name} 和${user1.name} 整个表达式只有一个$符号相等 eq  ${user.name  eq user1.name}不相等 ne  ${user.name ne user1.name}大于等于 ge  大于 gt小于等于 le

项目中不一定都是自己维护自己的代码，改别人的bug也是一部分，每个人的习惯不同，所以不能只看自己习惯写的代码，还得习惯别人熟悉的工具，这就要多涉猎实现想同功能的多个方法。废话不多说，下面来看看浏览器自带的弹框功能window.open():window.open()支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+window.o

工具：pinyin4jpinyin4j是一个支持将简体和繁体中文转换到成拼音的Java开源类库pinyin4j的官方下载地址：http://sourceforge.net/projects/pinyin4j/files/，目前最新的版本是2.5.0下载解压后的目录结构及说明如下doc : pinyin4j的api文档lib : pinyin4j的jar包src : piny

cookie，可以达到真正全局变量的要求应用场景：（1）保存用户登录状态。例如将用户id存储于一个cookie内，这样当用户下次访问该页面时就不需要重新登录了，现在很多论坛和社区都提供这样的功能。 cookie还可以设置过期时间，当超过时间期限后，cookie就会自动消失。因此，系统往往可以提示用户保持登录状态的时间：常见选项有一个月、三个 月、一年等。 （2）跟踪用户行为

标签a一共有四个状态hover  鼠标悬停在链接的状态visited  链接被访问后的状态active  链接被按下的时候的状态link   加载页面时链接的初始状态在 CSS 定义中，a:hover 必须位于 a:link 和 a:visited 之后，这样才能生效！a:active 必须位于 a:hover 之后，这样才能生效！于是得四者顺序：a

文件上传利器JQuery上传插件Uploadify在做日常项目中，经常在后台需要上传图片等资源文件，之前使用过几次这个组件，感觉非常好用 ，但是每次使用的时候都是需要经过一番查阅，所以还不如记住在这里，以后使用的时候就翻翻。他的官方网站如下：http://www.uploadify.com/插件下载地址：http://www.uploadify.com/download说明文档：h

Chosen 是一个支持jquery的select下拉框美化插件，它能让丑陋的、很长的select选择框变的更好看、更方便。不仅如此，它更扩展了select，增加了自动筛选的功能。它可对列表进行分组，同时也可禁用某些选择项。先来看下插件的效果：跟这个比起来，原来的select样式是不是弱爆了！马上来武装我们的select吧：1、先把js和css文件引用到网页里面去：