很多人都知道this指针，这篇文章的主要目的是为了培训我们公司的新人。默认的this指针指向规则1this指针默认指向方法调用时为其指定的对象，如：obj.fun()，fun方法体中的this指针指向obj。 代码如下:var user = { name: 段光伟 };user.getName = function(){ return this.name; };user.getName(); //返回‘段光伟 代码如下:var user = { name: 段光伟 }; user.getName = function(){ return this.name; }; user.getName(); //返...
代码如下: var intervalBody = function(){ console.log(interval); } var startInterval = function(){ setInterval(intervalBody,1000); } var timeoutBody = function(){ console.log(timeout); } var startTimeout = function(){ setTimeout(timeoutBody,1000); } var sleep = function(second){ var current = new Date().setSeconds(new Date().getSeconds() + second); while(new Date() < current...
上周四吃完午饭，leader发了一道JavaScript的题目给我们做，我们Team里面有做前端的，有做后台的，也有坐mobile web的，所以大家对题目的理解各自都不一样，然后在QQ讨论组里面进行讨论。发现虽然很基础，但是通过讨论收获不少，分享出来。当然在有开发经验的开发者看来，这些都是学习JavaScript最基础的东西。因为平时都是用jQuery或者第三JS组件，所以对JavaScript基础学习不够重视。题目如下，问题是：2次alert分别输出什么结果...
JavaScript 数组 JavaScript 函数基础 Javascript 运算符JavaScript 流程控制 JavaScript 正则表达式 JavaScript 字符串函数JavaScript 数据类型 JavaScript 变量 Window 对象DOM 基本操作由于上面的图片比较大，建议大家下载到本地查看
1、IE里起作用，火狐不起作用 IE版本 代码如下: function checkALL(str)//全选控制的JS { var a=document.getElementsByName(str); var n=a.length; for(var i=0;i{ a[i].checked=window.event.srcElement.checked; } } 火狐版本 代码如下: function checkALL(str)//全选控制的JS { var a=document.getElementsByName(str); var n=a.length; for(var i=0;ia[i].checked=document.getElementById("all").checked; } } 原因分...
1.JavaScript大小写敏感；2.声明变量如果不写var，则为声明了全局变量;任何不是方法的函数，都是全局变量，其里面的this都指向window;3.%运算符，求余数，保留整数，y=5;x=y%2;则x=1;4.如需把两个或多个字符串变量连接起来，请使用 + 运算符，区别于php；5.三目运算：greeting=(visitor==”PRES”)?”Dear President “:”Dear “;6.indexOf()方法，从0算起，空格也算一位；7.Math.floor()向下取整数，返回的值小于或等于该数，Mat...
一、jquery源码中常见的知识点1.string，number类型转换的快捷方法代码如下: // @param s为字符串，n为数字 function fn(obj){//转换为String类型var s = obj +"";//转换为number类型var n = +obj; }分享一个面试例子： //加会将其后面自动转换成字符串 "64"+4="644" //减会将其自动转换成数字 "64"-4=602.bool类型转换!!obj，将其强制转换为bool类型代码如下: alert(!!0) //结果为false alert(!!"33dd") //结果为true!obj，取相...
今天简单的学了一下js运动动画，记录一下自己的心得体会，分享给大家。下面是我整理出来的结果。 知识点一：速度动画。1.首先第一步实现速度运动动画，封装一个函数，用到的知识是setInterval(function(){代码如下:oDiv.style.left=oDiv.offsetLeft+10+"px";},30).对于这里为什么要用到offsetLeft，我特意百度了一下，我得到的有用信息是：a.offsetLeft和left的相同之处都是表示子节点相对于父节点的左位置。b.但是left是既可以读又...
一：Node类型 DOM1级定义了一个Node接口，该接口是由DOM中的所有节点类型实现。每个节点都有一个nodeType属性，用于表明节点的类型，节点类型在Node类型中有以下几种： Node.ELEMENT_NODE(1); 元素节点 Node.ATTRIBUTE_NODE(2); 属性节点 Node.TEXT_NODE(3); 文本节点 Node.DOCUMENT_NODE(9); 文档节点 其实还有很多种，但是那些都不是很常用，所以就来理解这其中4种就可以了，我们先来看看节点类型，比如如下代码： HTML代码如下：...
本文总结了JS运动相关知识点。分享给大家供大家参考，具体如下： 1.多物体运动框架所有东西都不能共用 2.document.title输出频率不能太高 3.在写JS时尽量避免写小数，因为计算机内部都是模拟的，而不是实际存储的 如：0.07*100 在JS运算里不是为7var a=3; var b=3.00000000000000000001; alert(a=b);输出的结果却是true 4.写程序思考时先思考一般，再思考特殊，写程序是，先排除特殊，然后写一般if(特殊1) {} else if(特殊2) {} el...
JavaScript的性能问题不容小觑，这就需要我们开发人员在编写JavaScript程序时多注意一些细节，本文非常详细的介绍了一下JavaScript性能优化方面的知识点，绝对是干货。 先给大家巩固下javascript基本语法： javascript基本语法 定义变量统一用var关键字 语法：var 变量名称=变量值 标示符：①、由字母数字下划线构成 不能以数字开头 不能是关键字 严格区分大小写 数据类型： 数值型：number 字符串：string 布尔型：boolean 特殊数...
一、针对js文件的加载位置 在HTML文件中，标签是可以加在区域和区域的。这里鉴于JavaScript执行和UI渲染的单线程原因，如果js文件载入会阻塞后面对于页面的解析过程，页面会等到js文件完全加载并运行后才继续执行该做的操作。那么问题就来了，这样可能会出现页面空白or卡顿现象。作为一名前端开发，重要的不仅仅止于实现了需求，应该还有优质的用户体验。那么我们就需要消除用户枯燥的等待，针对这个问题，这里有本兽想到的两种解决...
js 元素offset,client , scroll 三大系列总结1，element.offsetWidth : 包括 padding 和 边框 2，element.clientWidth : 包括 padding ，不包含边框 ， 内容超出会溢出盒子的时候，就用scrollWidth 3，element.scrollWidth : 不包含边框 主要用法： 1，offset 系列 经常用于获得元素位置 offsetLeft offsetTop 2，client经常用于获取元素大小， clientWidth , clientHeight 3，scroll经常用于获取滚动距离，scrollTop scrollLeft 4...
vue概念：vuex 是 Vue 配套的 公共数据管理工具，它可以把一些共享的数据，保存到 vuex 中，方便 整个程序中的任何组件直接获取或修改我们的公共数据； 配置vuex的步骤： 1、运行cnpm i vuex -S 2、导包 import Vuex from vuex3、将vuex注册到vue中 Vue.use(Vuex)4、new Vuex.Store() 实例，得到一个 数据仓储对象 var store = new Vuex.Store({state: {// 大家可以把 state 想象成 组件中的 data ,专门用来存储数据的// 如果在 组...
在进行老生代的标记清除法回收以前，还会有一个新生代的垃圾回收算法执行。 新生代和老生代 所谓新生代，指的是新产生的对象；老生代就是经历过新生代垃圾回收后还“存活”下来的对象。 新生代的垃圾回收算法 Scavenge GC 算法很简单： 1. 我们维护一个列表，老生代对象每次指向一个新生对象的时候，记录下来；每次删除指向的时候，删除记录。（这样我们就知道新生代对象里面，哪些对象是存活的了） 2. 我们把新生代对象的内存平均...