前端
前端相关
衣兜里
这个作者很懒,什么都没留下…
展开
-
Vue 可滚动组件触底刷新数据实现
以时间线组件为例,其他组件也可,注意ref时间线滚动时,会触达监听事件,进行触底判断,如触底查询数据进行拼接原创 2022-12-06 10:48:05 · 2311 阅读 · 1 评论 -
通用导出el-table表格内容的方法
本方法可以根据id(表格ID)、title(导出表格标题)、delcol(移除列名称)等属性设置进行导出,会自动移除多选框以及相关button,只导出表格内容。原创 2022-08-30 11:45:53 · 1582 阅读 · 0 评论 -
ElementUI 单选树形下拉框的实现
ElementUI 单选树形下拉框的实现,可以直接复制粘贴使用,绑定相关的变量即可原创 2022-08-24 13:41:41 · 1031 阅读 · 0 评论 -
Vue生成带图片logo以及文字的二维码组件,可下载二维码为图片,附组件调用代码--核心qrcode
灵活的二维码生成组件,可选logo以及文字,同时具有下载二维码功能原创 2022-06-22 14:21:50 · 6159 阅读 · 6 评论 -
[已解决]Vue页面中的this.$refs.xxx为undefined
1.页面内容<div class="qrcode" ref="qrCodeUrl" id="picture"></div></div>2.使用代码var qrcode = new QRCode(this.$refs.qrCodeUrl, { text: codeText, // 需要转换为二维码的内容 width: 100, height: 100, colorDark: '#000000', colorLight原创 2022-05-31 14:12:03 · 1112 阅读 · 0 评论 -
天气API的使用,展示实况天气信息
1.天气API网址说明文档2.实际应用步骤说明(1)查看使用说明,需要申请appid,appsecret信息(点击图中注册开发账号链接即可),得到cityid(个人觉得这个最准确,当然其他也可)(2)通过城市ID列表获取cityid,并下载天气图标(需要展示天气图标的选择性下载),位置是页面最底部(3)通过请求获取天气信息 $.ajax({ url: 'https://www.tianqiapi.com/api?appid=&version=v6&..原创 2022-01-27 10:40:36 · 1867 阅读 · 0 评论 -
Vue 引入js文件并使用
1.处理js文件,注意格式,一定要export,否则获取到的为null2.在Vue中引入jsimport allinfo from "../../../../static/js/allinfo .js";3.使用js中的数据vardata= allinfo.属性名称;原创 2022-01-24 17:17:27 · 23354 阅读 · 0 评论 -
ElementUI el-table 自定义cell-style
下面代码功能主要判断第五列以及第六列的颜色,tb为同比数值,hb为环比数值,最终赋予对应的样式。cellStyle(row, column, rowIndex, columnIndex) { //正常情况 var style = { 'border-color': '#BECDDC', color: 'black', .原创 2022-01-24 11:40:08 · 5720 阅读 · 0 评论 -
The JSP specification requires that an attribute name is preceded by whitespace 解决
1.首先翻译一下,JSP规范要求在属性名之前加上空白2.意思就是咱们jsp页面中某个属性名前面,缺少空格3.一般出现在jsp的头部引用位置4.如下图中,第一行位置5.将pageEncoding属性前面加上空格就好啦...原创 2021-12-27 10:38:48 · 2067 阅读 · 0 评论 -
Vue 导出Excel,大量数据分Sheet存储数据,每页N条数据
1.首先引入相关组件import FileSaver from 'file-saver';import XLSX from 'xlsx'2.我采用的方式是后端获取数据并处理好内容(一个格式化信息等),返回List传递到前台进行导出。 this.$axios.post('/api/downLoad/Excel').then((response) => { var result = response.data;原创 2021-12-20 11:01:43 · 1425 阅读 · 0 评论 -
解决定时器关闭不掉的问题,clearInterval无效
1.环境问题,this.interVal是我定义的定时器如直接写clearInterval(this.interVal);不好用,需要换成window.clearInterval(this.interVal);2.关闭指令执行的定时器源头问题,如开启了多个定时器,再去清除定时器是无效的,因为无法定位到想清除的定时器上。解决办法,将定时器归一每次开启定时器时,判断一下定时器是否存在,这样万无一失。开启:if (!this.interVal) {this.interVal =原创 2021-12-20 10:18:49 · 15833 阅读 · 7 评论 -
IE浏览器 请求报304,解决办法 设置页面禁止缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">加在HTML页面中即可,之后返回的就是200了原创 2021-08-31 11:01:53 · 2581 阅读 · 0 评论 -
十六进制的颜色转变为rgb,设置透明度,通用方法
changeToRgb(color) { var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/; var sColor = color.toLowerCase(); if (sColor && reg.test(sColor)) { if (sColor.length === 4) { .原创 2021-08-24 10:10:06 · 1057 阅读 · 0 评论 -
element-UI el-table循环渲染动态列 解决前边的列跑到后边的问题
1.数字类的变化,已知循环数量,例如a1,a2,a3的这种<el-table :data="tableData" border size="mini" height="100%" v-loading="loading"> <el-table-column prop="name" label="名称"></el-table-column> <template v-for="count in 10">原创 2021-08-05 11:20:24 · 2589 阅读 · 3 评论 -
el-form中el-upload,应用自定义rules验证必须上传文件
1.表单代码<el-form :model="addForm" size="mini" :rules="rules" ref="addForm"> <el-row> <el-col :span="24"> <el-form-item label="附件" prop="fileList"> <el-upload ref="fileupload" :data="ad原创 2021-08-04 17:37:54 · 5768 阅读 · 1 评论 -
前端JS 获取指定年月的天数,最后一天
(1)当前月份的天数var date = new Date();varenddays= new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate(); //天数(2)指定年月的天数var date = new Date('2020-02-02');//日期自定义,如果知道年月可以直接替换到下面的公式中,//注意月份是实质性的月份从1开始到12var endOfMonth = new Date(date.getFu..原创 2021-08-04 16:41:25 · 1030 阅读 · 0 评论 -
经纬度转换,度转度分秒,度分秒转为度,前端js
//度分秒转换为度function changeDu(du,fen,miao){ var mFen = 0; if(miao != null && miao != ''){ mFen = Number(miao / 60); } var fDu = 0; if(fen != null && fen != '' ){ fDu = (Number(fen) + mFen) / 60; }else{ fDu = mFen; } var lDu = 0.原创 2021-07-08 11:41:18 · 2348 阅读 · 0 评论 -
单选框(radio)多选框(checkbox)选中不好使
//好用情况最多的document.getElementById("ID").checked = true;//有时候不好使!写法正确$("#"+ID).attr('checked', true);原创 2021-07-02 16:54:34 · 238 阅读 · 0 评论 -
Vue watch监听的三种形式
aIndex: 'aIndexChange'function aIndexChange(newval,oldval){ //操作}1.直接监听直属变量,如图中aIndex这种(1)写监听方法以下效果相同,也可以直接将多赢执行方法提取为函数,在外部写aIndex: function(newval.oldval) { //操作},aIndex(newval, oldval) { // 操作}...原创 2021-06-29 15:47:57 · 379 阅读 · 0 评论 -
根据多个坐标经纬度获取到中心点的经纬度,js方法,前台处理以及如何调用
functiongetCenter(pointArray) { //console.log(JSON.stringify(pointArray)); var sortedLongitudeArray = pointArray.map(item => item.longitude).sort();//首先对经度进行排序,红色部分是array中经度的名称 varsortedLatitudeArray = pointArray.map(item => item.latitu...原创 2020-07-30 09:15:14 · 3827 阅读 · 0 评论 -
银行家算法 四舍六入 Java方法以及js实现 前端以及后端处理
1.js实现方法前端处理place为有效位数functionround2(num,place){var tnum=Math.pow(10,place);if(Math.floor(num*tnum*10)%5==0&&Math.floor(num*tnum*10)==num*tnum*10&&Math.floor(num*tnum)%2==0){returnMath.floor(num*tnum...原创 2020-09-07 17:12:08 · 590 阅读 · 0 评论 -
sort以及reverse的应用 数组排序 获取最大值 最小值 去除不符合条件的值 对数组中的对象进行排序 jquery js
假设:vararray=[];//需要进行处理的数组1.第一种,数组里面只有单一的元素(不是对象),直接对单一元素进行排序。(1)常规排序(字符串排序,不是作为数字进行排序,内部没有特殊形式的元素--null undefined) array.sort();//会改变原array的值默认从小到大排列 array.sort().reverse();//将数组颠倒(2)作为数字进行排序(每个元素都是数字) array.sort();//会改变...原创 2020-08-13 09:08:40 · 422 阅读 · 0 评论