下面分类了JS中必备的知识也是必须要了解学会的! 事件: onmousedown 鼠标按下 onmouseup 鼠标抬起 onmouseover 鼠标移入 onmouseout 鼠标移除 onmousemove 鼠标移动 onclick 点击事件 onfocus 获得焦点 onblur 失去焦点 oncontextmenu 鼠标右键 onsubmit 表单提交//不会有冒泡的,坑 onkeydown 键盘按下 onkeyup 键盘抬起 onload 页面加载 onscroll 页面滚动 onresize 窗口大小变化 鼠标滚轮事件onmousewheel DOMMouseScroll 输入框中value改变触发的事件onreadystatechange attachEvent事件绑定(IE)addEventListener 事件绑定(标准) event对象 clientX/clientY 鼠标当前窗口的位置 取消冒泡cancelBubble 键盘键值keyCode 特殊的键值Event altKey、ctrlKey、shiftKey 阻止默认事件preventDefault()return false DOM操作: getElementById 获取ID元素 getElementsByTagName 获取tag类元素 childNodes 子节点 特殊浏览器包括默认的文本节点(换行等……) children 子节点 firstChild/firstElementChildlastChild/lastElementChild兄弟节点 nextSibling/nextElementSiblingpreviousSibing/previousElementSibing parentNode 父节点 offsetParent 有定位属性的父节点 nodeType 节点类型 offsetWidth 元素的宽度(包括padding和border) offsetHeight 元素的高度(包括padding和border) clientWidth 可视区宽度 clientHeight 可视区高度 createElement 创建dom节点 appendChild 插入子节点 insertBefore 在子节点的第一个前面插入 removeChild 删除子节点 replaceChild 替换节点 并返回被替换元素 BOM操作: window.open() window.close() window.location window.location.search window.location.hash window.navigator.userAgent js基础: 判断 if else switch case ? : 循环 for for in while 跳出循环 continue break 比较undefined null === == ! 定时器类 setTimeout clearTimeout setInterval clearInterval 参数集合 arguments 调回THIS指向 call apply callee 数组和数组操作 var arr = []; var arr = new Array(); push pop shift unshift splice join sort concat 字符串操作 split substring indexOf charAt 正则 var re = //; var re = new RegExp(); search match test replace 量词: {n,m} + * ?字符类: [^0-9]标识: i g首尾: ^ $转义: \d \s \b \w JS时间 var oDate = new Date(); getHours() getMinutes() getSeconds() getFullYear() getDay() getDate() setDate() 图片预加载 var oImg = new Image(); 常用方法: getByClass() getStyle() posLeft() veiwHeight() documentHeight() scrollY() first() last() next() pre() 常用的JS操作应用 加开关:bBtn 加索引:index 枚举 递归 迭代 定时器 alert/console.log测试 JS运动类的应用 匀速运动 缓冲运动 弹性运动 碰撞运动 运动框架编写/使用 Math函数应用: max min abs random ceil floor round ajax内容: 什么是ajax? post和get的区别? 发送数据是什么样的? 返回数据是什么样的? ajax的编写步骤? json怎么取? 面向对象: 什么是面向对象? 引用类型是什么意思? 原型是什么? 面向对象怎么写? 继承采用的方式? this指向理解?
相关推荐
。。。
。。。
这份文件是一份前端十年经验的JavaScript基础知识大纲,主要是为了帮助前端开发者系统地学习和掌握JavaScript的基础知识。该大纲采用思维构图的方式,将JavaScript的基础知识按照不同的主题进行分类和整理,包括数据...
学习JavaScript的第一步是理解其语法和基本概念。这包括了学习如何创建JavaScript代码块,熟悉JavaScript的基本对象,了解语法规则和数据类型,以及掌握流程控制与错误处理的方式。此外,对于初学者来说,一些优质的...
示例中包含了JavaScript的基本语法,如变量声明、条件语句、事件监听和处理等,这些是学习JavaScript时必须掌握的基础知识。 DOM操作: 通过获取HTML元素(如输入框、按钮等)并操作它们的值或属性,示例展示了如何...
通过思维导图的方式,快速了解掌握JavaScript的基本内容
JavaScript基础知识大全思维导图模式是一个全面涵盖JavaScript编程语言基础概念的...无论是想要学习JavaScript基础知识,还是希望系统回顾已学知识,JavaScript基础知识大全思维导图模式都是一个非常实用的学习资源。
第3课 JavaScript函数 掌握函数的使用,学习函数的封装,体会代码复用的过程和它带来的便利 第二阶段: JavaScript DOM和BOM 第1课 JavaScript内置对象 学习内置对象的常用属性和方法,方便我们开发中直接调用,...
里面详细介绍了javascript的基础知识,逐步深入,让你快速掌握JavaScript技术。
教程内容涵盖了JavaScript的基本语法、变量、数据类型、运算符、循环、函数、对象、数组、错误处理等基础知识,同时也包括了DOM操作、事件处理、异步编程、ES6新特性等高级主题。每个主题都配有详细的示例代码和练习...
本内容梳理了20个高频面试题,涵盖了JavaScript的基础知识、高级特性以及编程技巧,帮助求职者深入理解JavaScript的核心概念,提升面试表现。 适应人群: 即将参加前端开发岗位面试的求职者 希望提升JavaScript技能...
本思维导图涵盖HTML、CSS所需掌握的主要应用知识,及JavaScript基础语法,是本人2020年暑假学习笔记,总计...体系清晰,逻辑分明,适合已学习人群对基础知识的复习,初学者也可以以此为基础进行自己的知识体系创建。
一个周前自己较系统地学完 javascript,但老感觉自己对基础语法部分的掌握不够扎实,javascript 的基础语法内容实在是丰富灵活,但这部分是进大厂必不可缺的知识,于是花了不少时间耐心整理了这篇笔记,以此夯实基础...
JavaScript全套教学资料是为初学者和有一定基础的学习者准备的全面学习指南,涵盖了JavaScript语言的各个方面,从基础知识到高级技巧,从语法到实际应用,为学习者提供了系统而全面的学习路径。 ### 内容特点: 1....
学习java的一些补充知识也是必须掌握的知识,包括javascript 与java的区别, 关于寻找class文件原理,关于jdk和jre,一些java基础,动态加载机制等等
Python⼊门教程⼁1300多⾏代码,让你轻松掌握基础知识点 欢迎点击右上⾓关注⼩编,除了分享技术⽂章之外还有很多福利,私信学习资料可以领取包括不限于Python实战演练、PDF电⼦⽂档、⾯ 试集锦、学习资料等。...
更高效的学习JavaScript和jQuery,快速成为一名Web前端工程师,零基础快速掌握 作者:(美)达科特(Duckett, J.)出版社:清华大学出版社 第1章 编程基础知识 第2章 JavaScript基础指令 第3章 函数、方法与对象 第4章 ...
很好的入门学习资料,系统的掌握javascript知识
Vue是一种流行的JavaScript框架,用于构建交互式Web应用程序。本文将介绍Vue的基础知识,包括Vue...无论您是初学者还是有经验的开发人员,本文都将为您提供有用的信息和实用的技巧,帮助您更好地掌握Vue的基础知识。
async和await用法 avaScript异步编程是Web前端开发的重要基础,而async/await是目前比较流行... 对于初学者,可以通过本文学习async/await的基本概念和使用方法,快速掌握JavaScript异步编程的基础知识,提高开发效率。