
Js&JQuery
RaylnGuan
这个作者很懒,什么都没留下…
展开
-
基于html5的WebSocket使用方式。承接jetty配置(转载)
转载自:..[url]http://yangzc106.iteye.com/blog/1030473[/url]创建类:WebSearchServlet.javaJava代码 package org.search.servlet; import javax.servlet.http.HttpServletRequest; import or...原创 2011-09-16 16:15:05 · 85 阅读 · 0 评论 -
Node.js入门例子
Node.js是js的服务器端语言. 下载地址: [url]http://nodejs.org/#download[/url]下载安装完成后, 在C:\Program Files (x86)\nodejs会看到node.exe.在这个目录下创建一个http.js :[code="js"]var sys = require("sys"), http = require("h...原创 2012-07-31 14:06:10 · 83 阅读 · 0 评论 -
JS- 封装、继承、多态
[b]转载: [url]http://www.cnblogs.com/silence516/articles/1509456.html[/url][/b]JS- 封装、继承、多态Javascript是一门解释型的语言,是基于对象的,并不是真正的面向对象的语言,对变量类型的应用也是宽松的,其实它同样可以模拟面向对象的功能:[code="js"]var newfun1 = ...原创 2012-08-01 10:08:55 · 97 阅读 · 0 评论 -
SeaJs模块化加载
SeaJs模块化加载, 这个是国人写的一个框架, 遵循CMD模块准则. 目的是整个项目模块化.也可以有效的减少数据的加载量.直接看例子:注意. 这里的Jquery需要模块化, 是需要一点改造!!改造也很简单:[code="js"]define(function(){ /*! jQuery v1.7.2 jquery.com | jquery.org/license ...原创 2012-08-02 10:32:10 · 122 阅读 · 0 评论 -
解决Chrome浏览器跨域问题
在本地快捷方式--〉右键--〉属性--〉目标--〉C:\Users\Rayln\AppData\Local\Google\Chrome\Application\chrome.exe --allow-file-access-from-files看到不? 最后那串字母就是需要加上的[color=red]--allow-file-access-from-files[/color]...原创 2012-08-07 10:24:33 · 148 阅读 · 0 评论 -
Ajax访问文件获取字节流方法
[code="js"]window.onload = function(){ var xhr = new XMLHttpRequest(); xhr.open('GET', "http://localhost:8080/myblog/helloworld.pdf"); xhr.responseType = 'arraybuffer'; ...原创 2012-11-09 01:01:27 · 775 阅读 · 0 评论 -
jquery框架实现基本原理
请看下面代码就明白了[code="js"]var $ = jquery = function(){ this.AA = 1; return jquery.fn.init(); }; jquery.fn = jquery.prototype = { init: function(){ this.AA = 2; return this; }, ...原创 2013-04-26 14:40:20 · 221 阅读 · 0 评论 -
ECMAScript的getter和setter例子
在最新浏览器中调用下面方法进行测试。[code="js"]var a = { b : 0, get b1() { console.log("get"); return "b2"; }, set b2(b) { console.log(b);...原创 2012-08-08 13:20:17 · 102 阅读 · 0 评论 -
ECMAScript5的新特性
[b]转载: [url]http://www.cnblogs.com/winter-cn/archive/2012/02/28/2371415.html[/url][/b][b]1. strict模式[/b]strict模式目前无人实现,但是按标准的说法strict模式是非strict的完全子集strict模式究竟是什么意思?很多同学认为使用strict模式是强迫使用良好的...原创 2012-08-08 18:36:10 · 77 阅读 · 0 评论 -
CSS3的before, after和label的for用法
使用before和after可以用content, 结合before, after可做写入内容和样式看例子:[code="html"]Insert title here .before{ width: 100px; height:100px; border: 1px solid blue; } .before::before{ c...原创 2012-04-17 13:30:52 · 355 阅读 · 0 评论 -
Metro应用中Class的定义与使用
定义一个Class使用下面方法[code="js"]// A simple "class" definition - using WinJS to define a constructor function // and add some properties to it's prototype. var Rect = WinJS.Class.define( ...原创 2012-08-15 11:58:28 · 90 阅读 · 0 评论 -
IE的mouseover, mouseour透明颜色下的问题
[b]在IE6,7,8,9 中,都存在一种情况, 就是如果两个Div重叠在一起,如果上面的Div的背景色是transparet, 那么在上面Div写的mouseover, mouseout效果将触发到下面的Div,导致Div的事件失效问题。[/b]解决方法,Ie9可以使用background-color: rgba(0,0,0,0); 即给一个透明的颜色覆盖住。 但是Ie7,8都不支持rg...原创 2012-08-23 13:56:05 · 89 阅读 · 0 评论 -
深入理解JavaScript的变量作用域
[b]转载: [url]http://www.cnblogs.com/rainman/archive/2009/04/28/1445687.html[/url][/b]在学习JavaScript的变量作用域之前,我们应当明确几点:JavaScript的变量作用域是基于其特有的作用域链的。JavaScript没有块级作用域。函数中声明的变量在整个函数中都有定义。1、Jav...原创 2012-12-20 15:39:30 · 100 阅读 · 0 评论 -
斜坡算法
斜坡算法, 通过canvas画斜坡的算法, 知道这个算法后, 就可以直接画出斜坡了sinc(x * M) * sinc(y * M) //M是斜坡的倾斜度可以看一个例子[url]http://www.graphycalc.com/[/url]...原创 2013-01-17 16:52:53 · 1055 阅读 · 0 评论 -
最简单的拖拽效果
html5中提供了drag的效果, 通过事件可以进行拖拽元素, 请看例子, 非常简单![code="html"]Insert title herewindow.onload = function(){ var div1 = document.getElementById("div1"); var div2 = document.get...原创 2013-01-28 16:46:48 · 129 阅读 · 0 评论 -
Jsonp跨域使用
Jsonp是解决跨域问题的一个办法。在jsonp:"callback"是对应后台返回的值使用的。客户端页面代码:[code="html"]Insert title here (function(){ $.ajax({ async: false, url:"http://16.165.53.40:8080/uplo...原创 2013-12-30 14:36:16 · 133 阅读 · 0 评论 -
通过Iframe进行跨域处理
在漫长的前端开发旅途上,无可避免的会接触到ajax,而且一般情况下都是用在同一域下的ajax请求;但是如果请求是发生在不同的域下,请求就无法执行,并且会抛出异常提示不允许跨域请求,目前我没有找到明确的资料说明这是为什么,我觉得应该是出于安全性的考虑吧。纵然如此,要实现跨域访问的话,方法还是有的,而且不只一种,在这里介绍其中一种解决方案:如何利用iframe完成ajax的跨域请求。如下图...原创 2013-12-30 16:47:59 · 197 阅读 · 0 评论 -
JS绘图Flot应用-简单曲线图
[b]转载: [url]http://www.iteye.com/topic/1122003[/url][/b]首先对Flot做简单介绍:flot 是一个基于jquery的开源javascript库,是一个纯粹的 jQuery JavaScript 绘图库,可以在客户端即时生成图形,使用非常简单,支持放大缩小以及鼠标追踪等交互功能。该插件支持 IE6/7/8/9, Firefox 2....原创 2012-03-26 10:45:08 · 125 阅读 · 0 评论 -
Js命名空间
[b]转载: [url]http://www.neoease.com/javascript-namespace/[/url][/b][b][size=medium]怎么使用命名空间?[/size][/b]看以下代码, 命名空间里面定义了两个函数, 将空间命名为 myNamespace, 并声明了 $ 的对外接口. 也就是说, 我们可以在空间外部通过 myNamespace.$ 来调...原创 2012-03-07 09:59:58 · 73 阅读 · 0 评论 -
学习Javascript闭包(Closure)
[size=medium]转载: [url]http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html[/url][/size]学习Javascript闭包(Closure)作者: 阮一峰日期: 2009年8月30日闭包(closure)是Javascript语言的一个难点,也是它的特色,很多...原创 2012-03-02 15:23:57 · 58 阅读 · 0 评论 -
Extend增加方法本身的内部调用
例子:[code="js"]function abc(){ $.extend( this,{ aaa:function(){ a1(); }, bbb:function(){ a2(); } } ); function a1(){ alert("a1"); }; functio...原创 2011-11-01 16:24:57 · 154 阅读 · 0 评论 -
文件上传按钮样式
一种比较好的文件上传按钮样式定义直接看例子:[code="html"] $(function(){ $("#button2").click(function(e){ $("#button1").click(); }); $("#button1").change(function(e){ console.log(22); });...原创 2011-12-13 01:36:22 · 80 阅读 · 0 评论 -
事件记录
[size=medium][b]1. jquery.proxy[/b][/size][b]接受一个函数,然后返回一个新函数,并且这个新函数始终保持了特定的上下文语境。[/b][b]jQuery.proxy( function, context )[/b]function将要改变上下文语境的函数。context函数的上下文语境(`this`)会被设置成这个 object 对象。...原创 2011-12-13 02:05:58 · 179 阅读 · 0 评论 -
swfupload例子
[b]参考自:[/b][url]http://zhangqgc.iteye.com/blog/906419[/url]SWFUpload官方的例子都是PHP的,在这里提供一个Java版的最简单的使用例子,使用JSP页面完成所有操作。[b]这里[b]使用tomcat服务器[/b],不同的服务器,可能在路径写法会有所不同[/b][code="java"]...原创 2011-12-13 11:01:14 · 82 阅读 · 0 评论 -
鼠标跟踪事件
利用jquery进行跟踪例如:[code="js"]$("#container").mousemove(function(e){ //鼠标坐标 e.pageX});[/code]原创 2011-11-05 02:09:26 · 128 阅读 · 0 评论 -
图片预加载获取高度和宽度
经典代码:[code="html"]var imgLoad = function (url, callback) { var img = new Image(); img.src = url; if (img.complete) { callback(img.width, img.height); } else { i...原创 2011-12-17 16:03:16 · 157 阅读 · 0 评论 -
jQuery中的编程范式
[b]转载自:[/b][url]http://www.iteye.com/topic/1119283[/url][b]1. AJAX: 状态驻留,异步更新 [/b][b]2. 模块化:管理名字空间 [/b]所谓的module pattern代码如下,它的关键是利用匿名函数限制临时变量的作用域。[code="js"]var feature =(function() { ...原创 2011-12-27 10:01:25 · 104 阅读 · 0 评论 -
Fn.extend增加Jquery自身方法
例子:[code="js"]$.fn.extend({ customInputCheck: function(o) { $(this).get(0).checked = o; if (o) { $(this).next().addClass("checked"); } else { ...原创 2011-11-06 12:52:38 · 88 阅读 · 0 评论 -
jQuery.extend用法
[size=medium][b]合并两个或更多的对象的内容汇集成到第一个对象。[/b][/size][size=medium]jQuery.extend( target, [ object1 ], [ objectN ] )[/size][b]target [/b]一个对象,如果附加的对象被传递给这个方法将那么它将接收新的属性,如果它是唯一的参数将扩展jQuery的命名空间。[b]...原创 2011-11-24 15:37:17 · 77 阅读 · 0 评论 -
Js动态导入js文件
[code="js"]var plugin = [ "lib/plugin/jquery.lazyload.min.js", "js/common.js",];var modules = [];var frame = { //可动态加载css,js文件,支持同步和异步 include: function(file,sync) { //sync判断同步还是异步,...原创 2011-11-24 16:31:54 · 211 阅读 · 0 评论 -
JS中apply与call的用法
[b]转自:[/b][url]http://chtq.iteye.com/blog/393064[/url]avaScript中有一个call和apply方法,其作用基本相同,但也有略微的区别。先来看看JS手册中对call的解释:[b]call 方法[/b]调用一个对象的一个方法,以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[,...原创 2011-11-30 13:10:04 · 84 阅读 · 0 评论 -
Prototype, Constructor的使用和理解
[size=medium][b]JavaScript中Prototype的使用和实例[/b][/size][code="js"]Insert title here (function(){ console.log("=========prototype的用法和误区========="); var A = function(){}; A...原创 2012-06-05 14:00:00 · 122 阅读 · 0 评论 -
KinticJs的基本用法
Kintic是html5中canvas的一个框架,效率高,包小,非常实用,下面是一个小例子,各位要是有兴趣, 可以去官网看看[url]http://www.kineticjs.com/[/url][code="html"]Insert title here(function(){ var load = function(){ var...2012-06-11 15:42:05 · 149 阅读 · 0 评论 -
阻止事件冒泡
可使用[color=red]event.stopPropagation[/color]阻止W3C的冒泡,[color=red]event.cancelBubble=true[/color]阻止IE的冒泡.[color=red]e.preventDefault();[/color]取消默认事件, 如link打开窗口事件.例如:[code="html"]阻止JavaSc...原创 2011-12-07 01:37:37 · 106 阅读 · 0 评论 -
setInterval&&clearInterval
转载:[url]http://blog.youkuaiyun.com/zyming0815/article/details/4710953[/url]一、setInterval用法setInterval(functionName, interval [, param1, param2, ..., paramN])参数functionName 一个函数名或者一个对匿名函数的引用。...原创 2012-02-28 22:17:47 · 87 阅读 · 0 评论 -
jquery中animate对css3的用法
[code="java"]$('#box').animate({ textIndent : 0 }, { step : function(now, fx) { $(this).css('-webkit-transform', 'rotate(' + now + 'deg)'); }, duration : 'slow' }, 'swing');...原创 2013-09-16 15:37:34 · 115 阅读 · 0 评论