Lonhaiy的个人博客

后端

数据库

服务器

前端

其他

登录

Lonhaiy

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

网站页面

类目归类

标签搜索

最新文章

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日

513 阅读

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日

500 阅读

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日

536 阅读

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 评论

JavaScript DOM对象

JavaScript DOM对象

JavaScript DOM对象了解更多请访问https://www.runoob.com/jsref/dom-obj-document.html一、HTML DOM 节点根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：整个文档是一个文档节点每个 HTML 元素是元素节点HTML 元素内的文本是文本节点每个 HTML 属性是属性节点注释是注释节点二、Document 对象当浏览器载入 HTML 文档, 它就会成为 Document 对象。Document 对象是 HTML 文档的根节点。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。Document 常用对象属性和方法属性 / 方法描述document.activeElement返回当前获取焦点元素document.adoptNode(node)从另外一个文档返回 adapded 节点到当前文档。document.body返回文档的body元素docu...

2022年08月26日

455 阅读

0 评论

JavaScript常用的数组方法

JavaScript常用的数组方法

JavaScript常用的数组方法了解更多请访问https://mp.weixin.qq.com/s/oAkSLSGROv0DHvTDeMVdzA1、Array.push()它的作用：push()获取你的数组并将一个或者多个元素添加到数组的末尾，然后返回数组的新长度。此方法将修改你现有的数组。通过运行 push() 将数字 20 添加到数组中，使用 20 作为参数。let myArray = [2,4,6,8,9,11,14]; myArray.push(20); console.log(myArray);// [2, 4, 6, 8, 9, 11, 14, 20]2、Array.concat()它的作用：concat() 可以将两个或多个数组合并为一个新数组。它不会修改现有数组，而是创建一个新数组。取 myArray 并将名为 newArray 的数组合并到其中。let myArray = [2,4,6,8,10,12]; let newArray = [1,2,3,4,5,6]; let res = myArray.concat(newArray); console.log(...

2022年08月26日

388 阅读

0 评论

查看更多

Lonhaiy

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

20 文章数

5,729 评论量

人生倒计时

今日已经过去小时

这周已经过去天

本月已经过去天

今年已经过去个月