X-rapido的专栏

最近需要使用树形展示权限，所以研究了一下Java Tree，其实java中有不少Tree展示，具体有如下几种：Tree的几种开源组件：1.dtree 2.ztree(国内的，api全中文，我用这个)3.JTree4.dhtmlxTree(国外的，种类齐全)，网址为:http://dhtmlx.com/docs/products/dhtmlxTree/index.shtml#

简介　　对于您的站点的访问者来说，智能化的内容缓存是提高用户体验最有效的方式之一。缓存，或者对之前的请求的临时存储，是HTTP协议实现中最核心的内容分发策略之一。分发路径中的组件均可以缓存内容来加速后续的请求，这受控于对该内容所声明的缓存策略。　　在这份指南中，我们将讨论一些Web内容缓存的基本概念。这主要包括如何选择缓存策略以保证互联网范围内的缓存能够正确的处理您的内容。我们将谈

事件流　　事件流描述的是从页面中接收事件的顺序，IE和Netscape提出来差不多完全相反的事件流的概念，IE事件流是事件冒泡流，Netscape事件流是事件捕获流。　事件冒泡　　IE的事件流叫做事件冒泡，即事件开始时由最具体的元素(文档中嵌套最深的那个节点)接收，然后逐级向上（一直到文档）；如下代码： 事件测试 span>

如今，很多 Web 技术爱好者尝试使用 HTML5 来制作各种丰富的应用。本文将列出25个让人惊叹 HTML5 应用实验，让你体验下一代Web技术的魅力，相信你看完这些例子后会对未来的Web发展充满无限期待。Bomomo Tunneler Geolocation Magnetic Google Box HTML5 Video Dest

JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJ

sina微博：<iframe width="120" height="24" frameborder="0" allowtransparency="true" marginwidth="0" marginheight="0" scrolling="no" border="0" src="http://widget.weibo.com/relationship/followbutton.php?lan

闲暇之时，做了一个博客站点，站点发布网络之后程序功能完成，最后发现了一个跨域的问题，比如我使用abc.com打开系统，一切正常，后台没有任何文件请求报错问题，然后我又使用了www.abc.com再试一下，结果发现一些字体文件或引用外部css文件等请求失败问题Font from origin 'http://lovefeel.top' has been blocked from loading by

开发过程中，一些图片的展示时，加载很慢很久，后来把图片缩放压成缩略图吧，速度是快了但是模糊不清，如何处理这样问题，下面就和大家分享一下自己的处理方法。 先让客户端加载像素小的缩略图：<img src="缩略图.jpg" name="pic" width="800" height="600" id="news" />然后用js处理：var img = new Image();//新建一个图片对象

网站锚点执行平滑滚动操作，jquery有示例，不做赘述了，也可以使用以下代码测试$(function() { $('a[href*="#"]:not([href="#"])').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.

默认情况下如果网站请求速度慢，所以会有一段时间的空白页面等等，用户体验效果不好，见到很多的页面都有预加载的效果，加载之前先加载一个动画，后台进程继续加载页面内容，当页面内容加载完之后再退出动画显示内容，这样的用户体验更好。例如此链接：http://crusader12.com/C12HoverAlls/ 这篇文章是从上面链接的内容上拔下来的，操作流程很简单，只有两部如下首先定义一个loader.cs

更多内容原文：字符串内外两边去空格多种方法总结方法一var s = "asd ddd bbb sss"; var reg = /\s/g; var ss = s.replace(reg, ""); alert(ss);方法二String.prototype.mm = function (){return

Web开发中经常需要操作表单，form表单元素有select、checkbox、radio、textarea、button、file、text、hidden、password等。其中checkbox和radio的读写值操作比较多变，checkbox和radio经常用在一个分组里，实现多选或者单选。jQuery提供了利用表单选择器我们可以极其方便地获取表单的某个或某类型的元素。 selectsel

今天碰到要在一个页面获取另外一个页面url传过来的参数，一开始很本能的想到了用 split(“?”)这样一步步的分解出需要的参数。后来想了一下，肯定会有更加简单的方法的！所以在网上找到了两个很又简单实用的方法，mark下方法一：采用正则表达式获取地址栏参数：（ 强烈推荐，既实用又方便！）function GetQueryString(name){ var reg = new RegExp(

WebFont 技术可以让网页使用在线字体，而无需使用图片，在国外非常流行，由于中文的特殊情况，有几个难题一直没搞定。现在在国内几位技术大牛的努力下，终于有了第一款神器三年前，有一个设计师面试一位 Web 前端工程师，其中有一段这样的对话：“如果设计师希望用图片实现某个字体样式，而从技术的角度来说这样不合理，但设计师非常坚持，这时候你怎么办？”“我会给设计师讲解工程上面临的问题，争取他理解。例如：如

jQuery的通知插件帮助您创建各种通知信息，如错误，警告和简单的通知消息。我们选择25个最好的jQuery通知插件，使您能够为您的网站和Web应用创建各种通知消息和警报，并为访客提供更好的用户体验。　1. jQuery Toastmessage 　　　　jquery-toastmessage-plugin is a JQuery plugin which prov

meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似下面这段的html代码： ＜head＞ ＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞ ＜/head＞     也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，例如加入关键

Jquery UI 1.3 (组合树 - ComboTree ) 集成Wabacus4.1 集成Spring 代码剖析

Jquery UI 中Tree组件的json格式，java递归拼接demo

一、概述JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。 在JSON中，有两种结构：对象和数组。1.对象一个对象以“{”开始，“}

定义和用法eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。语法eval(string)参数描述string必需。要计算的字符串，其中含有要计算的 JavaScript 表达式或要执行的语句eval函数返回值如果没有参数，返回undefined如果有返回值将

这里是转载其他朋友的，然后其中数字代码我稍稍调了一下。我想，这个函数应该足够精简了：）什么 if 啊 switch 啊 for 啊 太多冗余传入参数：month [int] 1～12;  day [int] 1～31。// 根据生日的月份和日期，计算星座。  http://blog.youkuaiyun.com/cuixiping/function getAstro(month

我这里使用Wabacus作为示例： onpicked:autoLoadAge"/> * 年龄：" br="true"> Oracle执行结果如下图：JS函数控制如下/* * 动态选择年龄，生

原文摘录：http://www.jb51.net/article/29893.htm

http get 方式参数的长度限制

Combobox组件官方文档：   http://www.jeasyui.com/documentation/index.php#配置示例resources/json/KeyType.json', method:'get', valueField:'value', textField:'text', multiple:true, panelHeig

Jquery easyui的DataGrid隐藏某一列的功能

Easyui datagrid重新加载数据

function getRowIndex(target){var tr = $(target).closest("tr.datagrid-row");return paseInt(tr.attr("datagrid-row-index"));}然后用getRowIndex(this)即可获取当前编辑行的索引

有两种方式实现，一种方式是在html中验证，一种方式是在js中进行验证方式一： 备注 方式二：备注// 长度校验$.extend($.fn.validatebox.defaults.rules,{ maxLength: { validator: function(value, param){ if(value.length > param[0]){

如果你使用的Windows XP操作系统，在浏览中文网页时，你会发现网页上的汉字基本上全部都是宋体。这是因为你的操作系统里安装了中文宋体字库，而且被设定为默认字体。浏览器会用你的默认字体显示网页上的汉字。进入Windows7/8时代，Windows系统的默认字体变成了微软雅黑，于是，所有的中文网站上的汉字使用的字体都是微软雅黑。网页上的汉字显示时使用的字库可以用CSS指定(font-family)，

几乎所有浏览器(包括最古老的IE6)也支持的网络字体@font-face的用法是：@font-face { font-family: 'MyWebFont'; src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-

代码执行效率对于程序员和程序来说都是至关重要的，尤其是遇到了那些需要大量调用、反复调用的函数方法。在很多Javascript框架里你都能看到有反复调用的函数。当在使用这些框架时，我们必须小心翼翼的尽量采取优化的代码编写。其中一种优化代码的方法就是在创建函数前先使用判断语句，而不是每次函数调用时都执行一次。下面我们来看一个简单的例子。不好的写法下面的写法相对而言不是那么优化和有效率：function

我曾在Addy Osmani的博客里看到过这种效果。这种当鼠标悬停时光泽一闪而过。十分的简单，但非常的漂亮。在重新设计网站版面时，我很想在我的logo上使用这种效果。只需要两个HTML元素和一个CSS变换，我就能创造出我自己的闪光效果。让我们来实现它！效果演示呈现光泽图片下面就是这张Addy在他博客上使用的图片：shine.png比我需要的要大一些，但你可以把它裁剪一些。HTML代码制作这种闪光效果

CSS阴影效果(Box shadows)应用在Web页面设计上已经有了一段时间了。之前在CSS2阶段阴影效果还不是很有效之时，大部分的这种效果都是使用Photoshop图片实现的，但对于一些缺乏这些绘图技巧的人来说，比如我，学习Photoshop是件讨厌的事情。但随着浏览器技术的进步，不会使用Photoshop绘图技术也不能阻挡我们使用阴影效果了。就在不仅之前，我找出一段代码，它能在兼容各种主流浏览

这个系列的第一部分和第二部分，介绍了Javascript模块原型和理论概念，今天介绍如何将它们用于实战。 我采用的是一个非常流行的库require.js。 官网： http://requirejs.org/ 中文网：http://www.requirejs.cn/ 一、为什么要用require.js？ 最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了

这个系列的第一部分介绍了Javascript模块的基本写法，今天介绍如何规范地使用模块。（接上文）七、模块的规范 先想一想，为什么模块很重要？因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。 但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，岂不是乱了套！考虑到Javascript模块现在还没有官方规范，这一

随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法，管理网页的业务逻辑。Javascript模块化编程，已经成为一个迫切的需求。理想情况下，开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模块。但是，Ja

作为前端开发人员，对于我们的站点或应用的缓存机制我们能做的似乎不多，但这些却是与我们关注的性能息息相关的部分，站点没有做任何缓存机制，我们的页面可能会因为资源的下载和渲染变得很慢，但大家都知道去找前端去解决页面慢的问题而不会去找服务端的开发人员。因此，了解相关的缓存机制和充分的利用它似乎就变得必不可少。  　　web端的缓存机制其实有多种，我在这里只是学习和整理了以浏览器为载体的HTTP缓

作为一个前沿的 Web 开发者，对于 HTML5 和 CSS3 技术或多或少都有掌握。前几年这些新技术刚萌芽的时候，开发者们已经使用它们来小试牛刀了，如今这些先进技术已经遍地开发，特别是在移动端大显身手。这篇文章挑选了8个前沿的 HTML5 & CSS3 效果，记得收藏哦：）温馨提示：为保证最佳的效果，请在 IE10+、Chrome、Firefox 和 Safari 等现代浏览器中浏览。