随笔分类 - [10]JS
-
mass Framework menu插件
摘要:menu插件的结构是基于tabs插件上改进过来的,以后就连tabs插件都会改成这种新的形式。或许过不久,我会将这种结构抽象成一个新的模块,里面提供一个类,让所有UI插件都继承自它。新插件系统的简述:插件名即实例方法名,并且此插件只添加一个实例方法,如tabs插件只在$.fn中添加一个tabs方法。此实例方法同时拥有初始化插件,销毁插件,调用插件的各种方法的能力。当某一元素被包装成mass的节点链对象$(node)后,第一次调用此插件方法,即是初始化插件。一般地,参数为一个对象。当这个节点链对象再次调用插件方法,传入的第一个参数为字符串,则会判定此插件对象有没有此方法,有则调用此方法。想移除当前 阅读全文
-
不完全接触Node.js
摘要:前言 我是一个.net程序员,服务于一个传统的项目管理软件,开发BS项目管理软件。业余时间喜欢学一些新技术,开阔自己的眼界。 这段时间就一直在看node.js,从网上搜了些教程看看了,跟着写了百十行代码。算是知道了个皮毛了。 也给大家推荐这个教程:http://nodebeginner.org/index-zh-cn.html,(里面讲解的index + router + server + requestHandler的构架设计思想我很喜欢)亮点:非阻塞处理请求 Node.js给我最深的印象是:可以非阻塞的处理请求,比如现在有10个串行的操作,如果执行到第2个需要很长时间,在开始执行第... 阅读全文
-
上传
摘要:preparation本节摘要:本节主要介绍上传文件到指定目录。引入:文件上传是开发中常用的功能,本节主要介绍用commons-fileupload-1.1.jar包实现基本的文件上传功能,即上传文件到指定的目录中,同时介绍上传过程中使用到的相关类及其方法。下载插件:准备需要的jar包* commons-fileupload-1.1.jar 文件上传jar包(必须导入)* commons-io-1.2.jar (必须导入)如果不导入的程序编译时不会报错,但是发布后运行时会报错* log4j-1.2.8.jar 强烈建议导入,但在本类中不是必须的,后面的上传文件到数据库中的类中会使用* clas 阅读全文
-
jQuery Gallery Plugin在Asp.Net中使用
摘要:jQuery Gallery Plugin在Asp.Net中使用推荐一个简单易用的Gallery插件:jQuery Gallery Plugin下面是在Asp.Net开发中应用示例截图:-------------------------------------------------------------------------------风骚分隔线-----------------------------------------------------------------------------------------------第一步:认识一下这个插属性及事件jQuery Galle 阅读全文
-
Sizzle引擎
摘要:实例说明先看一个例子:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></titl 阅读全文
-
Node.js & Erlang
摘要:没有应用场景上下文做编程语言的比较就是一场关公战秦琼的乱斗而已,而语言的比较一次又一次的比较,并非开发者无聊,而是这的确关乎开发者时间精力的投入和未来可能的回报.现在估计问的最多的就是做Android开发还是iOS开发,仅次于它的就是选Node.js还是Erlang?众说纷纭,自己看吧,甚至Joe Armstrong等牛人也也加入了讨论! 阅读下面的文章有两点提示1.文章下面的评论,很多评论比文章精彩.2.注意文章发表的时间,有些观点是具有时效性的博客文章互联网从来不缺观点,缺少的是数据和事实,下面按照干货的多少推荐几篇文章:A comparison between Misultin,... 阅读全文
-
AJAX调用页面后台代码方法实现下拉框二级联动效果
摘要:这节主要内容是通过AJAX调用页面后台代码方法实现下拉框二级联动效果,实现步骤如下:1.创建文件Recipe24.aspx,实现后台代码如下:// 引入命名空间using System.Web.Services;// 实现下拉框二级联动AJAX请求加载数据方法 [WebMethod()] public static ArrayList GetSubList(string sBuyID) { ArrayList subList = new ArrayList(); if (sBuyID == "1") { subL... 阅读全文
-
云端开发,云端部署
摘要:相信云这个概念对于专业的开发人员来说已经不是什么新名词了。这年头搞个应用不与云沾点边都拿不出手。最近在研究node.js,我在想既然node.js能将javascript作为服务器端语言来用,那么只要将js脚本提交到云上是不是就可以直接运行了呢? 答案是可以的,来看看Cloud9吧!一个node.js的在线IDE,实现云端开发和云端部署不是梦。作为一个入门级的介绍文章,我还是从hello world开始。但在我们写代码之前,我们先来看看这个云端IDE的样子:怎么样,是不是很酷!酷的不仅仅是这些,它支持把代码直接push到Github和Bitbucket, 还支持直接deploy你的app到he 阅读全文
-
qTip2
摘要:qTip2 精致的jQuery提示信息插件2012-02-16 22:31 by 囧月, 1029 visits,收藏,编辑qTip2是一个灰常强大且精致的jQuery提示信息插件,是qTip的第2版,也是一个全新的版本,提供了丰富的功能及漂亮的外观,非常易于使用。qTip2采用了MIT/GPLv2许可,官方网站为:http://craigsworks.com/projects/qtip2/,目前还没发布一个稳定版,Nightly版本经常会更新,当然这并不影响正常使用。简介若不放心可以尝试旧版的qTip,但在一些参数上会有所不同;若是从qTip升级到qTip2,可以使用官方提供的转换工具来升级 阅读全文
-
JavaScript 继承详解
摘要:面向对象与基于对象几乎每个开发人员都有面向对象语言(比如C++、C#、Java)的开发经验。 在传统面向对象的语言中,有两个非常重要的概念 - 类和实例。 类定义了一类事物公共的行为和方法;而实例则是类的一个具体实现。 我们还知道,面向对象编程有三个重要的概念 - 封装、继承和多态。但是在JavaScript的世界中,所有的这一切特性似乎都不存在。 因为JavaScript本身不是面向对象的语言,而是基于对象的语言。 这里面就有一些有趣的特性,比如JavaScript中所有事物都是对象, 包括字符串、数组、日期、数字,甚至是函数,比如下面这个例子:?12345678910// 定义一个函数 - 阅读全文
-
js制作页码导航
摘要:在网站里面都是ajax爆炸的今天,通过json格式来传递数据,动态加载内容。如果加载的是一个多页的列表页面,需要通过js来生成一个分页的导航。效果如下:先计算分页的页数 1 // JavaScript Document 2 //计算页数 3 function calculatePage(total,pageSize) 4 { 5 var page=total/pageSize; 6 if(total%pageSize>0) 7 return Math.ceil(page); 8 else 9 return page;10 }复制代码生成导... 阅读全文
-
Ajax库AjaxEngine
摘要:精巧的Ajax库AjaxEngine项目地址:http://www.houfeng.net/page/AjaxEngine.aspx2009年中,工作之余写了一个简单非常方便使用Ajax框架(应该还称不是框架)!并用一个小仓库管理项目2009年末,确实是年末2009-12-29,写了一篇文章,介如年中所写的“框架”,文章地址:http://www.cnblogs.com/houfeng/archive/2009/12/29/1635350.html2010年初,移植了一个java版本,并送于一个朋友,java版本之后我没维护,java版本被朋友用于了几个政府项目!具说现在他还在用着,但我已不知 阅读全文
-
jQuery UI Autocomplete是jQuery UI的自动完成组件
摘要:jQuery UI Autocomplete是jQuery UI的自动完成组件,是我用过的最强大、最灵活的Autocomplete,它支持本地的Array/JSON数组、通过ajax请求的Array/JSON数组、JSONP、以及Function(最灵活)等方式来获取数据。支持的数据源jQuery UI Autocomplete主要支持字符串Array、JSON两种数据格式。普通的Array格式没有什么特殊的,如下:?1["cnblogs","博客园","囧月"]对于JSON格式的Array,则要求有:label、value属性,如下 阅读全文
-
一步步 jQuery (一)概念,使用,$名称冲突4种解决方法,使用层次及次数问题
摘要:1. 基本概念:jQuery 是一个 JavaScript 库,极大地简化了 JavaScript 编程。 jQuery库包含特性:HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilities2. 使用jQuery库编写jQuery代码片段 分两步: 1)添加jQuery类库引用到页面的<head>标签内<head><script type="text/javascript" src="jquery.js"></scrip 阅读全文
-
详解强大的jQuery选择器之过滤选择器、表单选择器
摘要:前言 上一篇文章(详解强大的jQuery选择器之基本选择器、层次选择器)介绍了jQuery四类选择器中的基本选择器、层次选择器,本文将介绍剩下的两种选择器:过滤选择器、表单选择器。 本文仍使用上一篇文章中的示例页面。一、过滤选择器 过滤选择器主要是通过特定的过滤规则来筛选出所需要的DOM元素,过滤规则与CSS中的伪类选择器语法相同。 按照不同的过滤规则,过滤选择器可以分为以下几种: 1、基本过滤选择器 2、内容过滤选择器 3、可见性过滤选择器 4、属性过滤选择器 5、子元素过滤选择器 6、表单对象属性过滤选择器 下面就对这几种过滤选择器分别加以介绍。1.1基本过滤选择器 ... 阅读全文
-
初次尝试Chrome扩展开发——以幻灯片方式显示网页内的图片
摘要:使用Chrome浏览器很长时间了。每次在论坛里看图片的时候,总会觉得广告和文字太多,心里想如果能够全屏看图片就好了。于是准备开发一个Chrome扩展,命名为imageGallery:能以全屏幻灯片的方式浏览图片能将尺寸比较小的图片过滤掉支持快捷键本人在工作中做的是桌面和嵌入式开发,只用过C/C++/C#,对javascript/jQuery没有怎么接触过。代码中如果存在什么问题,请大家原谅。准备工作首先是需要找一个jQuery的幻灯片插件。在比较几个插件之后,最后选择了GALLERIA。主要是它提供的全屏模式,比较符合我心中的要求。同时学习下Chrome的扩展开发文档,熟悉开发流程。正式开始1 阅读全文
-
jQuery插件的机制及实战
摘要:jQuery插件的种类1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进行操作,是最常见的一种插件。此类插件可以发挥出jQuery选择器的强大优势,有相当一部分的jQuery的方法,都是在jQuery脚本库内部通过这种形式“插”在内核上的,例如parent()方法,appendTo()方法等。2、封装全局函数 可以将独立的函数加到jQuery命名空间下。如常用的jQuery.ajax()方法、去首尾空格的jQuery.trim()方法,都是jQuery内部作为全局函数的插件附加到内核上去的。3、选择器插件 虽然jQuery的选择器十分强大,但在少数情... 阅读全文
-
Markdown 是个神马东西?
摘要:引言最近博客更新比较频繁,尝试了几种不同的写作方式,总结如下:第一种很简单了,直接使用博客园的在线编辑器。 优点是方便快捷,适合写些篇幅不大的随笔。 由于我经常更新的文章比较长,有时间需要花一两个小时来写作,经常会出现 Session 超时而丢失数据的情况。使用 Word 写作,这个可以方便的插入图片,进行排版。 但是缺点也很明显,保存的 html 源代码里面有太多垃圾数据,并且放到博客上后一些样式就没有了,导致文章严重失真。打开记事本直接写 html 代码。 这是我最近尝试的一种方式,先说使用的标签也不多,就那么几个<br />, <h1>, <h2>, 阅读全文
-
JQuery插件-级联选择(适用于TreeView)
摘要:首先,分析一下TreeView在客户端生成的html。TreeView中的checkbox的id是TreeView的id + n + 数字 + CheckBox,其下级的checkbox集合则是包含在将该checkbox的id中的CheckBox替换成Nodes的div中所有的checkbox集合。而其上级checkbox的id是将该checkbox的父div的id中的Nodes替换成CheckBox。先看截图:用法如下:CascadingSelect : function(container, node,target)当点击checkbox时调用这个方法,其中参数container:容器的I 阅读全文
-
我是如何学习NodeJs
摘要:实际上在开始的时候我已经对NodeJS有了一定的了解。比如我知道它是居于Javascript语言的服务器端web Server,比如我知道它的优势在于它的性能,而造成性能优异的原因在于高效的V8引擎,也就是编译器,以及其它一些语言层面的东东,无非就是JS一些语言的特点,函数,异步,回调之类的。所以对于这样的一项技术我已经知道它的优点缺点以及技术的方向,也许有人会问我深入学习它的目的是什么?答案可能很搞笑,我想做个HTML5版本的三国杀,用来和同事无聊的时候娱乐用,或者其它一些简单点的支持socket的web游戏。而学习NodeJS的原因在于它支持websocket,就这么简单。虽然其它一些语言 阅读全文