enix2212-CSDN博客

原创 [javascript]9宫格拖拽拼图游戏 puzzle

1.跨浏览器，主流浏览器都可以运行2.纯javascript开发。3.配置实用方便。4.二次开发简单，易用。传送门在线试玩成品预览,见附近　　用一张图片用坐标的方式生成拼图单元格，类似css sprite。大致思路是，每个单元格有对应的两个索引，由数据驱动显示。创建实例时吧0-9乱序排列，每个单元格对应两个索引，一个是真实所在位置的索引，一个是记录现在位置的索引。拖动图片的时调整记录现在位置的索...

2012-04-29 09:51:37 444

原创避免悲剧密码生成器

最近被暴库的很多，密码安全成为重大问题！如何避免简单密码呢？还在冥思苦想密码？no我为大家准备了一个密码生成工具，有0-9和a-k的英文字母组成，数字是乱序排列。字母随机一个替换掉一个数字，生成一个长度为10的密码。[code="java"] void function(window,doc,undefined){ ...

2011-12-22 15:35:17 107

jQuery创建实例与原型继承揭秘

在普通情况下我们要用原生类、或者自定义类创建实例要用new运算符，使构造函数创建一个实例，并且实例继承构造器prototype上的所有共有方法。如 new Object()、new Date()等等！（object有{}，数组有[]这样的快捷方式，我们主要探讨new这种方式。）　　我们在使用jQuery时从来没有使用过new，他是不是用其他方法来生成实例呢？是不是没有使用p...

2011-12-20 23:57:58 104

[Javascript]单例模式（singleton ）

Javascript中大家都很习惯用new运算符创建实例。现在看看另外一种创建实例的方法------单例模式。单例模式的意思就是只有一个实例。单例模式确保某一个类只有一个实例，而且自行实例化并向整个系统提供这个实例。单例模式的特点有：1，该类只有一个实例2，该类自行创建该实例(在该类内部创建自身的实例对象)3，向整个系统公开这个实例接口。下面我们分析一下实现的可行性...

2011-12-16 15:23:11 105

javascript1.7新语法

[b]1.yield 关键字[/b]Yield的作用与return 差不多，都会返回一个结果。但是return会跳出函数，yield可以多次使用直到运算不能进行。（Yield也是一个c#的关键字）。 [b]2.生成器Generators [/b]当一个函数使用yield指定返回值时，可以把他当做生成器来使用。如果调用了包含yield函数则会得到一个生成器的实例。每次调用生成器实例的...

2011-12-13 18:30:56 148

原创 javascript undo redo

在浏览器中用调试工具看调用结果[code="javascript"] javascript /*function a() { Do([].slice.call(arguments)); } function Do() { var temp = (arguments[0]),indicator = argument...

2011-12-09 10:55:21 614

原创 duffsDevice 高速版

[code="javaScript"]function duffsDevice(items, fn) { if ('function' !== typeof(fn)) return; var iterations = items.length % 8, i = items.length - 1,callback = fn; while (iterations) { c...

2011-11-25 17:21:36 250

原创 ECMAScript.js2

package {public native function eval(x:Object):Object;public native function parseInt(string:String, radix:int = 10):Number;public native function parseFloat(string:String):Number;public nativ...

2011-11-07 11:18:35 114

仅限正整数输入

修正了拖拽文本进输入框问题 2011.11.14[code="javaScript"] 仅限正整数输入 //void function (window,undefined){ window.onload = function() { var doc = document,list = doc....

2011-10-27 15:35:18 103

原创 Another JavaScript quiz

测试题来自《Another JavaScript quiz》Posted in 'JavaScript' by James on April 27th, 2010共25道题，测试内容包括运算符，表达式，语句，javascript语言特性，JSON语法，数组，正则等。大家可以测一测自己在这方面知识掌握的程度。在题后有我参考原博主文章和评论的题目解析，大家竞相拍砖，转载请注明。The ...

2011-08-19 18:34:36 123

跨浏览器可8方向拖拽剪裁框

[code="xhtml"]Untitled Document* { padding:0; margin:0; }body { overflow: hidden; height:800px; }#clipArea { width :100px; height:100px; border: dashed 1px #ccc; position: absolute; ...

2011-08-15 20:01:07 92

选项卡

[code="xhtml"]无标题文档 1 2 3 4 a b c dfunction Tab(d){if(!(this instanceof arguments.callee)){return new arguments.callee(d)}var a,c,b;(c=doc...

2011-08-12 17:36:27 76

scroll base

开发版，水平方向已完成，垂直方向没测，可以跨浏览，滚动多个当前元素索引有问题[code="xhtml"]无标题文档* { padding:0; margin:0;}#scroll { width: 212px; overflow: hidden; margin-left: 100px; }#container { height: 100px; overflo...

2011-08-04 14:25:52 79

拖拽排序列表单例

[code="html"]sortlistol{ list-style: url(none) none; }li{ width: 200px; height: 30px; margin-bottom: 5px; color: #000; text-indent: 25px; font: bold 14px/30px Arial, Helvetica, sans-se...

2011-07-27 11:17:32 111

Animate Baseclass

[size=xx-large][b][color=orange]以下代码仅供参考，请下载附件代码，应该是文本编辑器过滤掉了某些字符导致不能运行。[/color][/b][/size][code="xhtml"]Animate Baseclass#square { background: #eee; height: 120px; width: 120px; bor...

2011-07-12 15:47:41 88

很棒的时间线控件

原生态javascript，希望大家能喜欢[code="javascript"]function Gametimeline(){var c=document,a=arguments.callee,b=this;b.parent=c.getElementById("GameModuleTimeline"),b.hand=c.getElementById("GametimelineHandle...

2011-06-24 18:52:27 115

fade方法

[code="js"]function fadeOut(steps){ doFade.call(this,steps/10,1,false); }; function fadeIn(steps){ doFade.call(this,steps/10,0,true); }; function doFade(steps,value,acti...

2011-05-27 10:12:52 401

核心只要两行即可实现添加或移除className

[code="html"]1111111[/code]改进版只有一行[code="java"]function removeClass(value){ var kls,reg=1>0 &&(kls=this.className,reg=new RegExp('(^| )'+value+'( |$)'),reg.test(this.className) &&...

2011-04-29 11:10:05 82

让函数有记忆能力

[code="javascript"]function addEvent(elem,evType,fn,userCapture){ var indicator=arguments.callee; if(elem.addEventListener){ indicator=function(){ elem.addEventListener(evType,fn,userCapt...

2011-04-28 15:34:19 104

原创可以跳动的手风琴 Accordion

[code="javaScript"]无标题文档*{ padding: 0; margin:0 ;}#moduleAccordion h3 { line-height: 30px; height: 30px; background-color: #eee; overflow: hidden; border: 1px dashed #CCC; box-shadow...

2011-04-13 15:02:36 89

原创 javascript new 关键字的运行原理

[code="js"]function javascriptNew(t){ a=Object.call(null,t); a.__proto__=Object.prototype.toString.call(a).split(' ')[0].prototype; return a;}var d=javascriptNew('123 3');console.log(typeo...

2011-04-06 17:33:17 234

写个fade练下手

[code="javascript"]testfunction Fade(type,delay,callback){ var it=delay || 10 ,time,a=0,b=100,that=this; function set(i){ this.style.filter ="alpha(opacity=" + i + ")"; ...

2011-02-18 01:31:45 88

enix2212的专栏