js
雾横
前端菜鸟
展开
-
在Vue项目中,用axios的get请求携带对象参数给后端发送请求会报400错误
在Vue项目中,用axios的get请求携带对象参数给后端发送请求会报400错误原因:axios的post请求默认数据格式是json,所以服务器可以正确解析。但是get请求的默认格式是字符串,所以会报错400.项目中的post和put请求都能够直接携带对象参数并被服务器正确解析。所以猜测put应该数据格式默认也是json.解决方法:1.安装Qs插件命令参考链接: https://www.cnblogs.com/dudu123/p/10284503.html.2.后端改成post携带对象参数原创 2022-03-05 18:23:07 · 2339 阅读 · 0 评论 -
Vuex中删除state的某个属性
Vuex中删除state的某个属性1.mutations中写好删除对应属性的方法//store/index.js文件中mutations:{ //删除user属性 deleteUser(state) { delete state.user }}2.组件中调用//app.vue文件中//退出登录 logout() { this.$store.commit('deleteUser') }...原创 2022-02-27 18:36:59 · 1234 阅读 · 0 评论 -
vue 项目提交form格式数据的表单
vue 项目提交form格式数据的表单一、先将数据处理let formData = new FormData();for(let key in this.telForm){ formData.append(key,this.telForm[key]);}二、数据上传//采用封装的post方法上传this.postRequest('web/login/mobile',formData).then(res=>{ console.log(res)})//或者采用普通的axios原创 2022-02-26 16:46:27 · 5794 阅读 · 0 评论 -
Vue项目中让元素垂直居中比较好用的方法
Vue项目中让元素垂直居中比较好用的方法直接将下面的样式写在需要用的元素上.upLoad-btn { position: relative; top: 50%; /*偏移*/ transform: translateY(50%); text-align: center;}原创 2022-02-24 16:30:23 · 6894 阅读 · 0 评论 -
Vue项目的手机号表单验证
Vue项目的手机号表单验证一、根据Vue官方文档写表单验证功能二、检验规则写法export default { data(){ //验证手机号的正则表达式 let reg=/^(((13[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(17[3-8]{1})|(18[0-9]{1})|(19[0-9]{1})|(14[5-7]{1}))+\d{8})$/ //验证方法 let validatorPhone = function (phone, value, callb原创 2022-02-24 13:17:36 · 4025 阅读 · 0 评论 -
不会的问题集合
1.VUE 的v-if 为什么要绑定key值主要目的是为了高效地更新虚拟DOM元素。vue中在使用相同标签名元素的过渡切换时,也会使用到key属性,其目的也是为了让vue可以区分它们,否则vue只会替换其内部属性而不会触发过渡效果。2. v-modal 双向数据绑定的原理3.浅拷贝和深拷贝4.原型链5.跨域6.回流7.浏览器的性能优化8.伪类伪元素9.BFC是什么BFC(Block Formatting Context)格式化上下文,是Web页面中盒模型布局的CSS渲染模式,指一个原创 2021-10-09 23:53:13 · 80 阅读 · 0 评论 -
JS面试指南代码测试记录 --- Javascript篇
JS作用域与作用域链作用域作用域就是代码的执行环境,全局执行环境就是全局作用域,函数的执行环境就是私有作用域,它们都是栈内存。执行环境定义了变量或函数有权访问的其他数据。每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中 。虽然我们编写的代码无法访问这个对象,但解析器在处理数据时会在后台使用它。在 Web浏览器中,全局执行环境被认为是window对象,因此所有全局变量和函数都是作为 window对象的属性和方法创建的。在NODE环境中,全局执行环境是 gl原创 2021-09-20 23:34:27 · 348 阅读 · 0 评论 -
实现多选按钮选择状态的动态实现
实现多选按钮选择状态的动态实现思路首先要明确两个数组:totalList[]是所有多选按钮选项集合,selectedList[]是已选择的多选按钮选项集合。要做的就是,在遍历渲染的同时,通过判断totalList[]数组中是否有selectedList[]的元素,有就显示为选中状态。关键代码// 多选按钮的状态框<view class=""> <checkbox :value="subItem.id" :checked="deliveryGroup.eld原创 2021-09-06 21:53:46 · 507 阅读 · 0 评论 -
JQuery实现标签的删除与添加
JQuery实现标签的删除与添加功能描述:点击tag标签的X能删除标签,点击添加能弹出输入框填写标签的文字,完成后可以展示新添加的标签html代码<div class="card-body row"> // 第三级分类 <div class="col-10 elementClass"> //原来有的两个子标签 <span class="mx-1 border border-primary rounded p-1" style="color:rgb原创 2021-09-06 21:37:55 · 2889 阅读 · 0 评论 -
Uniapp(JS)实现小程序按键->短按删除、长按清空功能
Uniapp(JS)实现小程序按键->短按删除、长按清空功能参考博客:https://blog.csdn.net/weixin_33743292/article/details/113017148.说明:代码部分使用了uniApp的一些插件,但是重点时Js实现的的思路需要了解五个方法1、按下手指时触发:ontouchstart2、释放手指时触发:ontouchend3、手指移动触发:ontouchmove4、延时函数:setTimeout(要执行的代码, 等待的毫秒数)延时函数也可做一原创 2021-08-26 12:06:32 · 1847 阅读 · 0 评论 -
浏览器中引入百度地图,并带有导航功能
在浏览器中引入百度地图,并带有导航功能1.去百度地图API官网申请一个密钥,然后引入百度地图API<!-- 百度地图API --> <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=你的密钥"></script>2.在需要放入地图的地方,引入下面代码<div id="container"></div>原创 2021-06-26 10:15:49 · 504 阅读 · 0 评论 -
标题前面加个logo
图片垂直对齐//父级盒子.img1 { position:relative;}.img1 img { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}图片与文字在同一行1.图片和文字外面包裹一个div,并给予类名 <div class="titleCss"> <img src="http://localhost:8080/logo.png">原创 2021-04-10 21:52:55 · 139 阅读 · 0 评论 -
表格中直接输入数据
表格中直接输入数据突然想要在表格中就能输入数据,但是用的是vue和elementui,太过依赖组件,突然记得一开始学的时候,为了对齐,都是用表格做的,现在却不记得怎么写表格了。上菜鸟学了一下,赶紧记录下来代码如下<table id="myTable"> <tr class="header"> <th style="width:25%;">名称</th> <th style="width:25%;">价值</th>原创 2021-04-08 08:27:26 · 164 阅读 · 0 评论