Lonhaiy的个人博客

后端

数据库

服务器

前端

其他

登录

Lonhaiy

如果结果不如你所愿，就在尘埃落定前奋力一搏

网站页面

类目归类

标签搜索

搜索到 15 篇与的结果

ES6 Promise 对象简单了解

ES6 Promise 对象简单了解

ES6 Promise 对象简单了解一、Promise 介绍1.Promise：是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。2.ES6 之前非常多层次嵌套的同步、异步，执行顺序混乱且不好维护，Promise 就很好的解决了这些问题；二、Promise 创建要想创建一个 promise 对象、可以使用 new 来调用 Promise 的构造器来进行实例化。const promise = new Promise((resolve, reject) => { //一顿异步操作之后 if (false) { //console.log('异步成功！'); resolve('异步成功！'); } else { //console.log(('异步失败！')); reject('异步失败！'); } }); //then 方法可执行 resolve 的回调函数 //catch 方法可执行 reject 的回调函数 p.then((value) =&g...

2022年08月26日

7,590 阅读

5714 评论

ES6 解构赋值

ES6 解构赋值

ES6 解构赋值概述解构赋值是对赋值运算符的扩展。他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。为何要使用解构操作？是因为 JSON 格式的普及，导致大量数据提取工作；而这种提取过程，在 ES6 的解构语法中，带来了极大的便捷性；一、数组解构数组解构赋值，有两种基本的写法：1.分行解构；2 单行解构；let info = ['Mr.Lon', 18, '男']; //数组赋值 let [name, age, gender] = info; //数组解构赋值 info = ['Mr.Lon', 18, '男'], [name, age, gender] = info; //同上 [name, age, gender] = ['Mr.Lon', 18, '男']; console.log(name);从上面的例子分行或单行，都可以确定必须一一完美匹配才可以正确赋值；1、数组层次也需要匹配（可嵌套）let [name,[age,gender]] = ['Mr.Lon',[18,...

2022年08月26日

586 阅读

0 评论

ES6 箭头函数和this

ES6 箭头函数和this

ES6 箭头函数和this了解更多请访问https://www.bilibili.com/video/BV1QE411q7C2一．箭头函数 1、ES6 新增了一个使用(=>)箭头符号定义函数的语法特性// 传统函数代码写法 let fn = function(name){ return name; } //ES6箭头函数写法 let fn = name => name; console.log(fn('Mr.Lon'));从例子我们可以看出，省略了function，花括号‘{}’用‘=>’代替了。这种写法更简洁了。2、箭头函数也可以传递两个或以上的参数，并实现运算后返回let fn = (x , y) => x + y; console.log(fn(10,20)); //翻译成函数代码为 let fn = function(x,y){ return x + y; }3、如果你定义的函数，并不需要传递参数，可以用()括号方式直接返回let fn = () => 'Mr.Lon'; console.log(fn()); //翻译成函...

2022年08月26日

511 阅读

0 评论

Mock.js 基本用法

Mock.js 基本用法

Mock.js 使用教程了解更多请访问http://mockjs.com/一、为什么要使用Mock.js对于前后端分离的项目，后端工程师的 API 数据迟迟没有上线，而前端工程师却没有 JSON 数据进行数据填充，自己写后端模拟又太繁重，这个时候，Mock.js 就能解决这个问题，让前端工程师更加独立做自己；二、什么是Mock.js生成随机数据，拦截 Ajax 请求。通过随机数据，模拟各种场景；不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据；支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等；支持支持扩展更多数据类型，支持自定义函数和正则。非常简单方便, 无侵入性, 基本覆盖常用的接口数据类型。三、开始&安装安装方式，提供两种常用的，一种在 node 下运行，另一种在浏览器下运行；1、使用npm安装(不了解的可以先学习一下node.js)npm install mockjs应用// 引入 mockjs const Mock = require('mockjs') const data = Mock.mock({ // 属性 list 的值...

2022年08月26日

535 阅读

0 评论

Axios.js 基本用法

Axios.js 基本用法

Axios.js 基本用法了解更多请访问http://www.axios-js.com/zh-cn/一、什么是axios.jsaxios.js 是一个基于 promise 的 HTTP 库，支持浏览器和 Node 环境；说明白点，就是使用这个库来执行 Ajax 请求，获取 JSON 数据；我们可以利用 axios 可以发送 get、post 等一系列请求，然后得到数据；二、特性从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF三、安装安装方式，提供两种常用的，一种在 node 下运行，另一种在浏览器下运行；1、使用 npm 在命令行运行如下命令，加载需要的包npm install axios实例//引入axios const axios = require('axios'); //使用get请求获取数据 axios.get('https://unpkg.com/axios/dist/axios.min.js') .then(r...

2022年08月26日

498 阅读

0 评论

JavaScript 事件

JavaScript 事件

JavaScript 事件了解更多请访问https://www.runoob.com/jsref/dom-obj-event.html一、关于事件1、什么是事件事件就是在文档中或者在浏览器窗口中通过某些动作触发。比如，单击，鼠标经过，键盘按下等。事件通常和函数结合使用。事件的作用：(1)各个元素之间可以借助事件来进行交互(2)用户和页面之间也可以通过事件来交互(3)后端和页面之间也可以通过事件来交互（减缓服务器的压力）二、事件的使用（重点）1、HTML事件HTML 事件可以是浏览器行为，也可以是用户行为。以下是 HTML 事件的实例：HTML 页面完成加载HTML input 字段改变时HTML 按钮被点击在事件触发时 JavaScript 可以执行一些代码。HTML 元素中可以添加事件属性，使用 JavaScript 代码来添加 HTML 元素。语法：on+事件=‘函数();……‘实例<button onclick="getElementById('demo').innerHTML=Date()">现在的时间是?</button> &...

2022年08月26日

494 阅读

0 评论

查看更多

Lonhaiy

如果结果不如你所愿，就在尘埃落定前奋力一搏

20 文章数

5,716 评论量

人生倒计时

今日已经过去小时

这周已经过去天

本月已经过去天

今年已经过去个月