盐城网站开发效果,微信公众号文章发布,网站设计 西安,做美工参考网站一. 总体介绍 结合近半年来前端的项目的经验#xff0c;这里梳理一下JS常用知识#xff0c;方便自己日后温习查找#xff0c;同时给广大JS入门者提供一些帮助#xff0c;文章中如有错误#xff0c;欢迎指出。这里从JS基础、Dom操作、JS进阶、四大家族、动画、面向对象入门…一. 总体介绍 结合近半年来前端的项目的经验这里梳理一下JS常用知识方便自己日后温习查找同时给广大JS入门者提供一些帮助文章中如有错误欢迎指出。这里从JS基础、Dom操作、JS进阶、四大家族、动画、面向对象入门等方面着重介绍一套JS相对完善的前端JS体系。 二. 详细介绍
一. JS基础 (1). 常用8个常用事件onclick(单击)、ondbclick(双击)、onfocus(聚焦)、onblur(离开)、onchange(内容改变)、onmouseover(移入)、onmouseout(移出)、onkeyup(键盘按下)、window.onload(页面加载)、window.unload(页面关闭)。 (2). 常用的输出alert()、console.log()、console.warn()、console.error()、document.write()。 (3). 常用的获取方法 a.根据id获取document.getElementById() b.根据类名获取document.getElementsByClassName() c.根据标签获取document.getElementsByTagName() (4). 属性的获取和设置 Aclass内的属性的设置js对象.style.className; class内的属性的获取结合currentStyle和getComputedStyle进行封装。 B标签内其他属性 获取节点属性getAttribute(“属性名”) 设置节点属性setAttribute(“属性名”“属性值”) 删除节点属性removeAttribute(“属性名”) (5). 常用数据类型 字符型、布尔型、数值型相互之间的转换方式、获取数据类型的方法 (6). 数组 A数组声明的两种形式常规new形式、类似于字面量的形式。 B数组增加的两种方式push()和unshift()。 C数组删除的两种方式pop()和shift()。 D数组的连接concat()。 E数组和字符串的转换 join()和split()。
二. Dom操作 (1). 获取节点 A父节点parentNode B: 首尾节点firstElementChildfirstChild和 lastElementChildlastChild C: 上一个和下一个兄弟节点nextElementSiblingnextSibling和 previousElementSiblingpreviousSibling D子节点 childNodes和children (2). 节点操作 A: 创建document.createElement( ) B插入insertBefore()和appendChild() C移出: removeChild() D复制clone()
三. JS进阶 (1). 函数基础 A: 函数变量提升: 在函数内声明与函数外相同名称的变量内部变量级别将提升函数表达式和函数的区别。 B常用函数slice、toFixed、substring等 C日期函数 D定时器函数setTimeout() 、setInterval()。 E运算符基础短路表达式 (2). 闭包 A: 闭包的目的和原理 B闭包常用的两种写法 C闭包的参数传递 D闭包的应用闭包节流 (3). 冒泡 A: 冒泡的原理 B阻止冒泡的js的兼容写法 C阻止冒泡的JQuery兼容写法以及JQuery中一些方法中可以通过return false来阻止冒泡 D阻止冒泡和阻止默认行为的区别
四. 四大家族 (1). offset家族 A: 自身宽高offsetWidth和offsetHeight 包含padding和border B距有定位的长辈的距离 offsetLeft和offsetTop C距有定位的长辈中最近的元素offsetParent DoffsetXX和style.XX的区别 (2). scroll家族 A: scrollTop和scrollLeft的兼容性写法 BscrollTo(x,y)的用法 C与JQuery方式进行对比 D案例回到屏幕顶部 (3). event家族 Aevent.pageX 、event.clientX 、eventscreenX B盒子中某点位置的计算公式 (4). client家族 A获取clientHeight或clientWidth的兼容性写法 B与scrollHeight和offsetHeight的区别
五. 动画 (1). 匀速动画 封装公式 (2). 缓动动画 封装各种情况与JQuery对比
六. 面向对象入门 简单介绍面向对象的基础入门后在面向对象章节详细介绍。
