- 博客(26)
- 资源 (2)
- 收藏
- 关注
原创 postcss-pxtorem安装失败解决
目前最高好像才6 而现在正常安装的是8 找不到东西所以改为npm i postcss-pxtorem@5.1.1
2021-07-05 16:08:39
810
1
原创 vue 时间戳转换 超简
主要是用过滤器,而时间过滤器 定义挺麻烦的可以npm install moment -- save 安装moment插件引入moment 我相信你会的接下来写过滤器filters:{dateFMT(str){return moment(str).format("YYYY-MM-DD);}},完活
2021-01-16 16:13:02
228
原创 element 上传文件提示登录的解决办法
首先 看到请登录 首先要想到 这个页面 是通过请求头token判断是不是登录的 那么可以怀疑token过期,或者没有token,页面正常 那就就可以怀疑是这个组件的请求方法 没有加请求头,接下来看文档。headers:设置上传的请求头部 通过这个事件可以知道 可以设置请求头 那么就是默认没有喽开始解决 在el-upload组件中添加:headers="myHeaders"在js中获取储存中的token这里我用的是 var token = 'Bearer '+sessionStorage...
2021-01-15 19:53:10
895
1
原创 本地储存与获取
本地储存localStorage.setItem(‘随便写和获取的对应’,JSON.stringify(数组))获取本地arr : JSON.parse(localStorage.getItem(‘对应的名’))||[]
2021-01-12 11:03:36
572
原创 element-ui 的loading
首先 在请求拦截器页面 引入loadinglet loading然后service.interceptors.request.user(config =>{loading = Loaading.service({text:"文本“,spinner:“icon”,background:"rgba(0,0,0,0.7)//遮罩层})}在响应拦截器中设置loaing.close() //关闭loaing...
2021-01-12 11:01:51
240
原创 vue的组件通信浅显话术
vue的数据响应是依赖于:观察—订阅模式的 那么on和emit也不例外。$on首先组件值的发送是使用$on来收集所有事件依赖的,会将传入的参数event和fn作为key和value的形式传到vm._events这个事件集合里 比如vm._events[event]=[fn]$emit接下来是组件参数的接收 是使用$emit来触发事件 它会根据传入的event在vm_event中找到对应的事件并且执行invokeWithErrorHandling(cbs[i], vm, args, vm, i
2021-01-06 21:22:33
176
原创 图片上传和拍照上传
首先是图片上传1.在vue中 引入Uploader组件 文件上传2.点击上传 有个函数 afterRead(file) 括号中是file格式的图片3.声明个变量 赋值为file.file4.声明个data 赋值 new FormData()5.data.append(“file”, file.file)这样符合后台要求的图片格式就完成了6.上传图片服务器7.根据图片服务器返回的网络地址 上传到后台服务器中然后是拍照上传 一般来说 浏览器是禁止页面调用摄像头的,即使页面调用摄像头权限成功了,也
2021-01-06 10:40:22
652
原创 每时每课新项目流程
开发前准备:1.观察项目图纸,脑海中模拟效果运行,缕清业务逻辑2.写出项目方案计划书3.列出简易点和困难点4.合理划分时间5.根据要求选择框架和组件6.创建公用库 私用库(公用库中存放可复用的css样式和图片)1.先搭建vue脚手架 创建git仓库 上传2.写环境变量 开发,测试,生产3.配置自适应rem插件4.按需引入vant ui 组件5.在vuex的action 把需要多次调用的接口传入 使用pormise封装接口axios只需要调用一次的接口 写在页面内即可使用临时本地存
2021-01-04 14:56:35
217
原创 js宏任务和微任务
宏任务包括:setTimeout setInterval Ajax DOM事件微任务:Promise async/await微任务比宏任务的执行时间要早异步和单线程异步和单线程是相辅相成的,js是一门单线程脚本语言,所以需要异步来辅助异步和同步的区别:异步不会阻塞程序的执行,同步会阻塞程序的执行,前端使用异步的场景:定时任务:setTimeout,setInverval网络请求:ajax请求,动态加载事件绑定...
2020-12-28 07:58:27
103
原创 js垃圾回收和内存泄露
垃圾回收机制浏览器的 Javascript 具有自动垃圾回收机制(GC:Garbage Collecation),也就是说,执行环境会负责管理代码执行过程中使用的内存。其原理是:垃圾收集器会定期(周期性)找出那些不在继续使用的变量,然后释放其内存。但是这个过程不是实时的,因为其开销比较大并且GC时停止响应其他操作,所以垃圾回收器会按照固定的时间间隔周期性的执行。只有函数内的变量才可能被回收不再使用的变量也就是生命周期结束的变量,当然只可能是局部变量,全局变量的生命周期直至浏览器卸载页面才会结束。局部变
2020-12-28 07:57:15
96
原创 作用域
js中首先有一个最外层的作用域,全局作用域;js中可以通过函数来创建一个独立作用域称为函数作用域,函数可以嵌套,所以作用域也可以嵌套;es6中新增了块级作用域(大括号,比如:if{},for(){},while(){}…);作用域链自由变量的向上级作用域一层一层查找,直到找到为止,最高找到全局作用域,就形成了作用域链。变量提升(预解析)var声明的变量,function声明的函数存在变量提升let const 不会变量提升...
2020-12-28 07:54:36
69
原创 js原型链
prototype每个函数都有一个prototype属性,被称为显示原型2._ proto _每个实例对象都会有_ proto _属性,其被称为隐式原型每一个实例对象的隐式原型_ proto _属性指向自身构造函数的显式原型prototypeconstructor每个prototype原型都有一个constructor属性,指向它关联的构造函数。原型链获取对象属性时,如果对象本身没有这个属性,那就会去他的原型__proto__上去找,如果还查不到,就去找原型的原型,一直找到最顶层.
2020-12-28 07:52:55
885
原创 超实用的浏览器插件json格式转换
1.新建空页面 背景换的好看了不少2.自带的网页连接块也很好用3.可以自定义添加网址 用的也更顺手了一些 还好看4.c按键的搜索 搜索挺全的主要是在csdn里的 就是有些csdn找不到的又要去百度找,5.获取接口 自动转换格式 看的很舒服 还支持换肤 夜间工作就很友好,6.有时候不会自动转变格式 需要C的json 粘贴代码 就比较麻烦7.这里提个小建议 获取接口里的图片地址的时候 可以点击跳转过去 或者鼠标滑动 出现小型展示图(展示图最好可以放大)8.收藏夹搜索也超好用的,收藏太多东西,都忘记
2020-12-21 18:45:13
1482
5
原创 箭头函数和普通函数的区别
1.箭头函数是一个匿名函数,不能作为构造函数使用,不能使用new2.箭头函数有两种格式:一种只包含一个表达式,连{ … }和return都省略掉。还有一种可以包含多条语句,这时候就不能省略{ … }和return。3.箭头函数内没有arguments,可以用展开运算符…解决4.箭头函数的this,始终指向父级上下文(箭头函数的this取决于定义位置父级的上下文,跟使用位置没关系,普通函数this指向调用的那个对象)5.箭头函数不能通过call() 、 apply() 、bind()方法直接修改它的t
2020-12-15 19:56:46
187
原创 git的使用
1.git clone 地址 //把仓库克隆过来2.如果是空仓库 用git init 初始化仓库初始化后在工作区中有一个隐藏目录.git,这个不算工作区,而是git的本地版本库。本地版本库里存了很多东西,其中最重要的就是称为stage的暂存区,还有Git为我们⾃动创建的第⼀个分支master,以及指向master的⼀个指针叫HEAD,HEAD指向的就是当前分支的最新提交。至于远程版本库,一般指的是Git服务器上所对应的仓库3.通过git branch 查看分支4.git branch 分支名称 创
2020-12-15 19:44:55
89
原创 小型项目开发前准备步骤
1.创建空仓库2.搭建vue项目3.下载axios element vant4.准备好ps5.创建好公用库(保存公用的图片 js css)6.推送到仓库7.创建分支 用功能名来命名8.PS切图9.看项目布局10.看项目流程11.看项目功能12.画流程图13.理清楚难点 简单点14.理清楚功能的实现15.理清楚业务流程16.理清楚思路17.准备好外援大牛18.准备和零食饮料19.准备好纸20.准备好眼药水21.做好心理准备22.写好遗书23.做好离世准备24.准备
2020-12-15 18:35:27
150
原创 es6中的generator函数 基本解释
Generator 函数的定义语法上,Generator 函数是一个状态机,封装了多个内部状态。形式上,Generator是一个函数。不同于普通函数,是可以暂停执行的,所以函数名之前要加星号,以示区别。整个Generator函数就是一个封装的异步任务,或者说是异步任务的容器,异步操作需要暂停的地方,都用yield语句。##### 什么是Generator函数function 关键字和函数之间有一个星号(*),且内部使用yield表达式,定义不同的内部状态。调用Generator函数后,该函数并
2020-11-25 20:56:18
104
原创 for···in和for···of的区别
for···in和for···of的区别:首先一句话:(for···in取key,for··of取value)1从遍历数组角度来说,for···in遍历出来的是key(即下标),for···of遍历出来的是value(即数组的值)var arr = [99,88,66,77];for(let i in arr){ console.log(i); //0,1,2,3}for(let i of arr){ consoel.log(i); //99,88,66,77}2从
2020-11-25 10:27:43
195
原创 继承 闭包
es6中的class与继承原型链:每个构造函数都有一个prototype属性叫做显示原型每个实例中都有一个__proto__属性叫做隐式原型实例的隐式原型指向它的构造函数的显示原型每个prototype原型都有一个constructor属性,指向它关联的构造函数。获取对象属性时,如果对象本身没有这个属性,那就会去他的原型__proto__上去找,如果还查不到,就去找原型的原型,一直找到最顶层(Object.prototype)为止。Object.prototype对象也有__proto__属性值
2020-11-24 17:21:07
137
1
原创 js中let、const、var 的区别
1.在ES5中,声明变量只有var和function两种形式。但是因为var声明的变量会有一定的缺点(内层变量可能覆盖外层变量的问题以及用来计数的循环变量泄露为全局变量,下面有介绍),ES6提出了使用let和const声明变量,弥补了ES5中var的缺点。2.var声明的变量存在变量提升(将变量提升到当前作用域的顶部)。即变量可以在声明之前调用,值为undefined。let和const不存在变量提升。即它们所声明的变量一定要在声明后使用,否则报ReferenceError错。console.log(
2020-11-23 20:06:09
274
原创 es6 解析构值
es6定义解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。//数组结构var a, b, rest;[a, b] = [10, 20];console.log(a); // 10console.log(b); // 20//对象解构({ a, b } = { a: 10, b: 20 });console.log(a); // 10console.log(b); // 20// ...res...
2020-11-23 19:09:17
470
2
原创 多人使用gitHub仓库的注意事项与基础用法
1,生成秘钥:ssh-keygen秘钥存储目录:C:\Users\用户.ssh公钥名称:id_rsa.pub (放到github服务器中)记事本打开 然后在gitHub的ssh中 没配置过的会提示配置名字随便写大框里 粘贴公钥里的内容 提交就好私钥名称:id_rsa (放在自己电脑上)2,先创建个仓库 然后邀请合伙人 一起制作合伙人会在邮箱收到链接 点进去 查看邀请函 同意 即可进入你的这个仓库 有权限上传3.先使用 git clone 仓库的https地址 来克隆仓库3. 开始写项目
2020-11-21 21:46:05
263
原创 gitHub的提交仓库教程
git push 你的仓库地址 添加数据到远程仓库备注:如果远程仓库有内容,要先 git pull 你仓库地址 master需要注意的是 需要使用新的git版本来使用老的版本提交需要验证用户名和密码这是正常的 毕竟谁也不想仓库被别人恶意提交一大堆垃圾但是有个坑 验证的用户名 是你账号的电子邮箱 而不是用户名(经过一系列验证 我一直都是 各种错误 并未解决 换了新版本才提交上)而新版本的只需要授权就好了2.git remote add origin 你的仓库地址 // git 添加远程仓
2020-11-21 07:51:16
273
原创 保姆级git教程
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录简介一、git手把手二、使用步骤1.下载git2.初步使用git 分支缓存正在写的分支简介手把手教会你如何使用git一、git手把手git版本管理是一种记录文件变化的方式,以便将来查阅特定版本的文件内容。上传一次 记录一次 可回到之前的上传状态二、使用步骤1.下载git点击下列地址下载 根据自己电脑配置下载 86是64位 32是32位下载地址2.初步使用先创建一个文件夹 文件夹中创建个记事本文
2020-11-20 21:52:12
339
原创 npm如何改源
npm如何改源文章目录npm如何改源前言一、npm改源是什么?二、使用步骤1.修改npm源至淘宝源2.配置后可通过下面方式来验证是否成功总结前言这里讲一下如果更改npm的源,让你下载更快。提示:以下是本篇文章正文内容,下面案例可供参考一、npm改源是什么?把npm改为国内淘宝镜像 但是使用指令依然是npm二、使用步骤1.修改npm源至淘宝源在cmd小黑框中:npm config set registry https://registry.npm.taobao.org2.配置后可
2020-11-19 20:40:26
1543
spacesniffer
2021-01-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人