![](https://img-blog.csdnimg.cn/2019092715111047.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
基础
NOyesNONO_
这个作者很懒,什么都没留下…
展开
-
微信小程序生成条形码
处理wx.createCanvasContext(id),用wx.createSelectorQuery()替代原创 2023-01-13 15:03:43 · 4470 阅读 · 1 评论 -
修改小程序radio标签样式
radio .wx-radio-input.wx-radio-input-checked::before原创 2023-01-06 15:48:33 · 390 阅读 · 0 评论 -
vue高德地图(三):搜索地点并标记;绘制路线
用高德api获取用户搜索地点并绘制路线原创 2022-11-22 10:46:24 · 2872 阅读 · 0 评论 -
vue高德地图(二):获取并标记用户位置
在第一篇的基础上新增该功能 getLocation()。原创 2022-11-15 11:53:48 · 1109 阅读 · 1 评论 -
weui实现移动端地址三级联动,基于js
效果该项目前后端不分离,项目用的weui。地址原来是个输入框,我前端只改此处的地址三级联动。引入的address.js原创 2022-10-26 16:44:26 · 1482 阅读 · 0 评论 -
vue高德地图(一):初始化地图
JSAPI结合Vue使用 官方文档: https://lbs.amap.com/api/jsapi-v2/guide/webcli/map-原创 2022-10-08 14:09:28 · 1420 阅读 · 0 评论 -
vue中ajax请求中的this指向(指向请求本身,而不是vue)
【代码】vue中ajax请求中的this指向(指向请求本身,而不是vue)原创 2022-09-22 10:54:32 · 505 阅读 · 0 评论 -
toFixed()精度的优化
function formatFloat(num) { if (!Number.prototype._toFixed) { Number.prototype._toFixed = Number.prototype.toFixed } Number.prototype.toFixed = function (n) { return (this + 1e-14)._toFixed(n) } return Number(num).toFixe原创 2022-09-05 16:28:42 · 177 阅读 · 0 评论 -
css实践——实现凹凸线条
css实现凹形线条原创 2022-08-16 14:08:02 · 1390 阅读 · 0 评论 -
vue控制循环出来的某个dom的显示与隐藏
给每个目标dom都绑定了ref,ref名称是动态的,通过下标命名的,独一无二的。获取到这个dom并控制样式原创 2022-07-28 14:19:39 · 1779 阅读 · 0 评论 -
elementui 修改步骤条数字排序 el-step
可以通过在业务文件内修改dom内容控制步骤条上的数字改变原创 2022-07-27 15:52:24 · 2079 阅读 · 0 评论 -
elementui 选中子页面时,保持左侧导航中父级的激活状态 :default-active=“activeMenu“
去配置子路由的页面,给meta加上这个属性即可原创 2022-07-05 10:25:17 · 2028 阅读 · 2 评论 -
layui调整日期选择器大小
主要是这几个选择器改变的,效果可以在f12里自行调试原创 2022-06-23 15:12:28 · 1369 阅读 · 0 评论 -
css 实现多行省略,一行垂直居中(不支持ie)
不支持ie原创 2022-06-21 16:12:12 · 271 阅读 · 0 评论 -
elementui布局
无摘要原创 2022-06-21 09:46:36 · 142 阅读 · 0 评论 -
elementui vue 表单关闭时和取消时清空所填数据及文件
注意点:dialog的取消按钮和叉号关闭按钮对应的方法时handleCose原创 2022-06-15 13:54:19 · 2221 阅读 · 0 评论 -
项目中的图片路径为什么自动拼上了域名端口
背景:前端的dist包在后端的resource/static里这里的src路径,是由后端返回的值,是以sys开头的地址,在控制台中发现,自动补全了前边的http://域名/(项目名/),并且直接点击连接是可以访问的经查询:有网友说是:src的连接若不是http, https, ftp…等开头的都会被判断为相对路径,实际导向时就会被加上http://域名/(项目名/)另外,如果想用绝对路径,需要在路径前加上,如file:///D:/…其他网友问的这个问题里边有这个答案...原创 2022-06-07 15:56:16 · 2513 阅读 · 1 评论 -
js图片加载不出来时隐藏图片
可以在onerror里写上隐藏图片的内容,以便当图片加载失败时,不要显示成一个叉号原创 2022-06-06 19:35:28 · 1026 阅读 · 0 评论 -
elementui 描述列表Descriptions组件宽度修改
注意,该项目基于常规vue-element-admin后台系统排版问题样式1描述列表占满了整个右侧主内容区域解决1<template> <el-descriptions title="描述列表1" :column="2" border> <el-descriptions-item label="备注1"> kooriookami </el-descriptions-item> <el-原创 2022-05-31 18:06:17 · 33194 阅读 · 1 评论 -
elementui表格没有撑满外层容器,中间有列空白
场景再现代码所有el-table-column都给了固定的width,但从页面上来看,整个table的宽度要大于所有列的宽度,而右侧的操作列给了固定fixed="right"使中间多出来了空白列。比如:一共有5列,每一列都给了固定宽100px,总和宽为500px,而页面上table的宽未700px,这样就会产生200px的空白。解决方法留一列...原创 2022-05-30 09:34:14 · 3044 阅读 · 1 评论 -
vue filters 反复执行,频繁输出
<el-table-column label="支付金额" width="100"> <template slot-scope="scope">{{ scope.row.amount|formatMoney }}</template> </el-table-column> filters: { formatMoney(val) { if (Number(val) !== 0) { ...原创 2022-05-26 14:27:12 · 1055 阅读 · 0 评论 -
待解决:vue后台项目,chrome重定向过多,跳转失败
vue-element框架,启动后,使用localhost+端口方式,在chrome进行访问首页,自动跳转到了登录(此时无token,跳到登录是正常操作)。在输入用户名和密码之后,调登录接口成功了,但f12显示一直在重定向,页面也无法正常调转到首页。同样的代码,使用ie打开没问题,使用ip+端口的方式打开也没问题。项目上线也很久了,使用正常。我这次是在此项目上进行新功能。目前排查出来,是在调登录接口成功之后,token的处理有问题。因为只有在token不存在的时候才会一直跳到登录页面。结合vuex使用原创 2022-05-24 13:53:55 · 1281 阅读 · 0 评论 -
判断同一个input框两次值是否一致
1. 原生方法input有自己的方法onchange在jquery中为:$('input').on('change',function(){ console.log('两次值不一致')})当input的值发生改变时,才会触发change事件。2. 变量控制实现声明两个变量,分别存储输入框的值let first = ''let second = ''$('input').on('blur', function () { first = second second = $原创 2022-05-19 10:55:23 · 1152 阅读 · 1 评论 -
js删除数组内多个指定下标的元素
js删除数组内多个指定下标的元素let arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g']let deleteIndex = [2, 4, 7]if (deleteIndex.length > 0) { for (let i = deleteIndex.length - 1; i >= 0; i--) { arr.splice(deleteIndex[i], 1) }}console.log(arr)注意不能在循环里对原创 2022-05-11 14:39:19 · 4242 阅读 · 1 评论 -
vue 报错RangeError: Maximum call stack size exceede
A组件套B组件,但A组件的name属性写的却是B组件的名字。导致自己调自己,死循环,占内存。<template> <div class="home"> <B></B> </div></template><script>import B from "@/views/B";export default { name: "A",//原本错写成了B components: { Main }原创 2022-04-28 11:14:15 · 324 阅读 · 0 评论 -
vue动态style添加背景图backgroundImage,结合computed
vue涉及到图片需要用require,注意单引号/双引号的使用<template v-for="(item,index) in menu"> <div :key="item.id" :style="{backgroundImage:'url('+itemImg(item)+')'}"> </div></template>需要传参的话要用闭包的形式接收参数computed:{ itemImg() { return (item)原创 2022-04-27 13:54:26 · 2760 阅读 · 0 评论 -
js 获取3个月前的日期
用 js 获取3个月前的日期var today = new Date() //当天today.setMonth(today.getMonth()-3)//三个月前,时间戳today.toLocaleDateString()//格式化时间不受跨年份的影响原创 2022-04-25 15:25:45 · 6392 阅读 · 7 评论 -
qs.stringify 接口里把入参转为&连接的字符串(配合application/x-www-form-urlencoded请求头)
qs.stringify 接口里把入参转为&连接的字符串(配合application/x-www-form-urlencoded请求头)原创 2022-04-22 16:53:12 · 1030 阅读 · 0 评论 -
vue清除组件内的计数器
计时器一定要离开时清掉,否则会计时器内的代码在离开页面之后依旧会执行 destroyed() { clearInterval(this.timer) },完整:<template> <div id="countDown">{{ timeNum }}</div></template><script>export default { name: "CountDown", data() { return原创 2022-04-20 17:45:46 · 889 阅读 · 0 评论 -
css 在容器内文字两端对齐,中间均分
css 在容器内文字两端对齐,中间均分原创 2022-03-01 13:46:25 · 762 阅读 · 0 评论 -
jquery 统一字符串长度
//str 目标字符串,tarLen 目标所占空格长度(字节长度)function formatStr(str, tarLen) { //汉字相当于两个空格的字节,但是页面视觉上一个汉字要比两个空格占地窄一点 console.log('目标空格个数', tarLen)//目标字节数 if (tarLen % 2 !== 0) { console.log('!!-----目标字节建议为偶数,否则会损失字节原创 2022-02-18 17:19:58 · 1076 阅读 · 0 评论 -
jquery .show() 与 通过类名控制显示与隐藏 的权重
<div class="box">盒子</div> .box { display: none; } .box-show { display: block; } .box-none { display: none; } // $('.box').hide() // setTime...原创 2022-02-18 13:41:23 · 400 阅读 · 0 评论 -
jquery手写面包屑 进度条 (已完成/正在进行/待完成三种状态)
小logo可以变化,我在iconfont.com里找了三种,不是很合适,这里只是发博客用。项目里ui会给图的代码: <!-- 目标位置包裹面包屑,jquery失效的话去bootcdn找一个 --> <div class="nav-wrap"></div> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script> /*...原创 2022-02-08 18:06:52 · 962 阅读 · 0 评论 -
js 格式化当前时间 日期推算
//returnTime().currentDate 出参当天 year-month-date xx:xx:xx//returnTime(-1)//当天前后推移 出参 year-month-date//returnTime(1,tarDate)//指定日期前后推移 year-month-datefunction returnTime(num = 0, argDate = null) { let tarDate = ''//目标日期 if (argDate) { t原创 2022-01-25 13:32:57 · 718 阅读 · 0 评论 -
jquery 数字键盘
<body> <!-- 键盘输入框--> <div class='get-num'></div></body> init() function init() { var numStr = '' for (var i = 1; i < 10; i++) { numStr += ' <span class="key-item" data-nu原创 2021-12-30 11:26:57 · 1088 阅读 · 0 评论 -
vue 数字键盘
<!-- 键盘--> <input type="text" class='get-num' :value="num"> <div class="keyboard" @click.stop="clickKeyBoard"> <span class="key-item" v-for="(item,index) in 9" :key="index" :data-num="index+1">{{in原创 2021-12-30 10:29:33 · 791 阅读 · 0 评论 -
阿里矢量库的图标使用教程(在线,下载)
方法一:使用在线链接登录/注册账号选择看上的图标,鼠标悬浮,点击购物车点击导航栏上购物车图标,查看购物车将购物车中的图标添加至项目,若无项目,则新建项目在项目库中看到自己的图标,选择 font class 方式,并点击“查看在线连接”,然后点击生成代码点击复制代码,会得到 //at.alicdn.com/t/font_2933398_9eu14vuyrsu.css,在html中加上https:使用在html中使用link的方式鼠标悬浮图标原创 2021-11-12 13:55:40 · 1821 阅读 · 0 评论 -
try catch 不能捕获异步错误
try{ setTimeout(()=>{ throw new Error('报错信息') },10)}catch(e){ console.loe(e)}需要在 throw new Error 外直接加 try catchtry{ setTimeout(()=>{ try{ throw new Error('报错信息') }catch(e){ console.log原创 2021-11-11 10:45:50 · 723 阅读 · 0 评论 -
前端配跨域 webpack proxy路径的正确写法
devserver:{ proxy:{ '/test': { // 代理地址 target: 'http://localhost:8081', // 解决跨域 changeOrigin: true, // 是否启用https secure: true, } }}$.ajax({ url:'/test/img', ...})当检测到访问基础路径/test...时,匹配到http://localhost:8081/test...问题场景原创 2021-11-09 15:21:27 · 1175 阅读 · 0 评论 -
switch case时连写常规判断表达式的错误 case和if并用 l
let a = 5let b = 6switch (a) { case 3: console.log('a为3'); break; case 4: console.log('a为4'); break; case (5 && b === 6): console.log('a为5且b为6'); break; case 5: console.log('a为5'); //输出 break;}想象情况:输出a为原创 2021-11-03 13:54:00 · 352 阅读 · 0 评论