文章分类 -  javascript

jquery中index()方法的理解
摘要:1.$(this).index()的理解$(selector).index()获得第一个匹配元素相对于其同级元素的 index 位置。例如: <!DOCTYPE html> <html> <head> <script src="http://libs.baidu.com/jquery/1.10.2/ 阅读全文

posted @ 2017-04-02 15:04 .smile 阅读(294) 评论(0) 推荐(0) 编辑

原生js实现ready方法
摘要:浏览器加载页面的顺序: 1、 解析HTML结构 2、 加载外部脚本和样式表文件 3、 解析并执行脚本代码 4、 构造HTML DOM模型==ready() 5、 加载图片等组件 6、 页面加载完毕==onload() ready事件是在DOM模型构造完毕时触发 load事件是在页面加载完毕后触发 r 阅读全文

posted @ 2017-03-30 14:21 .smile 阅读(2679) 评论(0) 推荐(0) 编辑

JavaScript:彻底理解同步、异步和事件循环(Event Loop)
摘要:一. 单线程 我们常说“JavaScript是单线程的”。 所谓单线程,是指在JS引擎中负责解释和执行JavaScript代码的线程只有一个。不妨叫它主线程。 但是实际上还存在其他的线程。例如:处理AJAX请求的线程、处理DOM事件的线程、定时器线程、读写文件的线程(例如在Node.js中)等等。这 阅读全文

posted @ 2017-03-18 14:30 .smile 阅读(251) 评论(0) 推荐(0) 编辑

event对象关于点击坐标的几个属性的理解
摘要:event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.clientY,但它们使用的 阅读全文

posted @ 2017-03-11 19:50 .smile 阅读(883) 评论(0) 推荐(0) 编辑

JS中String对象的常用方法
摘要:1、charCodeAt方法返回一个整数,代表指定位置字符的Unicode编码。 strObj.charCodeAt(index) 说明: index将被处理字符的从零开始计数的编号。有效值为0到字符串长度减1的数字。 如果指定位置没有字符,将返回NaN。 例如: var str = "ABC";  阅读全文

posted @ 2017-02-23 12:56 .smile 阅读(6291) 评论(0) 推荐(2) 编辑

对JS中&&的理解
摘要:运算符可以从三个不同的层次进行理解。 第一层理解 当操作数都是布尔值时,“&&”对两个值执行布尔与(AND)操作。 复制代码代码如下: x==0 && y==0 // 只有当x和y都是0时,才返回true 关系运算符的优先级比”&&”要高。 第二层理解 ”&&“可以对真值和假值进行布尔与(AND)操 阅读全文

posted @ 2017-02-22 17:46 .smile 阅读(925) 评论(0) 推荐(0) 编辑

js中的回调函数的理解和使用方法
摘要:js中的回调函数的理解和使用方法 一. 回调函数的作用 js代码会至上而下一条线执行下去,但是有时候我们需要等到一个操作结束之后再进行下一个操作,这时候就需要用到回调函数。 二. 回调函数的解释 因为函数实际上是一种对象,它可以存储在变量中,通过参数传递给另一个函数,在函数内部创建,从函数中返回结果 阅读全文

posted @ 2017-02-22 13:19 .smile 阅读(1012) 评论(0) 推荐(0) 编辑

JS显性数据类型转换和隐性数据类型转换
摘要:一、JS需要类型转换的原因 JS是一种弱类型语言,变量没有类型限制,可以随意赋值。如: [javascript] view plain copy var a=5; console.log(typeof a);//number a='我是字符串'; console.log(typeof a);//st 阅读全文

posted @ 2017-02-19 19:33 .smile 阅读(684) 评论(0) 推荐(0) 编辑

原生js批量操作css的方法
摘要:如果网页中一个 id为“no”的标签,暂且当div标签来tell;想要在js中设置这个div的css样式,很一般的做法是: var obj = document.getElementById('no');obj.style.width = '400px';obj.style.height = '30 阅读全文

posted @ 2017-02-19 19:09 .smile 阅读(398) 评论(0) 推荐(0) 编辑

JavaScript中this的9种应用场景及三种复合应用场景
摘要:【场景1】全局环境中的this指向全局对象 this.a = 10; alert(a);//10 b = 20; alert(this.b);//20 var c = 30; alert(this.c);//30 【场景2】对象内部函数的this指向调用函数的当前对象 var a = 10; var 阅读全文

posted @ 2017-02-17 20:30 .smile 阅读(527) 评论(0) 推荐(0) 编辑

导航

点击右上角即可分享
微信分享提示