javaScript
文章平均质量分 53
技术空间
热爱IT行业,希望和业界朋友多交流!!!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
使用js和jQuery分别实现弹起对象下标
js弹起下标(主要代码)for (var i = 0; i li[i].index=i; li[i].onclick = function(){ alert(this.index); };};jQ弹起下标(主要代码)$("#ul li").click(function(){alert( $( "#ul li" ).in原创 2017-02-23 18:01:59 · 420 阅读 · 0 评论 -
JS正则表达式常用总结
正则表达式的创建JS正则表达式的创建有两种方式: new RegExp() 和 直接字面量。//使用RegExp对象创建var regObj = new RegExp("(^\\s+)|(\\s+$)","g"); // 双斜杠表示转移//使用直接字面量创建var regStr = /(^\s+)|(\s+$)/g;其中 g 表示全文匹配,与之相关的转载 2017-03-03 21:25:54 · 345 阅读 · 0 评论 -
JS 闭包原理
闭包,是 Javascript 比较重要的一个概念,对于初学者来讲,闭包是一个特别抽象的概念,特别是ECMA规范给的定义,如果没有实战经验,很难从定义去理解它。因此,本文不会对闭包的概念进行大篇幅描述,直接上干货,让你分分钟学会闭包!1 闭包,一睹为快在接触一个新技术的时候,我首先会做的一件事就是找它的 demo code。对于我们来说,看代码比自然语言更能理解一个事物的本质。其实转载 2017-03-03 21:28:28 · 850 阅读 · 0 评论 -
深入理解 new 的运行机制
和其他高级语言一样 javascript 中也有 new 运算符,我们知道 new 运算符是用来实例化一个类,从而在内存中分配一个实例对象。 但在 javascript 中,万物皆对象,为什么还要通过 new 来产生对象? 本文将带你一起来探索 javascript 中 new 的奥秘...一、认识new运算符: 1 function Animal(name){ 2转载 2017-03-03 21:29:50 · 425 阅读 · 0 评论 -
深入理解函数的作用域
一、作用域(scope)所谓作用域就是:变量在声明它们的函数体以及这个函数体嵌套的任意函数体内都是有定义的。 1 function scope(){ 2 var foo = "global"; 3 if(window.getComputedStyle){ 4 var a = "I'm if"; 5 console.log(转载 2017-03-03 21:31:01 · 442 阅读 · 0 评论 -
深入理解原型对象和原型链
在Javascript中,万物皆对象,但对象也有区别,大致可以分为两类,即:普通对象(Object)和函数对象(Function)。一般而言,通过new Function产生的对象是函数对象,其他对象都是普通对象。举例说明:function f1(){ //todo}var f2 = function(){ //todo};var f3 = ne转载 2017-03-03 21:32:13 · 372 阅读 · 0 评论 -
setTimeout 使用方法详解
计时器setTimeout是我们经常会用到的,它用于在指定的毫秒数后调用函数或计算表达式。语法:1setTimeout(code, millisec, args);注意:如果code为字符串,相当于执行eval()方法来执行code。当然,这一篇文章并不仅仅告诉你怎么用setTi转载 2017-02-23 22:51:27 · 8607 阅读 · 2 评论 -
如何拖动DOM元素
css部分.divblok { background-color:rgba(172,16,172,0.5); width:200px; height:100px; position:absolute; left:20px;原创 2017-02-24 14:15:19 · 342 阅读 · 0 评论 -
JavaScript小游戏
Ping Pong * { box-sizing: border-box; margin: 0px; padding: 0px; } #playground{ background: url(images/bg1.png); width: 400px; height: 200px; posi翻译 2017-02-24 14:33:34 · 720 阅读 · 0 评论 -
终于理解原型链了
转载 2017-03-06 22:14:40 · 287 阅读 · 0 评论 -
H5单页面手势滑屏切换原理
H5单页面手势滑屏切换是采用HTML5 触摸事件(Touch) 和 CSS3动画(Transform,Transition)来实现的,效果图如下所示,本文简单说一下其实现原理和主要思路。1、实现原理假设有5个页面,每个页面占屏幕100%宽,则创建一个DIV容器viewport,将其宽度(width) 设置为500%,然后将5个页面装入容器中,并让这5个页面平分整个容器,最后转载 2017-03-03 21:23:29 · 1725 阅读 · 0 评论 -
日历js代码
$(document).ready(function(e) { CalendarHandler.initialize(); }); var CalendarHandler = { currentYear: 0, currentMonth: 0, isR原创 2017-03-03 17:18:04 · 346 阅读 · 0 评论 -
使用 typeof bar === “object” 判断 bar 是不是一个对象的弊端
var obj = {};var arr = [];console.log(typeof obj === 'object'); //trueconsole.log(typeof arr === 'object'); //trueconsole.log(typeof isNAN == 'object'); //trueconsole.log(Object.proto原创 2017-02-23 18:40:32 · 2328 阅读 · 0 评论 -
javascript中的继承详解
[html] view plain copy > html> head> meta charset="UTF-8"> title>title> script type="text/javascript"> function MAN(name,转载 2017-02-23 20:56:21 · 310 阅读 · 0 评论 -
js如何判断一个数是不是整数类型
方法一:function num(n){return typeof n==="number&&n%1===0;}num(2) //truenum(9.9)//falsemun("asd")//false........方法二:function num(n){return Math.floor(n)====n;}num(2) //t原创 2017-02-23 21:25:51 · 1417 阅读 · 0 评论 -
JavaScript 的运行机制详解:再谈Event Loop
一、为什么JavaScript是单线程?JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。那么,为什么JavaScript不能有多个线程呢?这样能提高效率啊。JavaScript的单线程,与它的用途有关。作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM。这决定了它只能是单线程,否则会带来很复杂的同步问题。比如,假定Java转载 2017-02-23 21:56:49 · 284 阅读 · 0 评论 -
js 如何实现sum(2,3)===sum(2)(3);
function sum() { var num = arguments[0]; if(arguments.length === 2) { return arguments[0] + arguments[1] } else { return function(sec) { return num + sec; } } }原创 2017-02-23 22:12:43 · 5546 阅读 · 0 评论 -
逻辑与和逻辑或运算符
console.log("0 || 1 = "+(0 || 1));console.log("1 || 2 = "+(1 || 2));console.log("0 && 1 = "+(0 && 1));console.log("1 && 2 = "+(1 && 2));逻辑与和逻辑或运算符会返回一个值,并且二者都是短路运算符:逻辑与返回第一个是 false 的操作数 或者原创 2017-02-23 23:17:45 · 956 阅读 · 0 评论 -
JavaScript的引用类型
Object类型 Object类型是JavaScript中使用最多的一种类型。虽然Object的实例不具备多少功能,但对于在应用程序中存储和传输数据而言,它确实是非常理想的选择。 创建Object实例的方式有两种,第一种是使用new操作符后跟Object构造函数。 var person = new Object(); person.name = "tt";转载 2017-02-24 00:15:50 · 230 阅读 · 0 评论 -
canvas制作时钟js代码
var dom = document.getElementById('clock');var ctx = dom.getContext('2d');var width = ctx.canvas.width;var height = ctx.canvas.height;var r = width / 2;//定义钟盘function drawBackground(){原创 2017-03-03 17:09:43 · 285 阅读 · 0 评论 -
如何取消鼠标右键功能
只需要将下面的代码放到代码里就可以了document.oncontextmenu=function(){ return false;}原创 2017-03-14 13:44:29 · 1796 阅读 · 0 评论
分享