随笔分类 - JavaScript 基础
1
摘要：template 使用 https://aui.github.io/art template/zh cn/docs/installation.html 模板渲染 模板语法 原文输出 如果数据中携带 HTML 标签, 默认情况下 , 模板引擎不会解析标签 , 会将其转义后原文输出 条件判断 循环 导入
阅读全文
摘要：FormData 对象 1. 模拟HTML表单, 相当于将 HTML 表单映射成表单对象, 自动将表单对象中的数据拼接成请求参数的格式 2. 异步上传二进制文件 准备表单内容 实例化 formData 构造函数 发送请求; 只能传入到 send 方法中, 只适用于 表单传输的 post 请求 For
阅读全文
摘要：Ajax 概述 它是浏览器提供的一套方法, 可以实现页面无刷新更新数据, 提供用户浏览网站应用的体验 Ajax 请求步骤 请求参数传递 get 请求 post 请求 Ajax 状态码 在创建 ajax 对象, 配置 ajax 对象 , 发送请求 以及接收完服务端响应数据, 这个过程中每一个步骤会对应
阅读全文
摘要：let ES6中新增的用于声明变量的关键字 let 声明的变量只有在处于的块级作用域中有效（大括号中） 防止循环变量变成全局变量 比如for循环中的 i 不存在变量提升 暂时性死区特性 const 作用：声明常量，常量的值（内存地址）不能变化的值 具有块级作用域 const 声明常量必须需要赋一个初
阅读全文
摘要：正则表达式 创建正则表达式 边界符 正则表达式的边界符（位置符）用来提示字符所在的位置 | 边界符 | 说明 | | | | | | 表示匹配行首的文本（以谁结束） | | | 表示匹配行尾的文本（以谁开始） | 如果 ^ 和 $ 在一起表示精确匹配 字符类 []：表示有一系列字符可供选择，只要匹配
阅读全文
摘要：闭包 closure 什么是闭包 闭包 closure 值有权访问另一个函数作用中变量的函数； JavaScript 高级程序设计 简单理解就是，一个作用域可以访问另外一个函数内部的局部变量 闭包的主要作用就是延伸了变量的作用范围； 案例 3s之后输出所有li js function fn() {
阅读全文
摘要：函数的定义 函数内 this 的指向 这些 this 的指向，是当我们调用的时候确定的，调用的方式不同决定了this指向的不同；一般情况下指向我们的调用者 | 调用方式 | this指向 | | | | | 普通函数 | window | | 构造函数 | 实例对象，原型对象里面的方法也指向实例对象
阅读全文
摘要：数组新增方法 迭代方法：forEach() map() filter() some() every() forEach() // array.forEach(function (currentValue, index, arr)); // currentValue：数组当前项的值 // index:
阅读全文
摘要：构造函数 构造函数是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总是和new一起使用，可以把对象中一些公共的部分抽取出来，然后封装到这个函数里面； 在执行时做的事情 在内存中创建一个新的空对象； 让 this 指向这个空对象； 执行构造函数里面的代码，给这个新对象添加属性和方法；
阅读全文
摘要：类 类 构造函数 是类的构造函数（默认方法），用于传递参数，返回实例对象；通过new命令生成对象实例时，自动调用该方法，如果没有显示定义，类内部会自动创建一个 继承
阅读全文
摘要：触屏事件概述 touch 对象代表一个触摸点，触摸事件可响应用户对屏幕或者触控板的操作； 触屏touch事件 说明 touchstart 手指触摸到DOM元素时触发 touchmove 手指在DOM元素移动时触发 touchend 手指从一个DOM元素离开时触发 触摸事件对象 TouchEvent
阅读全文
摘要：概述 使用 offset 系列属性可以动态得到该元素的位置（偏移），大小等 | offset系列属性 | 说明（只读属性） | | | | | | 返回元素带有定位的父元素上方的偏移，父元素没有定位以body为准 | | | 返回元素带有定位的父元素左边的偏移，父元素没有定位以body为准 | |
阅读全文
摘要：BOM 的构成 window 对象是浏览器的顶级对象，具有双重角色 1，它是 JS 访问浏览器窗口的一个接口 2，它是一个全局对象，定义在全局作用域中的变量、函数都会变成 window 对象的属性和方法 window 对象常见事件 窗口加载事件 调整窗口大小 定时器 定时器 停止 定时器 定时器 停
阅读全文
摘要：注册事件概述 给元素添加事件，称为 注册事件 或者 绑定事件 注册事件有两种方式：传统方式和方法监听注册方式 传统注册方式： 利用 on 开头的事件；例如：onclick；注册事件的唯一性，后面的注册事件会把前面的覆盖 方法监听注册方式： IE9+；IE9以前用 代替；会按照注册顺序依次执行没有唯一
阅读全文
摘要：DOM 获取页面元素 事件基础 事件由三部分组成 事件源 事件类型 事件处理程序 事件源：事件被触发的对象 事件类型：如何触发什么事件 (onclick) 事件处理程序：通过一个函数赋值的方式完成 常用鼠标事件 | 鼠标事件 | 触发条件 | | | | | | 鼠标点击左键触发 | | | 鼠标经
阅读全文
摘要：JavaScript 内置对象 Math Date | 方法 | 说明 | | | | | | 获取当前年 | | | 获取当前月（0 11） | | | 获取当前日 | | | 获取当前 星期（星期天 0） | | | 获取当前小时 | | | 获取当前分钟 | | | 获取当前秒 | 获取时间戳
阅读全文
摘要：作用域 一段程序代码中所用到的名字并不总是有效可用的，而限定这个名字（变量）的可用性的代码范围，就是这个名字的作用域，作用域提高了逻辑程序的局部性，增强了可靠性，减少了名字冲突； JavaScript作用域（es6）之前：全局作用域，局部作用域 全局作用域： 整个script标签或者是一个单独的JS
阅读全文
摘要：数组 new 关键字 字面量 数组下标 遍历数组 新增数组元素 函数 函数的声明调用 命名函数 函数表达式（匿名函数） 函数的形参与实参 函数的返回值 break ，continue， return break：结束当前循环（for while） continue：跳出本次循环，执行下次循环‘ re
阅读全文
摘要：算术运算符 | 预算符 | 描述 | 实例 | | | | | | + | 加 | | | | 减 | | | | 乘 | | | / | 除 | | | % | 取余 | | 处理浮点数运算存在精度问题，不要直接判断两个浮点数是否相等； 递增递减运算符 比较运算符 比较运算符（关系运算符）是两个数
阅读全文
摘要：初识 JavaScript JavaScript 是什么 JavaScript 是世界上最流行的编程语言之一，是一种运行在客户端的脚本语言； 脚本语言：不需要编译，运行过程中由 js 解释器逐行来进行解释并执行； 现在也可以基于 Node.js 技术进行服务器端编程。 浏览器执行 JS 简介 浏览器
阅读全文
1
浙公网安备 33010602011771号