javaScript
lj深
前端工程师
展开
-
js 滚轮事件
谷歌浏览器滚轮事件 :mousewheel火狐浏览器滚轮事件 :DOMMouseScroll鼠标滚轮滚动方向: 谷歌:e.wheelDelta 120倍数 向前 e.wheelDelta -120倍数 向后 火狐:e.detail -3 向前 e.detail 3 向后鼠标滚轮事件兼容函数function mousewheel(dom,callback)...原创 2019-10-30 12:24:17 · 256 阅读 · 0 评论 -
ES6 let,const和for循环块级作用域
let和var的区别var能够在同一个作用域中重复声明变量let不能够在同一个作用域中重复声明变量全局作用域中var声明的变量,会自动成为window对象的属性全局作用域中let声明的变量,不会自动成为window对象的属性变量提升 JavaScript 中,函数及变量的声明都将被提升到函数的最顶部。 JavaScript 中,变量可以在使用后声明,也就是变量可以先使用再声明。...原创 2019-10-30 11:41:04 · 548 阅读 · 0 评论 -
ES6解构赋值
解构赋值:拆解数据解构,来给变量赋值如果左边模式只匹配到右边模式的所有,则这个解构是完全解构如果左边模式只匹配到右边模式的一部分,则这个解构是不完全解构如果左侧模式中的个别变量没有匹配到右边模式,则这个解构是不成功解构//数组解构赋值let [ a , b ] = [ 5 , 6 ]; //a=5,b=6;//字符串解构赋值let [a, b, c, d, e] = 'hel...原创 2019-10-30 10:08:29 · 134 阅读 · 0 评论 -
js拖拽
拖拽使用的三个事件onmousedown //鼠标按下onmousemove //鼠标移动onmouseup //鼠标抬起<head> <style> img{ position:absolute; left:0; top:0; ...原创 2019-10-19 18:03:22 · 165 阅读 · 0 评论 -
js事件
事件的分类鼠标事件滚轮事件键盘事件DOM0级事件通过事件绑定的形式,dom元素只能有一个事件处理函数,则这种形式叫做DOM0级事件通过DOM0级事件绑定点击事件var box=document.getElementById("box");box.onclick=function(){ console.log("我被点击了");}移除绑定的点击事件box.onclick...原创 2019-10-19 17:43:49 · 126 阅读 · 0 评论 -
JavaScript脚本化CSS
行内样式和计算样式元素节点.style:获取的是行内样式表一般使用行内样式表来设置某些css属性含有连词符的css属性,需要使用小驼峰写法float是js里面的保留字,一般使用cssFloatvar box = document.getElementById("box");console.log(box.style.height);window.getComputedStyle...原创 2019-10-16 13:30:11 · 108 阅读 · 0 评论 -
DOM基础操作
javaScript的组成js语法:ECMAScriptDOM:Document Object Model(文本对象模型),可以操作html+cssBOM:Browser Object Model(浏览器对象模型)DOM树结构图DOM节点类型基于节点树的查询childNodes 查询所有的子节点们firstChild 查询第一子节点lastChild 查询最后一个子节点...原创 2019-10-14 11:10:39 · 197 阅读 · 0 评论 -
js正则表达式
正则表达式的作用:专门用来匹配字符串正则是一个引用数据类型:typeof 正则----->"object"创建正则表达式的方法//方式一:var reg=new RegExp("匹配的字符串");//方式二:var reg=/匹配的字符串/正则表达式的常用方法str.match(reg)按照指定的正则匹配,匹配出str中的符合规则的字符,如果没有则返回nullvar s...原创 2019-10-13 22:28:18 · 258 阅读 · 0 评论 -
js数组的常用方法
数组里面可以放任意的数据类型,数组的索引是字符串类型的,如果不是字符串类型,则会隐式转换成字符串类型数组的length属性储存了数组的长度push(数据1,数据2,…)向数组最后面添加多个数据,原数组被改变,返回值是改变后数组的lengthlet arr=[1,2,3];arr.push(4,5,6);//arr=[1,2,3,4,5,6];unshift(数据1,数据2,…)向数...原创 2019-10-12 11:44:22 · 90 阅读 · 0 评论 -
js字符串方法
str.length获取字符串的长度let str="javaScript"console.log(str.length); //10str[索引值]获取对应索引位置的字符串let str="javaScript"console.log(str[0]); //jstr.charAt(索引值)获取对应索引位置的字符串let str="javaScript"console.l...原创 2019-10-11 23:45:21 · 166 阅读 · 0 评论 -
JavaScript运算符
算数运算符加法运算符 : +加号两侧都是数字类型 作用:求两个数字的和NaN和任何数字做运算,结果都是NaNlet a=1+2;console.log(a)//a的结果为3加号有一侧是字符串类型或者是引用值时 作用:字符串拼接编译原理:1.会把非字符串的类型转换成字符串。2.转换的字符串与另一个字符串拼接let a=null+"ymeng" 计算过程:...原创 2019-10-07 18:32:06 · 264 阅读 · 0 评论 -
JavaScript 数据类型与数据转换
javaScritp数据类型与数据类型转换数据类型:数字类型:(Number)1 , 2 , -1 ,0字符串类型(String) 用一组单引号或者一组双引号包裹的数组‘1’ ,“1” ,“string”布尔类型(Boolean)true falseundefined 类型undefined 未定义的null 类型null 空对象数组...原创 2019-10-07 13:11:48 · 162 阅读 · 0 评论