原型对象 每创建一个函数，解析器都会向函数中添加一个属性prototype，这个属性对应着一个对象，称为原型对象。 当函数作为普通函数调用时，原型对象没有任何作用，但当函数作为构造函数调用时，它所创建的每一个实例对象中都会有一个隐含的属性__proto__指向该构造函数的原型对象。 原......
Vue简介 Vue：一套用于构建用户界面的渐进式JavaScript框架 特点 采用组件化模式，提高代码复用率，让代码更好维护 声明式编码，无需直接操作DOM，提高开发效率 使用虚拟DOM和优秀的Diff算法，尽可能地复用DOM节点 前置知识 ES6语法规范 熟悉 ES6模块化 熟悉 JS高级：原型、......
ES7新特性 Array.prototype.includes includes() 方法：用于判断数组中是否存在某个元素，返回布尔值。 用于取代 indexOf()。 幂运算 ** 运算符进行幂运算：2 ** 10 === 1024。 用于取代 Math.pow() ES8新特性 async和await async和await两种语法结合使用，可以让异步代码像同步代码一样。 async函数：在普通函数声......
Promise Promise是ES6引入的异步编程的新解决方案。 语法上Promise是一个构造函数，用来封装异步操作并可以获取其成功和失败的结果。 实例化并调用 // 实例化Promise构造函数 const p = new Promise(function (resolve, reject) { let data = '数据库中的数据'; // 如果成功则调用resolve方法 resolve (data); // 如果失......
Ajax简介 Asynchronous JavaScript and XML：异步的JS和XML。 通过Ajax可以在浏览器中向服务器发送异步请求 优势：无刷新获取数据 可以实现懒加载 XML简介 XML：可扩展标记语言。 XML被设计用来传输和存储数据 没有预定义标签，均为自定义标签 Ajax早期使用其传输数据，但现今被JSON代替 Ajax的特......
数据可视化简介 目的：借助图形化的手段，清晰有效地传达与沟通信息。 ECharts是一个开源的js库。 ECharts使用步骤 引入echarts.js文件 准备一个具备大小的DOM容器：用于放置生成的图表 初始化echarts实例对象：实例化echarts对象 指定配置项和数据：根据具体需求......
jQuery尺寸、位置操作 jQuery尺寸 width() height() 获取或修改元素的宽高度，只包含content部分的width和height innerWidth() innerHeight() 获取或修改元素的宽高度，包含content和padding部分的width和height outerWidth() outerHeight() 获取或修改元素的宽高度，包含content、padding和bo......
JavaScriptBOM（三） Created: March 26, 2022 11:13 PM Stage: Learning 技术栈: JavaScript 本地存储 数据存储在用户的浏览器中，设置和读取方便，页面刷新不丢失数据。 window.sessionStorage 生命周期为关闭浏览器窗口 在同一个页面窗口下，数据可以共享 以键值对的方式使用 值的数据类型只能是字符串 存储容量最大为5m sessionStorage.setItem(key, value) 存储数据 sessionStorage.getItem(key) 获取数据 sessionStorage.removeItem(key) 删除数据 sessionStorage.clear()......
jQuery简介 JavaScript库即为library，是一个封装好的特定的集合（方法和函数）。 jQuery就是一个JavaScript库，为的是快速方便操作DOM，里面基本都是函数（方法）。 优点： 使用步骤 引入jQuery文件即可 入口函数： 等待DOM加载完毕后再执行js代码 $(document).ready(function() {......