是菜菜的小前端啊-CSDN博客

根据需求，ajax请求数据格式需为：错误示例若使用一个属性对应数据的形式，在发送请求时会出现属性名后出现[]的情况 var num = [1,2,3] var data = {"id": num}请求发送数据如下：解决方案将发送的数据设置为URLSearchParams对象，再逐条插入至对象中即可 var num = [1,2,3] var data = new URLSearchParams() for(var i=0; i< num.length; i++){ dat

2021-08-26 17:59:33 246 1

原创 ajax请求 POST方式发送raw类型数据

ajax请求 POST方式发送raw类型数据$.ajax({ url:'url', type:"POST", dataType:"json", contentType: "application/json", data: JSON.stringify({ "data1": data1, "data2": data2 ...... }), success:function (data) { //成功后执

2021-04-21 10:55:05 5835

原创 vue pagination前端分页

vue pagination前端分页1、定义相关参数data(){ return { datas: list page: 1, limit: 10, }2、表格数据设置 <el-table :data="datas.slice((page-1)*limit,page*limit)">3、分页器设置<pagination v-show="datas.length>0" :total="datas.length" :pa

2021-04-08 10:41:21 708

原创 vue el-input输入框敲击回车执行函数

js 定时器的设置与清除1、定时器的设置var timer = "";timer = setInterval("function()",1000);注：1000代表 100毫秒也就是1秒2、清除定时器clearInterval(timer);

2021-03-31 17:16:58 816

原创 bootstrap table 初始化以及搜索刷新问题

bootstrap table 初始化以及搜索刷新问题bootstrap 初始化数据和根据条件查询以及后端分页排序1、bootstrap table 初始化： $("#bootstrap-table").bootstrapTable({ url: prefix + "/url", method: 'get', queryParams: function(params) { return {

2021-03-31 16:36:25 1887

原创解决ios微信浏览器时间不兼容的问题

解决ios微信浏览器时间格式不兼容的问题由于ios在微信浏览器中无法识别“YYYY-MM-DD HH:MM:SS”格式的数据，所以在ios中页面将时间格式转换为“YYYY/MM/DD HH:MM:SS”的格式var endtime = "2021-03-31 00:00:00";var reg = new RegExp( '-' , "g" );var newDate = endtime.replace(reg,'/');...

2021-03-31 16:25:13 392

原创 vue 一键复制input中的文本内容

vue 一键复制input中的文本内容1、页面设置 <el-input v-model="copytext" disabled></el-input> <el-button ref="copy" type="primary" :data-clipboard-text="copytext" @click="copy" id="copybuttons" class="copybutton">一键复制</el-button>2、js设置 copy(){

2021-03-11 14:58:16 432

原创 el-input 输入框只可以输入正整数

el-input 输入框只可以输入正整数实现的效果为在输入框中输入非正整数，则input中的值将会被清空1、在el-input中设置<el-input v-model.trim="value" autocomplete="off" placeholder="请输入正整数数值" @keyup.native="value=test(value)?value:''"></el-input>2、判断数值是否为正整数的函数test(num) { num = num.to

2021-03-11 14:42:18 2969

原创 el-dialog 点击空白处不关闭弹窗

vue el-dialog 点击空白处不关闭弹窗想要el-dialog 点击空白处弹框不关闭可以设置： close-on-click-modal=“false”<el-dialog title="弹框空白处不关闭" :visible.sync="dialogVisible1" filterable :close-on-click-modal="false" width="50%">...

2021-03-11 14:36:25 1312

原创 vue 路由带参跳转

vue 路由带参跳转1、路由配置文件中（router.js或router/index.js等）中应设置：// 跳转至router 携带id和name{ path: 'router/:id/:name', name: 'router', component: () => import('@/views/router/router'), meta: { title: '页面名称'},}2、跳转执行处应设置：this.$router.push({ na

2021-03-11 14:31:14 141

转载 H5判断网页是否在微信、IOS、PC端打开

1、是否是在微信中打开isWeiXin: function () { var ua = window.navigator.userAgent.toLowerCase(); if((/MicroMessenger/i).test(ua)){ return true; }else{ return false; }}2、是否是在IOS中打开isIos: function () { var agent = navigator.userAgent; var.

2021-03-05 14:26:55 2037

原创 layer.confirm点击确定关闭弹框并执行函数

layer.confirm点击确定关闭弹框并执行函数layer.confirm('提示语',{ btn:["确定","取消"], btn1:function (index){ layer.close(index) $.ajax({ ........... }) btn2: layer.close() }) ...

2021-01-22 09:48:32 4267

原创 vue 保留小数点后两位以及转化为百分比

vue 保留小数点后两位以及转化为百分比1、将小数转化为百分比（保留四位小数，四舍五入）export function ChangeDecimalToPercentage(data) { var data1 = (data*100).toFixed(4)+"%" return data1}2、保留小数点后两位四舍五入export function NumFilter (value) { // 截取当前数据到小数点后两位 let realVal = parseFloat(value

2021-01-15 19:50:00 6637

原创 vue 时间格式相互转化以及判断汇总

vue 时间格式相互转化1、转化YYYYMMDDHHMMSS时间格式为YYYY-MM-DD HH:MM:ssexport function changeTime(time) { var newtime = '' newtime = time.substring(0, 4) + '-' + time.substring(4, 6) + '-' + time.substring(6, 8) + ' ' + time.substring(8, 10) + ':' + time.substring(10

2021-01-15 19:46:02 1953

原创 bootstrap table中将json数据作为参数传入函数中

bootstrap table中将json数据作味参数传入函数中1、调用时使用encodeURI 和 JSON.stringify 将json进行编码actions.push('<a class="btn btn-info btn-xs" href="javascript:void(0)" onclick="aaa(\'' + encodeURI(JSON.stringify(row)) + '\')"><i class="fa fa-street-view"></i&g

2021-01-15 19:37:45 688

原创 js 比较两个datetime类型的数据

js 比较两个datetime类型的数据 function compare(date1,date2) { let dates1 = new Date(date1); let dates2 = new Date(date2); if (dates1 > dates2) { return false } else { return true } }若返回值为fal

2021-01-12 19:58:11 391

原创 ajax 请求设置请求时请求头携带cookie

ajax 请求设置请求时请求头携带cookieajax 请求时设置请求头，需要在请求中添加 withCredentials为true$.ajax({ url:请求地址, datatype:数据类型, type:请求类型, // post、get、delete、put data:请求数据, xhrFields: { withCredentials: true }, success:function(data){ //请求成功时执行的动作 }, error:function(data

2021-01-12 19:51:01 2637

原创 Spring Boot 设置或修改端口号

SpringBoot修改端口号在项目的resources文件夹下的application.properties文件中新建或修改端口号server.port=myport //port自己需要的端口号

2021-01-08 14:07:05 330

原创 vue 子组件刷新父组件

vue 子组件刷新父组件1、通过 $emit 触发//在父组件中设置 @add = "add(val)"//子组件中使用this.$emit('add', newVal)2. 使用$parent触发//子组件直接调用this.$parent.getList()

2021-01-08 14:05:48 3144 5

原创 js 回车与空格转义

js 回车与空格转义replace("\r\n","</br>").replace("\n","</br>")

2021-01-08 13:59:28 5754

记录技术的小本本

原创 element-ui plus 文件上传组件，设置单选，并支持替换和回显

原创 vite 打包部署出现的问题

原创 ajax 和 axios 添加请求头

原创 js 大文件分片

原创 img标签渲染base64的图片

原创正则表达式

原创 Nginx常见问题及解决方案

原创 el-input 密码输入框显示隐藏优化

原创 Linux 命令（边用边记录）

原创 js 节流与防抖

原创 vue 渲染全景图两种方法【photo-sphere-viewer、krpano】

原创 npm常用命令

原创 springboot tomcat 配置虚拟目录

原创 ajax请求发送属性相同但值不同的数据