JavaScript
文章平均质量分 66
青松
IT智者
展开
-
JavaScript基础
JavaScript 定义JavaScript是一种描述语言,也是一种基于对象和事件驱动的,并具有安全性能的脚本语言 组成 一个完整的JavaScript是由以下三部分组成的1. 核心语法(ECMAScript)2. 浏览器对象模型(原创 2012-05-01 21:13:22 · 435 阅读 · 0 评论 -
JavaScript继承实现方式一览
继承类继承类抄写function parent(){ this.x=10;}function child(){ var parentObj=new parent(); for(var p in parentObj)this[p]=parentObj[p];}var childObj=new c原创 2013-04-12 21:36:13 · 608 阅读 · 0 评论 -
从代码示例了解ECMAScript5新特性
1. strict模式strict模式目前无人实现,但是按标准的说法strict模式是非strict的完全子集strict模式究竟是什么意思?很多同学认为使用strict模式是强迫使用良好的代码风格,我的意见是strict不是良好风格的代码而是高效的代码。通过使用strict模式,编译器有了把变量优化成内存地址的能力。具体限制为eval中不再能声明变量,声明的函数将会变成全原创 2013-04-12 21:31:10 · 595 阅读 · 0 评论 -
CSS3:transform与transition背后的数学原理
transform的原理是计算机图形学中的2D矩阵变换,在开始之前,首先来复习下一个简单的线性代数知识:矩阵与向量乘法。太复的用不到,只需要3维向量与3x3矩阵的乘积:接下来我们来说说transform跟矩阵乘法的关系,我们的任何一个html元素渲染完成后可以得到一张位图,把这张位图上所有的点都做一次矩阵运算,将得到一张的新的位图,这就是transform的基本含义。首先来看最简单转载 2013-04-12 21:34:45 · 688 阅读 · 0 评论 -
javascript操作符和运算符
算术运算符(+, -, *, /, %, ++, --, unary -, unary +)算数运算符将多个类数字值(字面量或者变量)当成操作数,并计算出运算结果.赋值运算符(=, *=, /=, %=, +=, -=, >=, >>>=, &=, ^=, |=)赋值运算符将右边表达式的值赋值给左边的变量.位运算符(&, |, ^原创 2013-04-14 10:40:53 · 780 阅读 · 0 评论 -
继承与原型链
对于那些熟悉基于类的面向对象语言(java或者c++)的开发者来说,JavaScript的语法是比较怪异的, 这是由于javascript是一门动态语言,而且它没有类的概念 (虽然class是个保留字,不能作为变量名来使用).继承方面,javascript中的每个对象都有一个内部私有的链接指向另一个对象 (或者为 null),这个对象就是原对象的原型. 这个原型也有自己的原型, 直到对象的原创 2013-04-14 10:56:33 · 677 阅读 · 0 评论 -
Qunit API
QUnit是jQuery支持的一款JavaScript单页测试框架。简单易用。可以从QUnit的Github页面获取其代码。QUnit的使用与JUnit类似,相信有JUnit经验的开发者和测试人员可以很快上手。开始写测试用例test( name, expected, test )一个常规的测试用例。test里是测试用例的具体内容。asyncTest( name, exp原创 2013-05-04 22:27:24 · 904 阅读 · 0 评论 -
js双感叹号判断
function id( name ) { return !!( typeof document !== "undefined" && document && document.getElementById ) && document.getElementById( name );} 然后去网上查了些资料,他相当于三元运算符,返回boolean值。v原创 2013-05-04 21:57:05 · 1357 阅读 · 0 评论 -
Qunit入门(下)
测试用户操作 问题 那些依赖于用户操作的代码,不能通过执行函数来测试。通常元素的事件使用异步函数,例如click,这些需要模拟。 解决方案 你可以使用jQuery的 trigger()方法来触发事件,然后测试预期的行为。如果你不想浏览器事件被触发,你可以使用triggerHandler()来执行事件相关方法。这对于测试链接的click事件是有帮助的,因为t转载 2013-05-04 22:13:40 · 1017 阅读 · 0 评论 -
QUnit入门(上)
自动化测试软件对于开发来说是一个很重要的工具,而单元测试对于自动化测试来说是基本组成部分:软件的每一个组件或者单元可以在非人工介入的情况下,使用测试工具一遍遍的重复执行。换句话说,就是你可以写一次测试,然后不用付出额外成本的任意执行多次。 除了测试覆盖率带来的好处外,测试还可以指导软件设计,这就是TDD(基于测试驱动的设计):先有测试,后有开发代码。你开始写一个简单的测试,然后写实现代码转载 2013-05-04 22:08:27 · 1369 阅读 · 0 评论 -
javascript递归
递归示例示例之一就是阶乘的计算。 数字 n 的阶乘通过乘以 1 * 2 * 3 *... n 进行计算。 下面的示例演示如何使用计算结果的 while 循环反复计算阶乘。JavaScriptfunction factorial(num){ // If the number is less than 0,原创 2013-04-11 16:02:21 · 656 阅读 · 0 评论 -
CSS设计模式之三权分立模式篇
市面上我们常常会看到各种各样的设计模式书籍,Java设计模式、C#设计模式、Ruby设计模式等等。在众多的语言设计模式中我唯独找不到关于CSS设计模式的资料,即使在网上找到类似内容,细细一看之下才发觉是南辕北辙。经过浩瀚文章搜索发掘下依旧一无所获之后,直接导致了我萌生一股写一篇CSS设计模式的冲动,至此写下这篇文章,其中叙述如有不当之处,也恳请各位提出意见,分享出您宝贵的经验。在写页面之中转载 2013-04-07 23:46:31 · 2132 阅读 · 0 评论 -
javascript入门技能
了解JavaScript设计模式我们需要知道的一些必要知识点:(内容相对基础,高手请跳过) 闭包:关于闭包这个月在园子里有几篇不错的分享了,在这我也从最实际的地方出发,说说我的理解。 1.闭包最常用的方式就是返回一个内联函数(何为内联函数?就是在函数内部声明的函数); 2.在JavaScript中有作用域和执行环境的问题,在函数内部的变量在函数外部是无法访问的转载 2013-04-07 23:17:30 · 913 阅读 · 0 评论 -
javascript 保存XML
var doc = new ActiveXObject("Msxml2.DOMDocument"); //ie5.5+,CreateObject("Microsoft.XMLDOM") //加载文档 doc.load("b.xml"); //创建文件头 var p = doc.createProcessingInstruction("xm原创 2013-01-23 18:24:01 · 1179 阅读 · 0 评论 -
javascript IO操作
一、功能实现核心:FileSystemObject 对象 要在javascript中实现文件操作功能,主要就是依靠FileSystemobject对象。 二、FileSystemObject编程 使用FileSystemObject 对象进行编程很简单,一般要经过如下的步骤: 创建FileSystemObject对象、应用相关方法、访问对象相关属性 。 (一)创建FileSyste原创 2013-01-23 17:43:29 · 10291 阅读 · 0 评论 -
常用 javascript功能
no 可用于Table 2. 取消选取、防止复制 3. onpaste="return false" 不准粘贴 4. oncopy="return false;" oncut="return false;" 防止复制 5. IE地址栏前换成自己的图标 6. 可以在收藏夹中显示出你的图标 7. 关闭输入法 8. 永远都会原创 2013-01-23 18:27:07 · 441 阅读 · 0 评论 -
手写 ajax
function ajax(){ var xmlhttp; if(window.XMLHttpRequest){ xmlhttp = new XMLHttpRequest(); }else{ // code for IE6, IE5 xmlhttp = ActionXObject("Microsoft.XMLHTTP"); } //判定执行状态 xmlhttp.onre原创 2013-01-10 15:33:31 · 4938 阅读 · 0 评论 -
JS获取屏幕宽高
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body.scrollWidth原创 2013-01-16 12:57:35 · 1099 阅读 · 0 评论 -
js重定向---实现页面跳转的几种方式
第一种: window.location.href="login.jsp?backurl="+window.location.href; 第二种: alert("返回"); window.history.back(-1); 第三种: win原创 2013-03-08 10:57:59 · 913 阅读 · 0 评论 -
window.location.hash属性介绍
location是javascript里边管理地址栏的内置对象,比如location.href就管理页面的url,用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如http://domain/#admin的location.hash="#admin"。利用这个属性值可以做一个非常有意义的事情。很多人都喜欢收藏网页原创 2013-03-31 18:18:03 · 589 阅读 · 0 评论 -
理解JavaScript字符串截取
一、字符串截取函数介绍1、String.charCodeAt作用:指定位置的字符的 Unicode 编码用法:String.charCodeAt(index)参数:index 表示字符串中某个位置的数字,即字符在字符串中的下标。返回:int Unicode 编码 是 0 – 65535 之间的整数2、String.fromCharCode作用:接受一个或一组指定的 Un原创 2013-03-31 18:21:38 · 490 阅读 · 0 评论 -
JavaScript定时器
一、setTimeout?123setTimeout(function(){ //要执行的代码 },200);理解:指隔200ms后,定时器代码被添加到队列中,等待JavaScript进程空闲后,代码才执行二、set转载 2013-04-03 13:45:07 · 596 阅读 · 0 评论 -
QUnit源码大致结构分析
分析别人的源代码,除了可以了解程序功能是如何实现之外,还可以学到一些比较先进的编程方式和思想,进而提高自己的水平。本着这一想法,我将对QUnit的源代码加以解读,也希望对大家js水平的提高有个帮助作用。 好的js框架在语言上总是很干练的,里面也使用了很多比较先进的编程技巧,这就要求读者必须要有比较扎实的js基础知识。在这里我重点推荐汤姆大叔的译作《深入理解JavaScript系列》。文章原创 2013-05-04 22:31:00 · 873 阅读 · 0 评论