自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 资源 (1)
  • 问答 (2)
  • 收藏
  • 关注

原创 HTML中的文件上传,实现点击头像上传图片

需求:点击下面这个doge然后进入选择图片的界面(类似于应用中的更换图片功能),如下????这里可以用到HTML中提供的type属性, <input type="file"> <div class="avator"> <img src="./avator.jpg" alt=""> </div>点击哪个按钮,就可以进入选择文件的界面,但是页面中也会渲染input????给input加上一个hidden属性

2021-07-18 22:32:17 6345

原创 解决JavaScript中的大数字问题(json-bigint)

今天遇到一个js中因为数字过大而导致数据传输时精度丢失,导致疯狂报错的问题(无奈),检查了好几遍代码后确定并没有写错代码,然后又回来找原因,这也好像是我第一次遇到大数字传输的问题。。。我的需求就只是通过一个很长的id值,然后发起请求并从后端获取相应的数据,最后发现是id值过长导致的报错,下面是我对这个问题的一些思考和理解JavaScript可以很精准的来表示-2^53到2^53之间的数(不包含端点),ES6中提供了两个方法Number.MAX_SAFE_INTEGER和Number.MIN_SAFE_I

2021-07-17 14:52:37 5671

原创 javaScript中的filter()方法和find()方法,以及获取两数组补集的解决方法

今天遇到一个需求,有两个数组(Array和arr),一个大数组Array,一个小数组arr,arr中的元素Array中都有,需求是在Array中去掉所有的arr,即获取????图中灰色部分本来是想遍历然后一个一个的比,结果写了一大堆代码发现还是失败了(我果然是菜鸡),无奈开始找别的方法(我就知道是有的),发现了两个超好用的方法。首先是filter()方法,filter() 方法会创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。注意:filter() 不会对空数组进

2021-07-14 00:22:36 532 3

原创 vue项目移动端rem的适配问题以及postcss-pxtorem的报错问题

今天遇到这个问题,真的折磨了我好久,我都快郁闷死了~_~在移动端项目中,需要根据不同的设备使页面实现适配,这时候通常就需要使用rem了这里需要使用两个包一个是amfe-flexible,这是一个更据使用设备的尺寸自动调节rem的依赖包,它的作用就是设置根目录的rem值安装后直接导入就可以生效了import 'amfe-flexible'效果px(iPhone6/7/8Plus)(iPad pro)这里amfe-flexible只是把根目录中的font-siz

2021-07-10 00:43:04 1809 2

原创 给vue项目添加顶部进度条的效果

1.首先要安装nprogress依赖包2.在main.js中导入,一个时nprogress的js文件,一个是css文件// 导入Nprogress对应的js和cssimport Nprogress from 'nprogress'//实现效果import 'nprogress/nprogress.css'//对应的样式3.想要实现进度条的效果(当发送请求时,页面顶部出现一个进度条,当服务器返回response之后,也就是接收到服务器响应数据之后,进度条消失),在nprogress中提供

2021-07-07 23:56:50 367 2

原创 element-ui中的upload--无效token

在使用element-ui时遇到的问题,设置好el-upload后,选择上传图片然后界面变成这样????看起来好像成功了,但是!!!控制台显示上传失败,原因是在上传时没有携带token,必须在请求头中携带一个'token'才行,但是我在main.js中明明就已经设置了一个axios的拦截器,所以,似乎是拦截其也没有发挥作用解决方法:在<el-upload>标签中加上一个:headers='headerObj',手动添加一个请求头,在data中把????这段加上去(前提

2021-07-06 22:31:15 2491

原创 element-ui中messageBox的使用

就酱,完美import { MessageBox } from 'element-ui';Vue.prototype.$confirm = MessageBox.confirm

2021-07-06 22:09:11 362

原创 vue.js中的时间过滤器

先在main.js中全局挂载Vue.filter('dateFormat', function (originVal) { //dateFormat是过滤器的名字,originVal是形参 const dt = new Date(originVal) // 年月日 const y = dt.getFullYear() const m = (dt.getMonth() + 1 + '').padStart(2, '0') //month从零开始所以加一 const d = (d.

2021-07-06 12:18:00 92

原创 vue中的.prettierrc配置

vscode中使用格式化工具后与vue中的eslint语法规则产生冲突,可以在项目更目录中设置一个.prettierrc文件,如下{ "semi": false, //使用分号,默认是true,改成false "singleQuote": true //使用单引号}...

2021-07-02 11:44:45 264

原创 Vue.js电商后台项目笔记1

菜鸡新手向,这是我在学习vue.js项目时遇到的一些小问题,用来记录一下自己的学习经历,大家一起加油^_^1.axios的导入设置axios的默认地址,再将axios挂载到Vue上,然后就可以愉快的使用this.$http.+请求发送网络请求啦// 导入axiosimport axios from 'axios'axios.defaults.baseURL = '' //输入地址Vue.prototype.$http =axios...

2021-07-01 22:49:45 123

原创 Vue element-ui 中Message的使用

element-ui 中Message的使用在element.js中import { Message } from 'element-ui'Vue.prototype.$message = Message$Message可以自己定义,只要合法就可以了,将Message挂载到Vue上就可以在使用了注意,不能直接Vue.use(Message)这样会导致每次刷新页面就出现message的弹窗...

2021-07-01 22:41:21 622

rubyinstaller-devkit-3.0.2-1-x64.exe

rubyinstaller-devkit-3.0.2-1-x64.exe

2021-07-23

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除