随笔分类 -  Javascript

Javascript代码收集
摘要：1.模仿jquery each原文地址 function each(obj, fn){ var i; if(Object.prototype.toString.call(obj) === '[object Array]'){ for(i = 0... 阅读全文
posted @ 2013-07-19 16:37 忧忧夏天 阅读(376) 评论(0) 推荐(0)
JS表自动取值赋值
摘要：/* * * V1.0.0 表单自动取值、赋值插件 * 表单类型：text radio select-one checkbox textarea * 注意项： * 1.表单必须设置name属性 * 调用 * 取值：formCore.getFormValues() * 赋值：formCore.setFormValues(json) */ var formCore = (function() { var getCbxVal... 阅读全文
posted @ 2013-07-09 14:14 忧忧夏天 阅读(2255) 评论(0) 推荐(0)
seajs笔记
摘要：seajs的作者是玉伯，具体好处优点等详见官方网址介绍1 模块定义definedefine(function(require,exports,module){ //require 引入需要的模块如jquery等 //var $ = require('./jquery'); //exports可以把方法或属性暴露给外部 exports.name = 'hi'; exports.hi = function(){ alert('hello'); } //module提供了模块信息});2 使用定义好的模块seajs.use<!doctype ht 阅读全文
posted @ 2012-07-16 14:43 忧忧夏天 阅读(12349) 评论(7) 推荐(0)
Javascript动画模拟
摘要：动画模拟主要效果就是鼠标点击地图，人物会在地图上行走。主要代码 关于移动还是用到了向量（Vector）的概念 判断移动方向代码，根据方向来选择走路效果需要用到的图片 direction: function(pos, target) { var z = Math.abs(target.x - pos.x); if (target.x > pos.x) { if (target.y >= pos.y - z && target.y <= pos... 阅读全文
posted @ 2012-04-10 23:28 忧忧夏天 阅读(1947) 评论(12) 推荐(5)
Javascript 向量简单应用
摘要：本人学习基本上参考了他们三位，在这里感谢他们的分享 当耐特专家 岑安 miloyip向量既有大小又有方向的量叫做向量（亦称矢量），与标量相对，用JS实现代码如下，直接搬miloyip的了 Vector2 = function(x, y) { this.x = x; this.y = y; }; Vector2.prototype = { copy: function() { return new Vector2(this.x, this.y); }, length: function() { return Math.sqr... 阅读全文
posted @ 2012-03-31 20:52 忧忧夏天 阅读(4179) 评论(1) 推荐(0)
Javascript鼠标小游戏
摘要：这是一个类似你能坚持几秒的小游戏步骤 1 首先要创建小球 2 移动小球，小球随即朝不同方向移动 3 检测鼠标与小球的是否碰撞 大体思路就是这样，具体实现看下面代码对于程序的效率问题，大家有什么好的意见可以留言，谢谢 阅读全文
posted @ 2012-03-30 21:57 忧忧夏天 阅读(353) 评论(0) 推荐(0)
Js 原型对象与原型链(转)
摘要：原文出处 原创作者: abruzzi 原文图文并茂，很好的说明了原型链的原理，在这里感谢原文作者把文章写的那么通俗易懂。原型对象 每个javascript对象都有一个原型对象，这个对象在不同的解释器下的实现不同。比如在firefox下，每个对象都有一个隐藏的__proto__属性，这个属性就是“原型对象”的引用。原型链 由于原型对象本身也是对象，根据上边的定义，它也有自己的原型，而它自己的原型对象又可以有自己的原型，这样就组成了一条链，这个就是原型链，JavaScritp引擎在访问对象的属性时，如果在对象本身中没有找到，则会去原型链中查找，如果找到，直接返回值，如果整个链都遍历且没有找到属.. 阅读全文
posted @ 2012-02-01 12:00 忧忧夏天 阅读(27558) 评论(4) 推荐(3)
Js RegExp对象
摘要：1 语法 1.1 直接量语法 /pattern/attributes 1.2 创建RegExp对象 new RegExp(pattern, attributes) 1.3 说明 pattern是正则表达式，attributes是指修饰符如i,g,m2 RegExp 对象方法方法描述exec检索字符串中指定的值。返回找到的值，并确定其位置。test检索字符串中指定的值。返回 true 或 false。 //语法:RegExpObject.test(string) //说明:test() 方法检索字符串中的指定值。返回值是 true 或 false ... 阅读全文
posted @ 2012-01-30 11:11 忧忧夏天 阅读(5790) 评论(3) 推荐(0)
JS 事件委托
摘要：1 当有大量元素需要注册事件的时候可以用事件委托实现测试代码function init() { var d = document.getElementById("test"); d.appendChild(createUl()); console.profile("f1"); f1(); console.profileEnd("f1"); console.profile("f2"); f2(d); console.pro... 阅读全文
posted @ 2011-12-07 11:59 忧忧夏天 阅读(5994) 评论(1) 推荐(4)
XMLHttpRequest Demo
摘要：1 一个XMLHttpRequest简单封装DEMO，详细参考http://www.w3school.com.cn/xmldom/dom_http.aspvar ajax = { request: null, options: { method: "", url: "", asyn: null, dataType: "", success: function(obj) { }, ... 阅读全文
posted @ 2011-12-07 11:23 忧忧夏天 阅读(458) 评论(0) 推荐(0)
js右键菜单
摘要：JS右键菜单直接看效果如下<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>右键菜单</title><style> body { margin:0; padding 阅读全文
posted @ 2011-09-06 23:13 忧忧夏天 阅读(482) 评论(0) 推荐(2)
js去数组重复数据
摘要：代码 function removeRepater(array) { array = array || []; var a = {}; for (var i = 0; i < array.length; i++) { var v = array[i]; if (a[v] == undefined) { a[v] = 1; } } ... 阅读全文
posted @ 2011-09-01 21:46 忧忧夏天 阅读(1011) 评论(1) 推荐(1)
js拖动效果
摘要：js拖动效果原理 主要思路是鼠标按下，鼠标按下并移动，鼠标松开。以上步骤对应的JS事件就是onmousedown,onmousemove,onmouseup。实现代码 function dragElement(id) { this.dom = document.getElementById(id); this.isMouseDown = false; this.pos = null; } dragElement.prototype = { init: functi... 阅读全文
posted @ 2011-07-17 21:48 忧忧夏天 阅读(760) 评论(5) 推荐(1)
简单模拟JQuery框架
摘要：模拟JQuery1.首先模拟一个jquery对象,在这里起名叫xjs，如下代码： var xjs = function(selector) { return document.getElementById(selector); } alert(xjs("d1").innerHTML);但是现在通过xjs返回的是一个dom对象，这跟jquery返回的是一个jquery对象不同。为了让xjs返回本身自己，需要扩展xjs。 var xjs = function(selector) { return xjs.fn.init(selector); } xjs.fn = xjs.pro 阅读全文
posted @ 2011-07-14 23:14 忧忧夏天 阅读(1172) 评论(1) 推荐(1)
Js面向对象和数据类型内存分配
摘要：一 Js基本数据类型以及内存情况 1 Undefined Undefined类型只有一个值undefined,在使用了声明但未初始化的变量的时候，这个变量值就是undefined1 var hi;2 alert(hi);//undefined 2 Null Null类型也只有一个值null,可以把null理解为一个空指针。 3 Boolean Boolean只有两个字面值true和false。 4 Number 就是其他语言里的整数和浮点数。 5 String 就是字符序列,可以用单引号或双引号表示　1 var a =’hi’;2 var b = “hi”; 以上5种类型在内存中占有固定大小的 阅读全文
posted @ 2011-07-09 15:37 忧忧夏天 阅读(4084) 评论(0) 推荐(1)
螺旋数组 JS演示
摘要：实现思路 思路就是如下图所示，就不多说了。 演示效果 源码下载 插入演示代码花了不少时间。。后来发现原来是博客园里有个ID是main，而我自己代码里也有个相同ID，结果就杯具了！以后还是起class来的安全啊！ 行列值row=5col=6第一圈i=round=01 填充上面一行，数组行坐标不变，列坐标+1。0<= y <col-1-i 蓝色部分2 填充右面一列，数组行坐标+1，列坐标不变。此时y=col-i-1,i+1<=x<=row-i-1 红色部分不能为最后一圈3 填充下面一行，数组行坐标不变，列坐标-1。此时x=row-i-1,i<=y<=col-i- 阅读全文
posted @ 2011-06-29 21:38 忧忧夏天 阅读(1524) 评论(5) 推荐(1)
AjaxPro简介
摘要：介绍 AjaxPro是一种Ajax框架，可以在运行在.NET1.1和.NET2.0上。 这个框架能会创建一个代理类可以使客户端的JS代码能调用服务端的方法，并能返回各种你在.NET里使用的类型。准备工作 首先到http://ajaxpro.codeplex.com这里下载AjaxPro,其中AjaxPro.dll是用在.NET1.1中而AjaxPro.2.dll是用在.NET2.0中的如何使用？ 1.把对应的dll引到项目里面，并配置webconfig<httpHandlers> <add path="ajaxpro/*.ashx" verb=" 阅读全文
posted @ 2011-06-28 16:40 忧忧夏天 阅读(857) 评论(6) 推荐(1)
Js小游戏
摘要：练习js时候写的小游戏，功能很简单。玩法：鼠标移动到小方块附近来消灭方块得分，10个方块落地就算游戏结束。代码都在源码里了，大家可以自己看。有谁知道怎样把代码发到博客的内容里能直接执行吗？源码下载 阅读全文
posted @ 2011-06-26 23:14 忧忧夏天 阅读(368) 评论(0) 推荐(1)