
js
文章平均质量分 84
Tigerdush
主要致力于web前端的研发创业中...
展开
-
JS写怀旧小游戏系列(二)连连看
<!--var RowMax = 42;//列数var ColMax = 22;//行数var PicMax = 26;//总图片数var TimeMax = 60;//总时间var OffSet = 32;//使用系统图标webdings(从asc2的32开始) var st;//倒计时var TmpStr = "";var TmpObj = null;var TmpTime原创 2013-04-26 14:38:45 · 1400 阅读 · 0 评论 -
编写快速、高效的JavaScript代码
许多Javascript引擎都是为了快速运行大型的JavaScript程序而特别设计的,例如Google的V8引擎(Chrome浏览器,Node均使用该引擎)。在你的开发过程中,如果你关心你程序的内存和性能的话,你应该了解并意识到,在你的代码背后,浏览器的JavaScript引擎中到底发生了什么事情。不论的V8,SpiderMonkey(Firefox),Carakan(Opera),Ch翻译 2013-05-02 07:36:26 · 1062 阅读 · 1 评论 -
javascript 小技巧
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键no 可用于Table2. 取消选取、防止复制3. onpaste="return false" 不准粘贴4. oncopy="return false;" oncut="return false;" 防止复制5. IE地址栏前换成自己的原创 2013-05-02 07:32:51 · 791 阅读 · 0 评论 -
JS实现的表单验证和强大的身份证
/规则检查排序function RegCheck(objs) { var str = objs.checktype; switch (str) { case "cn" : //要检查的表单控件的输入类型必须为中文 return CnWordRegCheck(objs); break; case "idnum原创 2013-05-02 07:33:23 · 1068 阅读 · 0 评论 -
常用JavaScript语法100讲
1.JS输出语句:document.write("") 2.JS中的注释为:// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElemen原创 2013-05-02 07:34:48 · 940 阅读 · 0 评论 -
JavaScript DOM的本质及操作方法
虽然现在一些JavaScript框架,诸如jQuery、Prototype和MooTools能提高我们的前端开发效率,而且很好的解决了浏览器兼容性问题,但我们仍要打好javascript技术基础。文章将介绍JavaScript和文档对象模型(DOM)的本质。 JavsScript是可以在各种不同环境下使用的动态的、松散类型(loosely typed)、基于原型的编程语言。除了作为流行的W原创 2013-05-02 07:33:52 · 1187 阅读 · 0 评论 -
实现Javascript异步编程的4种方法
你可能知道,Javascript语言的执行环境是"单线程"(single thread)。所谓"单线程",就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。这种模式的好处是实现起来比较简单,执行环境相对单纯;坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行。常见的浏览器无响应(假死),往往就是因为某一段Jav原创 2013-05-02 07:35:20 · 1116 阅读 · 0 评论 -
js正则限制input框输入的常用代码
1.只能输入数字和英文的: onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" ID="Text1" NAME="Text1"> 2.只能输入数字的: on原创 2013-05-02 07:34:05 · 1252 阅读 · 0 评论 -
你真的已经搞懂JavaScript了吗?
题目一:if (!("a" in window)) { var a = 1;}alert(a);题目二:var a = 1, b = function a(x) { x && a(--x); };alert(a);题目三:function a(x) { return x * 2;}var a;al原创 2013-05-02 07:36:39 · 1037 阅读 · 1 评论 -
JavaScript奥秘之让人捉摸不定的this
前言之所以会有此篇文章当然还要从最近的一次面试说起,很抱歉居然又扯到面试上去看,其实不要说,平时不注意的东西,往往在面试时便会立马给你揪出来哪里有问题。比如我当时就小小的栽了个跟头,栽跟头不要紧,要紧的是我确实对js的一些问题没有了解透彻。俗话说的好,半灌水响叮当,我就那种一直认为自己js功底好的人,但真的拿出手来说,其实真的有点水了......此时再不好好学习一番,岂不是原创 2013-05-17 10:26:09 · 1058 阅读 · 1 评论 -
js和css的顺序关系
1. head里的顺序如下,考虑会对请求有何影响:a. 外部js在css前面b. 外部js在css后面c. 内部js在css前面// do somethingd. 内部js在css后面// do somethinge. 内联css在外联css前面原创 2013-05-17 21:48:50 · 778 阅读 · 0 评论 -
推荐10个出色的JavaScript动画框架
使用JavaScript可以做出一些引人注目的动画效果,但通常不太容易实现。本文为你整理了10个非常优秀的JavaScript动画框架,使用它们你可以轻松实现动画效果。 1. Raphaël Raphaël是一个小型JavaScript库,用于简化你的Web矢量图形工作。如果你想创建独特的图表或图形的裁剪和旋转部件,你可以使用这个简单方便的库来实现。源码 + 演示原创 2013-05-17 21:53:08 · 1057 阅读 · 0 评论 -
JavaScript与生俱来的10个设计缺陷
前几篇文章,我经常说Javascript的设计不够严谨,有很多失误。今天的这一篇,前半部分就谈为什么会这样,后半部分将列举Javascript的10个设计缺陷。我参考的文献主要是Douglas Crockford的专著《Javascript语言精粹》(JavaScript: The Good Parts)和Fredrik Holmström的文章《我对Javascript的抱怨》(My gripe原创 2013-05-06 16:43:16 · 826 阅读 · 0 评论 -
常用JavaScript代码(持续更新) 续2
199.模式窗口父窗口var url="aaa.jsp";var data=showModalDialog(url,null,"dialogHeight:400px;dialogHeight:600px;center:yes;help:No;status:no;resizable:Yes;edge:sunken");if(data)alert(data.valu原创 2013-04-29 11:35:41 · 609 阅读 · 0 评论 -
常用JavaScript代码(持续更新)
事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.c原创 2013-04-29 11:33:07 · 1640 阅读 · 0 评论 -
如何组织大型JavaScript应用中的代码?
地板上堆放的衣服首先,我们来看看angular-seed,它是AngularJS应用开发的官方入门项目,其文件结构是这样的: css/img/js/app.jscontrollers.jsdirectives.jsfilters.jsservices.jslib/partials/ 看起来就像是把衣服按类型堆在地板上,一堆袜子、一堆内衣、一堆衬衫等等。你知道拐角翻译 2013-04-30 00:17:26 · 860 阅读 · 0 评论 -
JS写怀旧小游戏系列(三)五子棋
五子棋.wrapper {width: 600px;position: relative;}/* 棋盘 */div.chessboard {margin: 30px 0 0 50px;width: 542px;background: url(http://sandbox.runjs.cn/uploads/rs/102/r2dy3tyw/chessboard.png) no原创 2013-04-26 14:46:34 · 945 阅读 · 0 评论 -
JS写怀旧小游戏系列(一)俄罗斯方块
这年头这么多用JS写怀旧小游戏的,我来做个总结,做个系列,今天第一天,俄罗斯方块!body { background:#000; font:25px/25px 宋体;}#box { float:left;width:252px;border:#999 20px ridge;color:#9f9;text-shadow:2px 3px 1px #0f0; }#info { float:原创 2013-04-26 14:36:25 · 2363 阅读 · 5 评论 -
JS写怀旧小游戏系列(十)打砖块
玩法: Javascript 写的“打砖块”游戏, S 键开始,左:4 ,右:6,保存为HTML即可 打砖块 <!-- var timerID = null var INT = 10 var loadFLG=0 var gameFLG=0 var missFLG=0 var原创 2013-04-27 10:13:07 · 1388 阅读 · 0 评论 -
JS写怀旧小游戏系列(八)九宫格数独
九宫格数独,是一种源自18世纪末的瑞士,后在美国发展、并在日本得以发扬光大的数字谜题。数独盘面是个九宫,每一宫又分为九个小格。在这八十一格中给出一定的已知数字和解题条件,利用逻辑和推理,在其他的空格上填入1-9的数字。使1-9每个数字在每一行、每一列和每一宫中都只出现一次。这种游戏全面考验做题者观察能力和推理能力,虽然玩法简单,但数字排列方式却千变万化,所以不少教育者认为数独是训练头脑的绝佳方式。转载 2013-04-27 09:45:53 · 1408 阅读 · 1 评论 -
JS写怀旧小游戏系列(七)吃方块
dush var xyNum=20; //敌方数量 var arrXY=new Array(); //用数组记录敌方 var myObjII; //我自己外面的div var myObjI; //我自己 var mapobj; //地图对象原创 2013-04-27 09:35:13 · 1072 阅读 · 0 评论 -
JS写怀旧小游戏系列(九)中国象棋
中国象棋 -->级别: 1级 2级 3级 4级转载 2013-04-27 09:56:33 · 864 阅读 · 0 评论 -
JS写怀旧小游戏系列(四)贪吃蛇
直接copy代码到html文件下直接可以运行玩。Tips: (老鸟跳过,希望对新手有所帮助)IE: element.innerText = FF: element.textContent; setAttribute("cellpadding","0")在IE中无效,正确写法cellPadding (一不小心就犯错了);FF中,使用绑定在某元素上的键盘事件前,先让它获得焦点,docu原创 2013-04-27 09:03:54 · 960 阅读 · 0 评论 -
JS写怀旧小游戏系列(五)扫雷
经典的window小游戏扫雷,支持IE9,chrome,firefox,safari,opera等现代浏览器!~IE8以下没测试~JS扫雷script type="text/javascript">var $ = function(id){return document.getElementById(id)};var minesweeper = {}; //雷区对象va原创 2013-04-27 09:07:39 · 1357 阅读 · 0 评论 -
JS写怀旧小游戏系列(六)躲人游戏
游戏规则: 用鼠标按住拖动红色的方块,使得其在白色区域内移动, 注意千万不要撞到蓝色的方块,否则游戏结束, 在弹出对话框时,按住Ctrl+C,拷贝你的分数在评论栏上留 言, 看看谁的分数最高,o(∩_∩)o...Javascript写的躲人游戏 - 分享JavaScript-sharejs.comisNS4 = (document.lay原创 2013-04-27 09:21:21 · 1077 阅读 · 0 评论 -
全面理解面向对象的 JavaScript
JavaScript 函数式脚本语言特性以及其看似随意的编写风格,导致长期以来人们对这一门语言的误解,即认为 JavaScript 不是一门面向对象的语言,或者只是部分具备一些面向对象的特征。本文将回归面向对象本意,从对语言感悟的角度阐述为什么 JavaScript 是一门彻底的面向对象的语言,以及如何正确地使用这一特性。前言当今 JavaScript 大行其道,各种应用对其依赖日原创 2013-04-28 13:47:18 · 558 阅读 · 0 评论 -
JavaScript MVC框架
选择JavaScript MVC框架很难。一方面要考虑的因素非常多,另一方面这种框架也非常多,而要从中选择一个合适的,还真得费一番心思。想知道有哪些JavaScript MVC框架可以选择?看看TodoMVC吧。 我用过其中4个框架:Angular、Backbone、CanJS和Ember。因此,可以对它们作一比较,供大家参考。本文会涉及框架选型过程中需要考虑的一系列因素,我们逐一讨论。翻译 2013-04-29 12:41:43 · 877 阅读 · 0 评论 -
常用JavaScript代码(持续更新) 续1
132.判断是什么对象if(typeof(unknown)=="function")return true;if(typeof(unknown)!="object")return false;//133.取消文本框自动完成功能 //134.让下拉框自动下拉123 //135.读取XML文件var childrenobj=mysel原创 2013-04-29 11:34:39 · 830 阅读 · 0 评论 -
网站如何做到完全不需要 jQuery ?
jQuery 是现在最流行的 JavaScript 工具库。据统计,目前全世界 57.3% 的网站使用它。也就是说,10 个网站里面,有 6 个使用 jQuery。如果只考察使用工具库的网站,这个比例就会上升到惊人的 91.7%。虽然 jQuery 如此受欢迎,但是它臃肿的体积也让人头痛不已。jQuery 2.0 的原始大小为 235KB,优化后为 81KB;如果是支持 IE6、7原创 2013-05-13 13:50:30 · 1156 阅读 · 0 评论