摘要:总结 概述: Javascript :弱类型的运行在客户端的脚本语言 脚本语言:不需要编译,运行过程中由js解析器(js引擎) 逐行进行解释并执行 现在 javascript 也可以基于Node.JS技术进行服务器端编程(让JavaScript运行在服务器端的环境) 浏览器 渲染引擎和js引擎 浏览
阅读全文
摘要:json数据 json是存储数据的一种格式 Javascript Object Notation(JavaScript对象表示法) json是存储和交换文本信息的语法,类似XML,JSON比XML更小,更快更易解析 什么是JSON JSON是轻量级的文本数据交换格式 JSON是对立与语言,使用Jav
阅读全文
摘要:闭包 闭包: 有权访问另一个函数作用域中变量的函数, 一个作用域可以访问另外一个函数内部的局部变量 作用:延伸了变量的作用范围 特性: 变量或者参数不会被垃圾回收机制回收 函数套函数 内部函数可以直接访问外部函数的内部变量或者参数 优点: 变量长期驻扎在内存中 避免了全局变量污染 缺点: 常驻内存,
阅读全文
摘要:改变函数内this指向 call call调用函数,可以简单理解成调用函数的方式,可以改变函数内的this指向 场景:做继承 var o = { name: 'lucy', } function fn(a, b) { console.log(this) console.log(a + b) }
阅读全文
摘要:trim方法去除字符串两边的空格 // trim去除两端的空格 var str = ' hello ' console.log(str.trim()) var str1 = ' h e ll o ' console.log(str1.trim()) 获取对象的属性名 Object .keys获取当前
阅读全文
摘要:构造函数实例和原型对象关系 构造函数的prototype指向了构造函数的原型对象 实例对象是由构造函数创建的,实例对象的__proto__属性指向了构造函数的原型对象 构造函数的原型对象的constructor属性指向构造函数,实例对象的原型的constructor也指向了构造函数 原型链和成员的查
阅读全文
摘要:构造函数和原型 对象的三种创建方式 字面量 var obj={} new 关键字 var obj = new Object() 构造函数创建 function Person(){ this.name='zs' this.age=12 } var p=new Person() <script> //1
阅读全文
摘要:触屏事件 触屏事件概述 移动端浏览器兼容性较好,我们不需要考虑js的兼容性问题,可以放心使用原生js书写效果。移动端有自己独特的地方,比如触屏touch(触摸事件),Android和ios都有。touch对象代表一个触摸点。触摸点可能是一根手指,也可能是一根触摸笔。触屏事件可以响应用户手指对屏幕或者
阅读全文
摘要:网页轮播图 步骤: 鼠标经过轮播图模块,左右按钮显示,离开隐藏左右按钮 点击右侧按钮一次,图片往左播放一次,以此类推,左侧按钮同理 图片播放的同时,下面小圆圈模块跟随一起变化 点击小圆圈,可以播放相应的图片 鼠标不经过轮播图,轮播图也会自动播放图片 鼠标经过轮播图,自动播放停止 js部分 // 1
阅读全文
摘要:三大系列总结 element.offsetWidth 返回自身包括padding,边框,内容区的宽度,返回值不带单位 element.clientWidth 返回自身包括padding,内容区的宽度,不含边框,返回值不带单位 element.scrollWidth 返回自身实际的宽度,(paddin
阅读全文
摘要:元素偏移量offset offset就是偏移量,使用offset的相关属性可以动态地得到该元素的位置(即偏移),大小等 offset系列属性 element.offsetTop 返回元素相对带有定位父元素上方的偏移 element.offsetLeft 返回元素相对带有定位父元素左侧的偏移 elem
阅读全文
摘要:排他思想 排除其他人,然后设置自己的样式,这种排除其他人的思想称为排他思想 给所有元素全部清除样式(干掉其他人) 给当前元素设置样式(留下自己) 顺序不能颠倒,先干掉其他人,再设置自己 <button>按钮1</button> <button>按钮2</button> <button>按钮3</bu
阅读全文
摘要:操作元素 javascript的DOM操作可以改变网页的内容、结构和样式。我们可以利用DOM操作元素来改变元素里面的内容、属性(这些操作都是通过元素对象的属性实现的) 1、改变元素内容(获取或设置) element.innterText 从起始位置到终止位置的内容,但是去掉html标签,空格和换行也
阅读全文
摘要:809笔记 检测是否为数组的方法 //1.instanceof 是一个运算符,可以用来检测是否为数组 var arr = []; var obj = {}; console.log(arr instanceof Array) // true 看arr是否是Array的一个实例 console.log
阅读全文
摘要:数组去重 var arr = [1, 2, 3, 4, 5, 2, 3, 4, 5, 6, 2, 2, 3, 4, 5] // 1、定义一个空数组 var list = [] // 2、遍历数组 for (var i = 0; 9 < arr.length; i++) { if (list, ind
阅读全文
摘要:数组排序(续) reverse:将数组元素逆序 /* reverse:将数组元素逆序 返回值:逆序后的数组 是否影响原数组:是 */ var arr = [4, 2, 100, 3, 5] var res = arr.reverse() console.log(arr) //[5,3,100,2,4
阅读全文
摘要:数组 变量:存储数据的,只能存储一个值 var name='张三'; var age=12; 对象:有本质特征和行为的事物,能存储一条数据(里面可以有多个字段) var obj={name:'张三',age=12,score:100} 数组:可以存储一组(多条数据)或者一系列相关数据的容器。 好处:
阅读全文
摘要:arguments 实参的副本是arguments 接收调用函数时的所有实参 function fn(a){ console.log(arguments) } fn(12,23,34,25,28,29) 匿名函数 匿名函数:没有名字的函数 //将匿名函数赋值给一个变量 var fn = functi
阅读全文
摘要:事件和函数的关系 box.innerHTML=nine(); //通过js给div元素添加内容 函数的返回值 一个变量只声明不赋值,值是undefined,类型也是undefined(不是报错) var a console.log(a) 没有声明变量,直接使用变量——报错 console.log(b
阅读全文
摘要:函数返回值return return返回结果 将函数内部处理后的结果返回到调用该函数的地方(需要变量接收) 在函数里面定义的变量,在函数外面是无法直接使用的**,会报错not defined function fn(){ var a=10; //在函数中定义的变量a console.log(a) }
阅读全文