前端学习笔记

1. XMLHttpRequest的基本使用 1.1. 什么是XMLHttpRequest XMLHttpRequest(简称xhr)是浏览器提供的JavaScript对象，通过它，可以 请求服务器上

1. form表单的基本使用 1.1 什么是表单 表单在网页中主要负责数据采集功能。HTML中的<from>标签，就是用于采集用户输入的信息，并通过<form>标签的提交操作，把采集到的信息提交到服务

1.客户端与服务器 1.1. 上网的目的 上网的本质目的是通过互联网的形式来获取和消费资源 1.2. 服务器 上网过程中，负责存放和对外提供资源的电脑，叫服务器 1.3. 客户端 上网过程中，负责获取

类的继承 class 的 get 和 set 数值扩展 对象方法扩展 模块化 ES7新特性 ES8对象方法扩展 ES9 新特性 ES9正则扩展 ES10 Object.fromEntries ES10

ES介绍 ES全称ECMAScript ，是脚本语言的规范，而平时经常编写的JavaScript是ECMAScript的一种实现，所以ES新特性其实指的是JavaScript的新特性 let cons

1. 正则表达式概述 1.1. 什么是正则表达式 正则表达式（Regular Expression）是用于匹配字符串中字符组合的模式，在JavaScript中，正则表达式也是对象 匹配 替换 提取 正

1. 函数的定义和调用 1.1. 函数的定义方式 函数声明方式function关键字（命名函数） 函数表达式（匿名函数） new Function() var fn=new Function('参数1

1. 构造函数和原型 1.1. 概述 在典型的OOP语言中（如Java），都存在类的概念，类就是对象的模板，对象就是类的实例，但是在ES6之前，js中并没有引入类的概念 ES6，全称ECMAScrip

JavaScript进阶 1. 面向对象编程介绍 1.1. 两大编程思想 面向过程 面向对象 1.2. 面向过程编程POP（Process-oriented programming） 面向过程就是分析

1. ECharts简介 EChart是一个使用JavaScript实现的开源可视化库，可以流畅的运行在PC和移动设备上，兼容当前绝大多数浏览器，底层依赖矢量图形库zRener，提供直观，交互丰富，可

1. jQuery事件注册 单个事件注册 语法： 其他事件和原生基本一致 比如：mouseover mouseout blur focus change keydown keyup resize sc

1. jQuery属性操作 1.1. 设置或获取元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性，比如<a>元素里面的href 获取属性语法： 设置属性语法： 1.2. 设置或获取

1. jQuery概述 1.1 JavaScript库 JavaScript库：即library，是封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好

（接notes30） 2. 移动端常见特效 案例：移动端轮播图 移动端轮播图功能和PC端一致： 可以自动播放图片 手指可以拖动播放轮播图 自动播放功能： 开启定时器 移动端移动，可以使用transla

(接notes29) 4. 动画函数封装 4.4. 缓动效果原理 缓动动画就是让元素运动速度有所变化，最常见的是让速度慢慢停下来 思路： 让盒子每次移动的距离慢慢变小，速度就会慢慢落下来 核心算法：

PC端网页特效 1. 元素偏移量offset系列 1.1. offset概述 offset翻译过来就是偏移量，我们使用offset系列相关属性可以动态的得到该属性的位置（偏移）大小等 获得元素距离带有

1. 常用键盘事件 1.1. 常用键盘事件 事件除了用鼠标触发，还可以使用键盘触发 （常用键盘事件） 注意： 如果使用addEventListener不需要加on onkeypress和前面两个的区别

（接notes25） 7. 操作元素 7.5. 排他思想 如果有同一组元素，我们想要某一个元素实现某种样式，需要用到循环的排他思想算法： (1)所有元素全部清除样式(干掉其他人) (2)给当前元素设置

1. WebAPIs 和JS基础关联性 1.1. Js组成 JavaScript基础：JavaScript语法（ECMAScript） WebAPIs：页面文档对象模型（DOM）、浏览器对象模型（BO

1. 内置对象 JavaScript中的对象分为三种：自定义对象、内置对象、浏览器对象 前面两种对象是js基础内容，属于ECMAScript;第三个对象属于我们JavaScript独有的 JSAPI时