小菜鸟9527-CSDN博客

原创使用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 221

原创 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 204

原创 Promise的理解和使用

Promise 的理解和使用1.Promise 是什么Promise 是ES6中引入的解决异步编程的新方案，(旧方案是单纯的使用回调函数)Promise 是一个构造函数，使用Promise对象封装一个异步操作可以获取其成功/失败的结果2.为什么要用promise指定回调函数的方式更加灵活，支持链式操作，可以解决回调地狱问题(回调地狱:回调函数嵌套调用，外部回调函数的执行结果是嵌套的回调执行的条件，如果嵌套层数过多不便于阅读，不便于异常处理)3.Promise的状态实例对象中的一个属性

2021-08-06 22:31:34 61

原创 git && linux 常用操作命令

git安装配置安装包直接安装打开git bash here输入下面的命令git config --global user.name "Your Name" 配置namegit config --global user.email "[email protected]" 配置emailgit config user.name 查询配置的namegit config user.email 查询配置的email简单的linux命令cd xxx 进入 xxx目录cd …

2021-08-04 22:02:50 55

原创使用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 75

原创原生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 39

原创使用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 160

原创 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 286

原创使用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 102

原创使用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 186

xcneuq的博客