简介:JavaScript如何“制霸”前端?
js工程师可以非常自信的说:在前端工作中,没什么是JavaScript实现不了的。
Web前端工程师入行门槛低,前景更广阔的,近些年来入行的新人数不胜数,而作为前端“万金油”万金油的JavaScript,热度自然居高不下。
本课程包含了很完善的JavaScript基础必备的知识。以知识点与小案例结合的形式书写,确保每个知识点都有对应的练习题,让你一边学习一边练习,重点知识及时实践,加深记忆,巩固学习成果。
学完本课程后,你可以掌握:js基础语法(变量、逻辑与、或、非)、数组、流程控制语句(判断、多种循环)、函数、事件、内置对象、浏览器对象、DOM等知识点
通过本门课程的学习,你可以顺利完成JavaScript基础入门,独立实现简单的页面交互,不论你是计算机专业毕业生,还是转行IT的新手程序员,本门课程都能带你无压力的入门JavaScript。
第1章 系好安全带,准备启航
本章节主要讲解如何在HTML文件中添加JavaScript代码,引用独立JS文件,学习必要的基础语法,为下一章学习打下基础。
第2章 你要懂的规则(JS基础语法)
本章节主要讲解变量声明、变量类型,如何对它们进行赋值、改变、计算等一系列操作,掌握不同运算符的使用方法,灵活运用算术运算符、比较运算符、逻辑运算符对变量和数值进行操作。
第3章 一起组团(数组)
本章节主要讲解数组的概念,如何创建、赋值、使用数组,如何获得数组长度。
第4章 跟着我的节奏走(流程控制语句)
通过本章,掌握控制语句的执行顺序。因为JavaScript程序中的语句一般按出现的顺序执行,有时这样执行不能满足我们的需要,因此大多数编程语言都提供了流程控制语句,控制代码的顺序。
第5章 小程序,大作用(函数)
函数是一段JavaScript代码,它只定义一次,可被执行或调用任意次。掌握函数的定义、引用。
第6章 事件响应,让网页交互
JavaScript和HTML之间的交互是通过用户和浏览器操作界面引发的事件来处理,本章介绍事件处理的概念,常用触发事件。
第7章 JavaScript内置对象
了解JavaScript自带一些内置对象,掌握Math、Date、字符基础对象和方法。
- 编程: 7-1 什么是对象
- 编程: 7-2 Date 日期对象
- 编程: 7-3 返回/设置年份方法
- 编程: 7-4 返回星期方法
- 编程: 7-5 返回/设置时间方法
- 编程: 7-6 String 字符串对象
- 编程: 7-7 返回指定位置的字符
- 编程: 7-8 返回指定的字符串首次出现的位置
- 编程: 7-9 字符串分割split()
- 编程: 7-10 提取字符串substring()
- 编程: 7-11 提取指定数目的字符substr()
- 编程: 7-12 Math对象
- 编程: 7-13 向上取整ceil()
- 编程: 7-14 向下取整floor()
- 编程: 7-15 四舍五入round()
- 编程: 7-16 随机数 random()
- 编程: 7-17 Array 数组对象
- 编程: 7-18 数组连接concat()
- 编程: 7-19 指定分隔符连接数组元素join()
- 编程: 7-20 颠倒数组元素顺序reverse()
- 编程: 7-21 选定元素slice()
- 编程: 7-22 数组排序sort()
- 编程: 7-23 编程练习
第8章 浏览器对象
介绍浏览器对象中,history,navigator,screen,location等。
- 编程: 8-1 window对象
- 编程: 8-2 JavaScript 计时器
- 编程: 8-3 计时器setInterval()
- 编程: 8-4 取消计时器clearInterval()
- 编程: 8-5 计时器setTimeout()
- 编程: 8-6 取消计时器clearTimeout()
- 编程: 8-7 History 对象
- 编程: 8-8 返回前一个浏览的页面
- 编程: 8-9 返回下一个浏览的页面
- 编程: 8-10 返回浏览历史中的其他页面
- 编程: 8-11 Location对象
- 编程: 8-12 Navigator对象
- 编程: 8-13 userAgent
- 编程: 8-14 screen对象
- 编程: 8-15 屏幕分辨率的高和宽
- 编程: 8-16 屏幕可用高和宽度
- 编程: 8-17 编程练习
第9章 DOM对象,控制HTML元素
通过本章学习,掌握如何控制HTML基础元素,如何在文档中选取单独的元素,如何建创、插入和删除元素,并修改样式等。
- 编程: 9-1 认识DOM
- 编程: 9-2 getElementsByName()方法
- 编程: 9-3 getElementsByTagName()方法
- 编程: 9-4 区别getElementByID,getElementsByName,getElementsByTagName
- 编程: 9-5 getAttribute()方法
- 编程: 9-6 setAttribute()方法
- 编程: 9-7 节点属性
- 编程: 9-8 访问子节点childNodes
- 编程: 9-9 访问子节点的第一和最后项
- 编程: 9-10 访问父节点parentNode
- 编程: 9-11 访问兄弟节点
- 编程: 9-12 插入节点appendChild()
- 编程: 9-13 插入节点insertBefore()
- 编程: 9-14 删除节点removeChild()
- 编程: 9-15 替换元素节点replaceChild()
- 编程: 9-16 创建元素节点createElement
- 编程: 9-17 创建文本节点createTextNode
- 编程: 9-18 浏览器窗口可视区域大小
- 编程: 9-19 网页尺寸scrollHeight
- 编程: 9-20 网页尺寸offsetHeight
- 编程: 9-21 网页卷去的距离与偏移量
- 编程: 9-22 编程练习