http://oldboy-bj.taobao.com/

  博客园 :: 首页 :: 新随笔 :: 联系 :: 订阅 :: 管理 ::

2011年1月1日

摘要: 在回北京的火车上,闲来无事,突然想起了前一段时间学习JQuery的时候的经历,就随手写下来。其实我写JS写了很长的一段时间,大概后2年多吧,但是一直没有使用过JQuery,对它了解的也不多;在我学习它的时候其实对JS已经有一定程度的了解了,不敢说很厉害吧,但是也是中等靠上的水平吧,这正是开始做开发的的2年积累下来的;原来一直在使用Prototype.js做开发,Prototype.js比较侧重于再语法上向Java 靠拢,然后提供了大量的基础运算扩展与封装,对UI这块的扩展一直都不是特别的好;但是JQuery是侧重于(或者是完全的侧重于)UI操作的,而且在语法上比较少见的大量闭包,想要完全的使用 阅读全文
posted @ 2011-01-01 20:04 老男孩咖啡 阅读(164) 评论(0) 推荐(0)

摘要: 概述jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不及的,它兼容 CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。 jQuery 是一个快速的,简洁的 javaScript 库,使用户能更方便地处理 HTML documents、events、实现动画效果,并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有 阅读全文
posted @ 2011-01-01 20:03 老男孩咖啡 阅读(144) 评论(0) 推荐(0)

摘要: 1.功能简要说明:有看到jquery的JQTreeTable插件,在本程序中尽量有参考它的做,基本实现了它的重要的功能。 1.1.支持静态json数据格式 1.2.支持后台代码传递json数据 1.3.支持前台分页(将数据的第一层节点进行分页) 1.4.支持全部展开,全部折叠 1.5.支持显示“自增序列”列 1.6.支持显示“选择按钮”列 详细代码下载地址: http://download.csdn.net/source/1718968 代码含有注释。 本文转自www.35java.com 阅读全文
posted @ 2011-01-01 20:02 老男孩咖啡 阅读(240) 评论(0) 推荐(0)

摘要: 今天早上没什么事儿,就整了个jquery效果,就叫jQuery 常用焦点图,可做选项卡切换!这段jquery代码功能比较多,像焦点图、选项卡、文字定时切换等等!下面是焦点图的效果图:演示demo:http://www.daqianduan.com/demo/scroll-commom.html原文:http://www.daqianduan.com/jquery-focus-switch-tab/本文转自www.35java.com 阅读全文
posted @ 2011-01-01 20:02 老男孩咖啡 阅读(317) 评论(1) 推荐(0)

摘要: 今天想要一个用JS实现的带时间的日期组件,然后就遇到了它犹如黑暗里的萤火虫,如此闪亮,如此拉风它就是 My97 DatePicker 。也许你都知道了,只是我比较后知后觉 官方推荐优点如下:==============更人性化,更全面的功能==============强大的日期范围限制功能==============自定义事件和丰富的API库==============多语言支持和自定义皮肤支持==============跨无限级框架显示和自动选择显示位置官方demo和文档 http://www.my97.net/dp/demo/index.htm2. 注意事项My97DatePicker目 阅读全文
posted @ 2011-01-01 20:01 老男孩咖啡 阅读(236) 评论(0) 推荐(0)

摘要: 配置Extjs开发环境很简单的,完全可以在Html静态页面运行,需要的开发工具也很简单。步骤如下:1:到官方网站http://www.extjs.com/products/extjs/download.php下载必要的核心包。2:解压Extjs3.1.rar文件(本人用的是3.1版本)。3:在Html页面中引入相应文件,如下:Java代码 link rel="stylesheet" type="text/css" href="../Ext/resources/css/ext-all.css" script type="text/javascript" src="../Ext/ext-ba 阅读全文
posted @ 2011-01-01 20:01 老男孩咖啡 阅读(160) 评论(0) 推荐(0)

摘要: 每次做项目,最最让我头痛的是系统的程序界面,包括色系搭配、展示样式、内容布局等。其实呢,这个是平面美工(现在叫做界面交互设计师)该考虑的事情。结合实际在项目开发中的情况,后台java代码量与前端代码量(html\css\js等)的比率是1:5,实际后台与前台的开发量是1:9,就是说项目中90%的工作量在前台,后台的代码很多可以通过自动生成来解决,而前台的代码往往是一个页面一个页面做出来的。本文转自www.35java.com 阅读全文
posted @ 2011-01-01 20:00 老男孩咖啡 阅读(154) 评论(0) 推荐(0)

摘要: 我们知道标准鼠标有左,中,右三个键。鼠标按下时如何判断按下的是哪个键呢?W3C DOM-Level-2 定义如下W3C DOM 写道During mouse events caused by the depression or release of a mouse button, button is used to indicate which mouse button changed state. The values for button range from zero to indicate the left button of the mouse, one to indicate th 阅读全文
posted @ 2011-01-01 20:00 老男孩咖啡 阅读(201) 评论(0) 推荐(0)

摘要: 一直觉得前端开发缺个手册,这是个体力活。不过总得有人来干。今天闲来无事,把一些工具(online和client的)、常用网址、以及经验总结等罗列出来和大家分享下。国外CSS酷站欣赏forcss.Comhttp://www.forcss.comhttp://www.urbantrash.net/cssgallery/http://www.csselite.com/http://www.cssheroes.com/在线工具集 常用Firefox插件 IE下的调试工具 参考手册 批处理工具 IDE及其他工具 Bookmarklet 前端开发者社区及权威网站 推荐订阅的博客和网站 另外还搞了个Fire 阅读全文
posted @ 2011-01-01 19:58 老男孩咖啡 阅读(271) 评论(0) 推荐(0)

摘要: 当页面内容很多时,主要是dom的节点很多时,浏览器打开网页的速度主要受dom节点的加载时间影响。我做了一个这样的实验:使用firefox和ie通过在线和离线两种方式打开一个网页(包含一个20000行*10列的表格),验证打开网页的时间。使用firefox打开,server端用时在15s左右,浏览器打开需20s左右;使用ie打开,server端用时4s左右,浏览器打开需6s左右。 时间的计算方法:在server端,在php脚本的开始生成表格之前记录开始时间,在表格输出之后打印用时。浏览器端则在body后记录开始时间,在onload()中提示用时。但这样计算的浏览器打开页面的用时并不准确,自 阅读全文
posted @ 2011-01-01 19:58 老男孩咖啡 阅读(196) 评论(0) 推荐(0)

摘要: · 从零开始学习jQuery (一) 开天辟地入门篇本系列文章将带您进入jQuery的精彩世界,其中有很多作者具体的使用经验和解决方案,即使你会使用jQuery也能在阅读中发现些许秘籍。本篇文章是入门第一篇,主要是简单介绍jQuery,通过简单示例指导大家如何编写jQuery代码以及搭建开发环境,详细讲解了如何在Visual Studio中配合使用jQuery。转载请注明子秋出品!博客园首发!· 从零开始学习jQuery (二) 万能的选择器 本章讲解jQuery最重要的选择器部分的知识。有了jQuery的选择器我们几乎可以获取页面上任意的一个或一组对象, 可以明显减轻开发人员的工作量。· 从 阅读全文
posted @ 2011-01-01 19:57 老男孩咖啡 阅读(274) 评论(0) 推荐(1)

摘要: jQuery UI入门手册,新手必备。先说明一下效果:基本的鼠标互动:拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing)各种互动效果:手风琴式的折叠菜单(accordions)、日历(date pickers)、对话框(dialogs)、滑动条(sliders)、表格排序(table sorters)、页签(tabs)、放大镜效果(magnifier)、阴影效果(shadow)第一节:鼠标的交互应用1.1 Draggables:拖拽所需文件:ui.mouse.jsui.draggable.jsui.draggable.ext 阅读全文
posted @ 2011-01-01 19:56 老男孩咖啡 阅读(510) 评论(0) 推荐(0)

摘要: 1,总是从ID选择器开始继承在jQuery中最快的选择器是ID选择器,因为它直接来自于JavaScript的getElementById()方法。例如有一段HTML代码:div id="content"form method="post" action="#"h2交通信号灯/h2ul id="traffic_light"liinput type="radio" class="on" name="light" value="red"/ 红色/liliinput type="radio" class="off" name="light" value="yell 阅读全文
posted @ 2011-01-01 19:56 老男孩咖啡 阅读(168) 评论(0) 推荐(0)

摘要: 关于javascript与webservice的通信,从理论上来说实现应该不难,主要是将服务器端的xml数据进行一个简单的处理然后以一种适当的形式展现成来。在我这里,我选择将xml直接转换为json,以便后续javascript应用的处理。我使用.net平台构建简单的webservice。Request.asmx代码using System;using System.IO;using System.Collections;using System.Collections.Generic;using System.ComponentModel;using System.Web;using Sys 阅读全文
posted @ 2011-01-01 19:55 老男孩咖啡 阅读(305) 评论(0) 推荐(0)

摘要: 说明:把函数做为参数传递,利用闭包为要传递的函数绑定参数。应用场景:为dom元素绑定事件时,不能为函数指定参数,可用此函数来解决...view sourceprint?1//为函数绑定参数 brfunction bindArguments(/*function*/ f /*, initial argemtnts...*/){br var bindArgs=arguments;br return function(){br var args=[];br for(var i=1; ibindArgs.length; i++) args.push(bindArgs);br 阅读全文
posted @ 2011-01-01 19:54 老男孩咖啡 阅读(273) 评论(2) 推荐(0)

摘要: shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift(); //a:[2,3,4,5] b:1unshift:将参数添加到原数组开头,并返回数组的长度 var a = [1,2,3,4,5]; var b = a.unshift(-2,-1); //a:[-2,-1,1,2,3,4,5] b:7 注:在IE6.0下测试返回值总为undefined,FF2.0下测试返回值为7,所以这个方法的返回值不可靠,需要用返回值时可用splice代替本方法来使用。pop:删除原数组最后一项,并返回删除 阅读全文
posted @ 2011-01-01 19:54 老男孩咖啡 阅读(205) 评论(0) 推荐(1)