行如逆水行舟，不进则退

filter()过滤方法，会对原数组中的每个元素应用指定的函数，并返回一个新数组，其中包含符合条件的元素。方法对数组中的每个元素按序执行一个提供的 reducer 函数，每一次运行 reducer 会将先前元素的计算结果作为参数传入，最后将其结果汇总为单个返回值。方法用来判断一个数组是否包含一个指定的值，根据情况，如果包含则返回 true，否则返回 false。方法创建一个新数组，这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成。方法返回数组中满足提供的测试函数的第一个元素的值。

js的超集：包含js的所有元素；能运行js代码；支持ES语法；是一种开源、跨平台的编程语言

【代码】引用微信jssdk实现h5二次分享。

语言基础 - 1

HTML中的JavaScript

阻止用户通过浏览器控制台修改CSS样式

ECMAScript 61. let 和 const 命令1.1 let 命令1.2 块级作用域1.3 const 命令1.4 顶层对象属性1. let 和 const 命令1.1 let 命令let 是ES6中新增的用于声明变量的关键字。let 声明的变量只在所处于的块级有效 。使用let 关键字声明的变量才具有块级作用域（在一个{}内有效），使用var 声明的变量不具备块级作用域特性。{ let a = 10; var b = 1;}console.log(a); // Ref

JavaScript基础①1. 编程语言1.1 编程1.2 计算机语言1.3 编程语言1.4 翻译器1.5 编程语言和标记语言区别2. 计算机基础2.1 计算机组成2.2 数据存储2.3 数据存储单位2.4 程序运行3. 初识JavaScript3.1 JavaScript 是什么3.2 JavaScript的作用3.3 HTML/CSS/JS 的关系1. 编程语言1.1 编程编程：就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码，并最终得到结果的过程。计算机程序：就是计算机所执行的一

JavaScript基础②1. 运算符1.1 运算符的分类1.2 算数运算符1.3 递增和递减运算符1.4 比较运算符1.5 逻辑运算符1.6 赋值运算符1.7 运算符优先级2. 流程控制2.1 流程控制概念2.2 顺序2.3 分支if三元表达式switch1. 运算符1.1 运算符的分类运算符（operator）：也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。JavaScript中常用的运算符有：算数运算符递增和递减运算符比较运算符逻辑运算符赋值运算符1.2 算数

JavaScript基础③1. 数组1.1 数组的概念1.2 创建数组1.3 获取数组中的元素1. 数组1.1 数组的概念数组可以把一组相关的数据一起存放，并提供方便的访问(获取）方式。数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。1.2 创建数组利用 new 创建数组var 数组名 = new Array() ；var arr = new Array(); // 创建一个新的空数组利用

JavaScript基础④1. 作用域1.1 作用域概述1.2 全局作用域1.3 局部作用域1.4 js中没有块级作用域（在ES6之前）2. 变量的作用域2.1 全局变量2.2 局部变量2.3 全局变量和局部变量的区别3. 作用域链4. 预解析4.1 预解析的相关概念4.2 变量预解析4.3 函数预解析4.4 函数表达式声明函数问题1. 作用域1.1 作用域概述通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局

JavaScript基础⑤

WebAPIs①1. Web API介绍1.1 API的概念1.2 Web API的概念1.3 API 和 Web API 总结2. DOM 介绍2.1 什么是DOM2.2 DOM树3. 获取元素3.1 根据ID获取3.2 根据标签名获取元素3.3 H5新增获取元素方式3.4 获取特殊元素（body，html）4. 事件基础4.1 事件概述4.2 事件三要素4.3 执行事件的步骤4.4 常见的鼠标事件5. 操作元素5.1 改变元素内容（获取或设置）5.2 常用元素的属性操作5.4 表单元素的属性操作5.

WebAPIs②

WebAPIs③1. DOM核心总结1.1 创建1.2 增加1.3 删除1.4 修改1.5 查找1.6 属性操作1.7 事件操作2. 事件高级2.1 注册事件2.2 事件监听addEventListener()（IE9以后支持）attacheEvent()（IE6 7 8支持）事件监听兼容性解决方案2.3 删除事件2.4 DOM事件流2.5 事件对象2.6 阻止默认行为2.7 阻止事件冒泡2.8 事件委托3. 常用鼠标事件3.1 禁止选中文字和禁止右键菜单3.2 鼠标事件对象3.3 获取鼠标在页面的坐标1

WebAPIs④1. BOM1.1 什么是BOM1.2 BOM的构成1.3 顶级对象window1.4 window对象的常见事件页面（窗口）加载事件（2种）调整窗口大小事件1.5 定时器setTimeout() 炸弹定时器setInterval() 闹钟定时器1.6 this指向问题1.7 location对象URLlocation 对象的属性location对象的常见方法1.8 navigator对象1.9 history对象2. JS执行机制2.1 JS 是单线程2.2 同步任务和异步任务2.3 JS

WebAPIs⑤1. 元素偏移量 offset 系列1.1 offset 概述1.2 offset 与 style 区别2. 元素可视区 client 系列2.1 client概述2.2 淘宝 flexible.js 源码分析3. 元素滚动 scroll 系列3.1 scroll 概述3.2 页面被卷去的头部3.3 页面被卷去的头部兼容性解决方案4. 三大系列总结5. mouseenter 和mouseover的区别1. 元素偏移量 offset 系列1.1 offset 概述offset 翻译过来就

WebAPIs⑥1. 动画函数封装1.1 动画实现原理1.2 动画函数给不同元素记录不同定时器1.3 缓动效果原理1.4 动画函数多个目标值之间移动1.5 动画函数添加回调函数1.6 动画完整版代码:2. 常见网页特效案例2.1 案例：网页轮播图2.2 节流阀1. 动画函数封装1.1 动画实现原理核心原理：通过定时器 setInterval() 不断移动盒子位置。1.2 动画函数给不同元素记录不同定时器果多个元素都使用这个动画函数，每次都要var 声明定时器。可以给不同的元素使用不同的定时器（自己

WebAPIs⑦1. 触屏事件1.1 触屏事件概述1.2 触摸事件对象（TouchEvent）1.3 案例：移动端拖动元素2. 移动端常见特效2.11. 触屏事件1.1 触屏事件概述移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者

JavaScript高级①1. 面向过程与面向对象1.1 面向过程1.2 面向对象1.3 面向过程与面向对象对比2. 对象与类2.1 对象2.1.1 创建对象2.2 类2.2.1 创建类2.2.2 类创建添加属性和方法2.2.3 类的继承1. 面向过程与面向对象1.1 面向过程面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。1.2 面向对象面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作。1.3 面向过程与面向对象对比

JavaScript高级②1. 构造函数和原型1.1 对象的三种创建方式1.2 静态成员和实例成员1.3 构造函数的问题1.4 构造函数原型prototype1.5 对象原型1.6 constructor构造函数1.7 原型链1.8 构造函数实例和原型对象三角关系1.9 原型链和成员的查找机制1.10 原型对象中this指向1.11 通过原型为数组扩展内置方法2. 继承2.1 call()2.2 子构造函数继承父构造函数中的属性2.3 借用原型对象继承方法1. 构造函数和原型1.1 对象的三种创建方式

JavaScript高级③1 函数的定义和调用1.1 函数的定义方式1 函数的定义和调用1.1 函数的定义方式函数声明方式 function 关键字 (命名函数)function fn(){}函数表达式(匿名函数)var fn = function(){}new Function()var fn = new Function('参数1','参数2'..., '函数体')var f = new Function('a', 'b', 'console.log(a + b)');

JavaScript高级④1. 正则表达式概述1.1 什么是正则表达式1.2 正则表达式的特点2. 正则表达式在js中的使用2.1 正则表达式的创建2.2 测试正则表达式 test3. 正则表达式中的特殊字符3.1 正则表达式的组成3.2 边界符3.3 字符类3.3.1 [] 方括号3.3.2 量词符3.3.3 括号总结3.4 预定义类4. 正则表达式中的替换4.1 replace替换4.2 正则表达式参数1. 正则表达式概述1.1 什么是正则表达式正则表达式（ Regular Expression

JavaScript高级⑤1. ES6相关概念（★★）1.1 什么是ES61.2 为什么使用 ES62. ES6新增语法2.1 let（★★★）let声明的变量只在所处于的块级有效let声明的变量不存在变量提升1. ES6相关概念（★★）1.1 什么是ES6ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。ES6泛指ES2015及后续版本1.2 为什么使用 ES6每一次标准的诞生都意味着语言的完善，功能的加强。JavaScript语言本

jQuery快速开发①1. jQuery介绍1.1 JavaScript库1.2 jQuery的概念1.3 jQuery的优点2. jQuery 的基本使用2.1 jQuery 的下载2.2 体验jQuery2.3 jQuery的入口函数2.4 jQuery中的顶级对象$2.5 jQuery 对象和 DOM 对象2.6 jQuery 对象和 DOM 对象转换3. jQuery 选择器3.1 基础选择器3.2 层级选择器3.3 筛选选择器3.4 筛选方法3.5 知识铺垫3.6 案例：tab栏切换①4. jQ

jQuery快速开发②1. jQuery 属性操作1.1 元素固有属性值 prop()1.2 元素自定义属性值 attr()1.3 数据缓存 data()1.4 案例：购物车案例模块-全选2. jQuery 文本属性值2.1 jQuery内容文本值2.2 案例：购物车案例模块-增减商品数量2.3 购物车案例模块-修改商品小计3. jQuery 元素操作3.1 遍历元素1. jQuery 属性操作1.1 元素固有属性值 prop()元素固有属性就是元素本身自带的属性获取属性：prop("属性")设