Javascript 函数提升与参数、箭头函数
1. 函数提升函数提升与变量提升比较类似，是指函数在声明之前即可被调用。 1234567891011121314<script> // 调用函数 foo() // 声明函数 function foo() { console.log('声明之前即被调用...') } // 不存在提升现象 bar() // 错误 var...
Javascript 作用域和作用域链
作用域（scope）规定了变量能够被访问的“范围”，离开了这个“范围”变量便不能被访问，作用域分为全局作用域和局部作用域。 1. 局部作用域局部作用域分为函数作用域和块作用域。 函数作用域在函数内部声明的变量只能在函数内部被访问，外部无法直接访问。 123456789101112<script> // 声明 counter 函数 function counter(x, y) ...
Javascript 正则表达式
概念定义正则表达式（Regular Expression）是一种字符串匹配的模式（规则）。 使用场景 例如验证表单：手机号表单要求用户只能输入11位的数字 (匹配) 过滤掉页面内容中的一些敏感词(替换)，或从字符串中获取我们想要的特定部分(提取)等 正则基本使用 定义规则1const reg = /表达式/ 其中/ /是正则表达式字面量 正则表达式也是对象 使用正则 test()...
Javascript 本地存储
本地存储：将数据存储在本地浏览器中 常见的使用场景： https://todomvc.com/examples/vanilla-es6/ 页面刷新数据不丢失 好处： 1、页面刷新或者关闭不丢失数据，实现数据持久化 2、容量较大，sessionStorage和 localStorage 约 5M 左右 localStorage（重点）作用: 数据可以长期保留在本地浏览器中，刷新页面和关闭页面，...
Javascript Windows对象
JavaScript的组成 ECMAScript: 规定了js基础语法核心知识。 比如：变量、分支语句、循环语句、对象等等 Web APIs : DOM 文档对象模型， 定义了一套操作HTML文档的API BOM 浏览器对象模型，定义了一套操作浏览器窗口的API JS执行机制同步任务同步任务都在主线程上执行，形成一个执行栈。 异步任务JS 的异步是通过回调函数实现的。 一般而言...
Javascript M端事件
移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android 和 IOS 都有。 touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。 常见的触屏事件如下：
Javascript DOM节点
回顾之前 DOM 的操作都是针对元素节点的属性或文本的，除此之外也有专门针对元素节点本身的操作，如插入、复制、删除、替换等。 插入节点在已有的 DOM 节点中插入新的 DOM 节点时，需要关注两个关键因素：首先要得到新的 DOM 节点，其次在哪个位置插入这个节点。 如下代码演示： 123456789101112131415161718192021222324252627<body>...
Javascript DOM事件基础
事件监听结合 DOM 使用事件时，需要为 DOM 对象添加事件监听，等待事件发生（触发）时，便立即调用一个函数。 addEventListener 是 DOM 对象专门用来添加事件监听的方法，它的两个参数分别为【事件类型】和【事件回调】。 123456789101112131415161718192021222324252627<!DOCTYPE html><html la...
Javascript DOM事件进阶
事件流事件流是对事件执行过程的描述，了解事件的执行过程有助于加深对事件的理解，提升开发实践中对事件运用的灵活度。 如上图所示，任意事件被触发时总会经历两个阶段：【捕获阶段】和【冒泡阶段】。 简言之，捕获阶段是【从父到子】的传导过程，冒泡阶段是【从子向父】的传导过程。 捕获和冒泡了解了什么是事件流之后，我们来看事件流是如何影响事件执行的： 12345678910111213141516171...
Javascript DOM操作
DOM（Document Object Model）是将整个 HTML 文档的每一个标签元素视为一个对象，这个对象下包含了许多的属性和方法，通过操作这些属性或者调用这些方法实现对 HTML 的动态更新，为实现网页特效以及用户交互提供技术支撑。 简言之 DOM 是用来动态修改 HTML 的，其目的是开发网页特效及用户交互。 概念DOM 树 DOM 节点节点是文档树的组成部分，每一个节点都是一个...