- 博客(11)
- 资源 (1)
- 收藏
- 关注
原创 使用particles.js制作酷炫的前端登录界面
1.使用npm 安装依赖包并再main.js中注册//可以使用npm依赖,也可以直接下载particles.jsnpm install particles.js --save//main.jsimport particles from 'particles.js'Vue.config.productionTip = falseVue.use(VueRouter)Vue.use(particles)new Vue({ el: '#app', router, store, c
2021-08-02 09:25:46 379
原创 js同步任务,异步任务,宏任务 和 微任务 的执行顺序
宏任务 和 微任务都是异步任务宏任务setTimeoutsetInterval微任务process.nextTick()promise.then() // 这个微任务一般放在nextTick队列后面如果异步队列里有nextTick队列的话这道题帮助我们了解各种任务执行的顺序console.log('1');setTimeout(function() { console.log('2'); process.nextTick(function() {
2021-08-07 21:37:27 209
原创 Promise的理解和使用
Promise 的理解和使用1.Promise 是什么Promise 是ES6中引入的解决异步编程的新方案,(旧方案是单纯的使用回调函数)Promise 是一个构造函数,使用Promise对象封装一个异步操作可以获取其成功/失败的结果2.为什么要用promise指定回调函数的方式更加灵活,支持链式操作,可以解决回调地狱问题(回调地狱:回调函数嵌套调用,外部回调函数的执行结果是嵌套的回调执行的条件,如果嵌套层数过多不便于阅读,不便于异常处理)3.Promise的状态实例对象中的一个属性
2021-08-06 22:31:34 69
原创 git && linux 常用操作命令
git安装配置安装包直接安装打开git bash here输入下面的命令git config --global user.name "Your Name" 配置namegit config --global user.email "email@example.com" 配置emailgit config user.name 查询配置的namegit config user.email 查询配置的email简单的linux命令cd xxx 进入 xxx目录cd …
2021-08-04 22:02:50 59
原创 使用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 79
原创 原生ajax
原生ajax1.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 41
原创 使用nodejs和express写一个简单的服务器
1.第一步安装nodejs2.初始化一个服务环境npm init npm istall express3.创建一个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 168
原创 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 430
原创 使用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 108
原创 使用axios封装一个全局处理函数,并在请求和响应做拦截
request.js//引入axiosimport 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 192
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人