
前端
努力的小刘
这个作者很懒,什么都没留下…
展开
-
javascript的宏任务及微任务
直接上代码console.log('1');setTimeout(function() { console.log('2'); new Promise(function(resolve) { console.log('3'); resolve(); }).then(function() { console.log('4') })})new Promise(function(resolve) { console...原创 2020-12-25 13:42:06 · 218 阅读 · 0 评论 -
js的赋值
var a = {n: 1}var b = a;a.x = a = {n: 2}console.log(a.x);console.log(b.x)解析这个题,首先我们得知道 a=[1,2,3] ,b= a; a= [1,2,3,4,5];a =[1,2,3,4,5];b=[1,2,3];这个时候大家会有点纳闷,引用类型不应该是b等于a的值应该是[1,2,3,4,5];这个是错误的,这个是有开辟一个内存,让a指向[1,2,3,4,5];如果是a.push(4),则a和b是...原创 2020-12-07 09:14:13 · 983 阅读 · 0 评论 -
javascript的函数的防抖和节流
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <input type="te.原创 2020-11-30 09:55:26 · 147 阅读 · 0 评论 -
nginx的配置前端
先熟悉一下命令rpm -qa|grep nginx 查看包含nginx的包rpm -ql nginx-1.16.1-3.el7.x86_64 查看nginx这样会找到放置html的目录systemctl status nginx 查看状态是否启动了systemctl restart nginx 重启系统原创 2020-11-23 17:10:18 · 131 阅读 · 0 评论 -
2020-11-23
rpm -qa|grep nginx 查看包含nginx的包rpm -ql nginx-1.16.1-3.el7.x86_64 查看nginx原创 2020-11-23 16:40:50 · 79 阅读 · 0 评论 -
Token的深入理解
Bearer Token 前端token加在请求头里面:authorization:bearer + token后端采用:JWT(json web token)包含三部分:头,载体,签名头就是type:jwt hs256载体就是一些用户的信息,签名就是后端的密钥,它们会生成字符串...原创 2020-11-15 14:31:19 · 721 阅读 · 0 评论 -
webpack
对于前端来说webpack是必会的一项,今天好好的学习一下webpack结论:1,webpack可以识别js/json,但是不能识别css和image里面。2,webpack可以将ES6和Commonjs的模块化转换成浏览器可以识别的。3,webpack的生产环境比开发环境在js文件中多了一个代码压缩的。webapck主要包含:entry,output,loader,plugins,mode(不写会提示警告development/production)执行打包单个js的命令行:webpack .原创 2020-11-12 16:47:43 · 125 阅读 · 0 评论 -
vuecli中设置每个模块都可以使用的样式
在vuecli中的vue.config.js配置中设置css:{ loaderOptions:{ scss: { prependData: `@import "@/scss/_bg.scss";`, }, }}可以在每个模块中都可以使用在每个模块中引入scss样式 ~表示相对路径@import '~@/src/a.scss'...原创 2020-09-20 15:17:01 · 917 阅读 · 0 评论 -
vue的keep-alive组件的使用记录
今天使用keep-alive组件,眺转路由的时候,使用beforeRouteEnter()这个方法的时候不能访问this这个,但是next这个方法参数可以是回调函数beforeRouteEnter(to,from,next){ next(vm=>{ vm.id = to.query.id; }) }这样就可以解决了...原创 2020-09-15 11:19:15 · 106 阅读 · 0 评论 -
封装axios和归纳api文件,这样方便接口的统一管理,复制即用
封装axiosimport axios from 'axios'const http = axios.create()http.defaults.timeout = 3000http.interceptors.request.use(config => { return config}, error => { console.log(error) return Promise.reject(error)})http.interceptors.response.us原创 2020-09-15 09:10:49 · 138 阅读 · 0 评论 -
MockJS的使用方法,复制即用
使用mockjs的方法:npm install mockjs -Dmock.js文件内容import Mock from 'mockjs'Mock.setup({ timeout:500-1000})let GetList = function(a){ //这里的a指的是请求传递的参数 return { data:'1' }}Mock.mock('http://www.baidu.com/getList','Get',GetList);//在main.js文件原创 2020-09-15 09:05:54 · 339 阅读 · 0 评论