- 博客(11)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 使用particles.js制作酷炫的前端登录界面
1.使用npm 安装依赖包并再main.js中注册 //可以使用npm依赖，也可以直接下载particles.js npm install particles.js --save //main.js import particles from 'particles.js' Vue.config.productionTip = false Vue.use(VueRouter) Vue.use(particles) new Vue({ el: '#app', router, store, c
2021-08-02 09:25:46
541
原创 js同步任务，异步任务，宏任务 和 微任务 的执行顺序
宏任务 和 微任务都是异步任务 宏任务 setTimeout setInterval 微任务 process.nextTick() promise.then() // 这个微任务一般放在nextTick队列后面如果异步队列里有nextTick队列的话 这道题帮助我们了解各种任务执行的顺序 console.log('1'); setTimeout(function() { console.log('2'); process.nextTick(function() {
2021-08-07 21:37:27
287
原创 Promise的理解和使用
Promise 的理解和使用 1.Promise 是什么 Promise 是ES6中引入的解决异步编程的新方案，(旧方案是单纯的使用回调函数) Promise 是一个构造函数，使用Promise对象封装一个异步操作可以获取其成功/失败的结果 2.为什么要用promise 指定回调函数的方式更加灵活，支持链式操作，可以解决回调地狱问题 (回调地狱:回调函数嵌套调用，外部回调函数的执行结果是嵌套的回调执行的条件，如果嵌套层数过多不便于阅读，不便于异常处理) 3.Promise的状态 实例对象中的一个属性
2021-08-06 22:31:34
289
原创 git && linux 常用操作命令
git安装配置 安装包直接安装 打开git bash here 输入下面的命令git config --global user.name "Your Name" 配置name git config --global user.email "email@example.com" 配置email git config user.name 查询配置的name git config user.email 查询配置的email 简单的linux命令 cd xxx 进入 xxx目录 cd …
2021-08-04 22:02:50
129
原创 使用Promise构造函数封装一个简单的原生的ajax请求
使用Promise封装一个ajax请求 // Promise封装原生ajax请求 function ajaxFun(data){ return new Promise((resolve,reject)=>{ const xhr = new XMLHttpRequest() xhr.open(data.method,data.url) xhr.send() xhr.onreadystatechange = function
2021-08-02 09:24:10
151
原创 原生ajax
原生ajax 1.ajax简介 ajax 全称asynchronous javascript and xml ，就是异步的js和xml，通过ajax可以在浏览器中向服务端发送异步请求，最大的优势是无刷新获取数据 2.xml的简介 xml 可扩展标记语言，被设计用来传输和存储数据，和超文本标记语言HTML类似，不同的是HTML中都是预定义标签，而XML中没有预定义标签，全部是自定义标签，比如下面用来表示一些数据 一个学生的数据 name = '苏三'；age = 18 ; gender = '男'; 用XM
2021-08-01 11:57:24
93
原创 使用nodejs和express写一个简单的服务器
1.第一步安装nodejs 2.初始化一个服务环境 npm init npm istall express 3.创建一个server.js // 引入express const express = require('express') //创建应用对象 const app = express() //创建路由规则 app.get('/server',(request,response)=>{ response.setHeader('Access-Contro
2021-07-28 21:21:49
260
原创 redux & react-redux 的简单使用
使用redux 需要先明白store、action、reducer三个概念的定义 store 就是用来放置各种状态的仓库 action 就是一个动作对象 {type:’’,data:’’} reducer 本质就是一个处理动作对象的函数,具有初始化状态的更新状态的功能 1.store.js的写法 /* * createStore方法用来创建一个store * 引入reducers集合作为createStore的第一个入参 * 传入applyMiddleware(thunk)作为createStor
2021-06-23 17:06:17
507
原创 使用ajax,fetch,axios请求接口
原生ajax请求数据五步骤 //步骤一:创建XMLHTTPRequest对象 let xhr = new XMLHttpRequest() //步骤二:设置请求的类型,请求的url xhr.open('get', 'https://api.github.com/search/users?q=owen') //步骤三:发送请求 xhr.send() //步骤四:使用事件onreadystatechange进行函数回调 xhr.onreadystatechange = fu
2021-06-16 16:23:32
188
原创 使用axios封装一个全局处理函数，并在请求和响应做拦截
request.js //引入axios import axios from 'axios' //引入UI框架的全局信息提示组件 import { message } from 'antd' //创建axios实例 const service = axios.create({ baseURL: 'api', // 接口的base_url timeout: 9000 //请求超时时间 }) //请求拦截--请求接口前进行一些相关配置 service.interceptors.req
2021-06-02 11:14:48
278
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人