前端学习

了解面向对象编程中的一般概念 能够基于构造函数创建对象 理解 JavaScript 中一切皆对象的语言特征 理解引用对象类型值存储的的特征 掌握包装类型对象常见方法的使用 1. 深入对象 利用对象字面

1. 作用域 作用域（scope）规定了变量能够被访问的范围，离开了这个“范围”,变量便不能被访问，作用域分为全局作用域和局部作用域。 1.2 局部作用域 局部作用域分为函数作用域和块作用域。 1.2

1. tab栏切换——排他思想 使用场景： 切换tab栏时，改变选项的选中状态 排他思想： 移除上一个选中状态的选中类名 为当前元素添加选中类名 2. 表单验证 验证表单内容时，建议使用函数，当失去焦

1. 正则表达式 正则表达式（Regular Expression）是一种字符串匹配的模式（规则）。在 JavaScript中，正则表达式也是对象 使用场景： 例如验证表单：手机号表单要求用户只能输入

1. js组成 JavaScript的组成 ECMAScript: 规定了js基础语法核心知识。 比如：变量、分支语句、循环语句、对象等等 Web APIs : DOM 文档对象模型， 定义了一套操作

1. 日期对象 掌握 Date 日期对象的使用，动态获取当前计算机的时间。 ECMAScript 中内置了获取系统时间的对象 Date，使用 Date 时与之前学习的内置对象 console 和 Ma

checked伪类选择 1. 事件流 事件流是对事件执行过程的描述，了解事件的执行过程有助于加深对事件的理解，提升开发实践中对事件运用的灵活度。 如上图所示，任意事件被触发时总会经历两个阶段：【捕获阶

1. 事件监听（绑定） 1.1 什么是事件 事件是在编程时系统内发生的动作或者发生的事情，比如用户在网页上单击一个按钮 1.2 什么是事件监听 就是让程序检测是否有事件产生，一旦有事件触发，就立即调用

复习： splice() 方法用于添加或删除数组中的元素。 **注意：**这种方法会改变原始数组。 删除数组： splice(起始位置， 删除的个数) 比如：1 添加元素 splice(起始位置，删除

随机数函数 Math.random() 随机数函数， 返回一个0 - 1之间的随机小数，其范围是[0, 1）(注意是左开右闭，包含0不包含1) 随机点名案例： 猜数字游戏： 生成随机颜色： 拓展 一些

对象 什么是对象 对象（object），是JavaScript中的一种数据类型，由属性和方法两部分构成。 对象（object）可以理解为一种无序的数据集合（数组是有序的数据集合），多用来描述某个事物

函数（function） 函数（function）是被设计为执行特定任务的代码块 可以把具有相同或相似逻辑的代码“包裹”起来，通过函数调用执行这些被“包裹”的代码逻辑，这么做的优势是精简代码方便复用。

if 多分支语句和 switch的共同点和区别 共同点 都能实现多分支选择， 多选1 大部分情况下可以互换 区别： switch…case语句通常处理case为比较确定值的情况，而if…else…语句

运算符 概述 操作符和操作数 操作符：运算符，参与运算的符号，操作符不一定只有一个符号 操作数：参与运算的数据，也称之为“元” 运算符的分类 按照操作数的数量区分： 一元运算符：.、()、[]、正号（

JavaScript介绍 介绍 JavaScript是什么？ JavaScript是一种运行在客户端（浏览器）的编程语言，实现人机交互效果 JavaScript能做什么？ 网页特效 表单验证 数据交互

@规则 at-rule: @规则、@语句、CSS语句、CSS指令 import @import "路径"; 导入另外一个css文件 2. charset @charset "utf-8"; 告诉浏览器

iframe元素（框架页） 通常用于在网页中嵌入另一个页面 iframe为可替换元素 通常为行盒 通常显示的内容取决于元素的属性 CSS不能完全控制其中的样式 具有行块盒的特点（盒模型中的各个尺寸都可

更多的选择器 更多伪类选择器 first-child 选择第一个子元素 first-of-type，选中子元素中第一个指定类型的元素 last-child 选中最后一个子元素 last-of-type

定位练习 1. 二级菜单 第一步，设置一级菜单内容及样式 HTML文件 CSS文件-第一步 第二步，设置二级菜单内容及样式 HTML文件 出现问题1： 浮动元素的宽度为auto时表示宽度适应内容，内容

浮动 视觉格式化模型，大体上将页面中盒子的排列分为三种方式： 常规流 浮动 定位 应用场景 文字环绕 横向排列 浮动的基本特点 修改float属性值为： left：左浮动，元素靠上靠左 right：右