![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端笔记
路痴不脸盲
前端
展开
-
小程序 - 修改头像功能
具体需求:登录后缓存微信头像,在调用某接口时,判断数据库中用户是否有头像,若为空,则将微信头像上传至服务器中,后续展示就用数据库中的头像数据。具体实现:获取缓存的微信头像,调用wx.getImageInfo()得到微信头像路径(这一步是必需步骤),再调用wx.uploadFile()上传微信头像。代码:saveUserPhoto(){ var that = this; let wxPhoto = wx.getStorageSync('avatar') console.l原创 2020-11-23 18:57:08 · 1850 阅读 · 1 评论 -
小程序实现tab标签页:可点击切换,滑动切换页面
页面效果:HTML: <view wx:if="{{userType==0}}" style="height:100%"> <view class="tab_box" style="width: 100%"> <view class="tabs_v"> <block wx:for="{{tabs}}" wx:for-item="item" wx:key="index"> <vie.原创 2020-11-12 17:14:45 · 1150 阅读 · 1 评论 -
iframe释放内存
html:<div class="dialog-cnt clearfix" style="padding:10px;"> <iframe :src="panoramaAddress" frameborder="0" style="height:100%;width:100%;" /></div>js:关闭iframe后调用removeIframeDom()方法removeIframeDom() { const iframeDom = doc原创 2020-09-25 12:29:30 · 1300 阅读 · 0 评论 -
vue报错 TypeError: Object(...) is not a function
控制台报错截图如下:经排查,是因为引用方法没有加双引号。原创 2020-09-25 10:40:26 · 5759 阅读 · 2 评论 -
element-ui 重置表单this.$refs.dataForm.resetFields()时报错
问题:element-ui 重置表单this.$refs.dataForm.resetFields()时报错: [Vue warn]: Error in v-on handler: "Error: please transfer a valid prop path to form item!"原因:执行重置表单操作时,DOM还没有加载,获取不到表单DOM,就报错了。解决方法:使用this.nextTick解决,等待dom加载以后再来获取dom对象this.$nextT...原创 2020-09-18 10:50:11 · 3682 阅读 · 0 评论 -
element-ui table表格多出一空白列
原因: el-table的宽度是100%,给每一个el-table-column设置宽度之后就会有这个问题解决方法: 删除其中一个el-table-column的宽度原创 2020-08-15 11:51:26 · 10075 阅读 · 2 评论 -
vuex学习笔记
实现功能:在info.vue传递一个状态到about.vue实现:1. 在state.js中, state:{}中是状态的管理,先定义count计数值为0, mutations:{}中是修改状态的方法,每次状态修改,count加1。2. 在info.vue中,触发状态改变:store.commit('increase'); 每次点击按钮,状态管理中的count都会加13. 在about.vue中接收状态传来的值:摘抄于慕课网教...原创 2020-07-26 18:01:34 · 102 阅读 · 0 评论 -
js引入kindeditor富文本编辑器的使用
1. 在官网上下载KindEditor文件,可以删掉不需要要到的jsp,asp,asp.net和php文件夹。接着把文件夹放到项目文件目录下。2. 修改html文件,在页面引入js文件:<script type="text/javascript" src="./kindeditor/kindeditor-all.js"></script><script type="text/javascript" src="./kindeditor/lang/zh-CN.js"原创 2020-06-14 17:55:35 · 2025 阅读 · 0 评论 -
vue中用filter实现表格实时搜索(快速搜索)
原创 2020-06-12 23:24:44 · 1558 阅读 · 0 评论 -
小笔记
1. placeholder中换行符 2. js拼接html字符串,WdatePicker中要用对引号进行转义var html = '<input name="date" type="text" onfocus="WdatePicker({dateFmt:\'yyyy-MM-dd\'})"'原创 2020-06-11 17:20:24 · 125 阅读 · 0 评论 -
解决触发change事件调用接口时,出现一次点击触发调用了多次接口的问题
具体描述:在不刷新页面的情况下,第一次点击,调用了一次接口;第二次点击,调用了两次接口,依此类推解决方法:在每次调用change事件之前先解绑,在加事件即可;用unbind() 或 off('change') 解绑 $(that).children('input').unbind();...原创 2020-06-11 14:32:44 · 1869 阅读 · 0 评论 -
利用对象属性唯一性去重
去除数组中handleCode值一样的数据: 写法一:function showDiff(arr) { var checkArr = []; var checkObj = {}; $(arr).each(function(index, value){ if(!checkObj[value.handleCode]){ checkObj[value.handleCode] = 1; checkArr.push(...原创 2020-05-12 09:24:42 · 332 阅读 · 0 评论 -
浏览器页面大小变化时,table的宽度会变化
场景:设置table宽度。当达到某个条件时,改变table的宽度;否则是默认宽度。问题:在满足该条件下,当浏览器大小改变时,table的宽度会变为原先默认的宽度。解决方法:原来是在table标签里写样式:<table width="900px"></table>最后改为:<table style="width:900px"></ta...原创 2020-03-30 22:19:52 · 1306 阅读 · 0 评论 -
jquery获取元素padding
var paddingLeft = $("#contentDiv").css("padding-left"); // 结果:"5px"paddingLeft.replace('px', '')); // 结果:"5"parseInt(paddingLeft.replace('px', '')); //转换为int原创 2020-03-16 11:36:43 · 1499 阅读 · 0 评论 -
elementui 时间选择器默认前天早上9点
time: new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate() - 1, 8)原创 2020-02-24 09:52:02 · 400 阅读 · 0 评论 -
vue子组件触发父组件中的方法this.$emit()
在子组件中通过this.$emit()实现原创 2020-01-21 16:12:04 · 5067 阅读 · 0 评论 -
vue:父组件绑定样式传给子组件
1、2、将样式绑定到对象中传给子组件对象语法:<div :style="styleObject"></div>data: { styleObject: { color: 'red', fontSize: '13px' }}数组语法:<div :style="[baseStyles, overridingSt...转载 2020-01-20 11:03:01 · 2391 阅读 · 0 评论 -
正则表达式汇总
export const valiNonnegative = (rule, value, callback) => { const reg = /^$|^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.\d+)$/ if (!reg.test(value)) { callback(new Error('请输入非负数')) //可为空 } else { ...原创 2020-01-19 17:24:29 · 101 阅读 · 0 评论 -
elementUI 表单验证:获取到input中的值(value),显示undefined
<el-form ref="dataForm" :rules="rules" :model="dataForm" label-width="100px"> <el-form-item label="年龄" prop="infoList.age"> <el-input v-model="dataForm.infoList.age" type="text...原创 2020-01-02 20:04:34 · 9125 阅读 · 2 评论 -
echarts插件实现饼图、柱状图案例
丰富的官网案例官网上提供了很多案例,在线修改代码会同步样式饼图:var data = genData(50);option = { color: ['#4472c5', '#70ad46', '#7d96bc','#3fa7dc','#ffc100','#a5a5a5','#ef7e30'], title : { text: '同名数量统计', ...原创 2019-12-19 11:13:44 · 356 阅读 · 0 评论 -
js数组去重
function uniqueCode(arr){ for(var i=0;i<arr.length;i++){ for(var j=i+1;j<arr.length;j++){ if(arr[i].code==arr[j].code){ arr.splice(j,1); ...原创 2019-10-22 19:50:52 · 53 阅读 · 0 评论 -
在html页面添加input实现复选框代码后出现“Whitelabel Error Page”错误
在html页面添加input实现复选框代码后出现“Whitelabel Error Page”错误,如下图:百度了好久,才发现是input标签没有闭合...... 记录一下这低级的错误!...原创 2018-12-05 11:22:15 · 197 阅读 · 0 评论 -
使用html的localstorage实现登录页面的记住密码功能
html代码:<div class="detailpwd"> <div class="remempwd" > <img id="remcheckbox" src="../images/remempwd1.png" /> 记住密码</div> <原创 2018-12-05 15:05:16 · 1036 阅读 · 0 评论 -
按下ESC按钮关闭layer弹层
// 按下ESC按钮关闭弹层 $('body',document).on('keyup', function (e) { if (e.which === 27) { // console.log("按下esc"); layer.closeAll(); } }); ...原创 2019-02-19 10:39:57 · 2426 阅读 · 0 评论 -
js根据开始日期和相隔天数计算出结束日期
Wdatepicker日期控件的日期格式为yyyy-MM-ddfunction getEndDate(){ var day=$("#dayLength").val();//获取相隔天数 var newTime = Date.parse($("#startDate").val()) //将日期时间转换为毫秒值 var newTimes = newTime + 3600000*24*(d...原创 2019-02-14 14:38:40 · 3305 阅读 · 0 评论 -
[正则表达式] 可以不输入,若输入只能是正整数
[正则表达式]1. 可以不输入,若输入只能是正整数var reg = /^$|^[1-9]\d*$/;if(!reg.exec($("#content").val())){ alert("请输入大于0的整数"); }2.可以不输入,若输入只能是正整数;可以输入纯空格,数字前后可以有空格,数字中间不可以有空格var reg = /^$|^\s*[1-9]\...原创 2019-02-26 10:42:32 · 2737 阅读 · 0 评论 -
没有shiro权限时判断按钮是否被隐藏
当页面没有shiro权限时,会隐藏按钮, 此时要判断按钮是否被隐藏应该用 if ($("#update").length >0){ console.log("有修改权限"); } 而不是 if ($("#update")){ console.l...原创 2019-04-16 11:40:15 · 1179 阅读 · 0 评论 -
解决 Resource interpreted as Document but transferred with MIME type application/json
在做导出功能时,可以成功导出,但是控制台报这个错,并且导出后页面显示接口调用错误 具体原因可查看 https://blog.csdn.net/just_lover/article/details/81207472 我的解决方法是:我的页面也是用了form表单,经过排查发现form表单可以不需要,所以我的删掉form表单标签后就没问题了。...原创 2019-06-11 17:57:19 · 12317 阅读 · 0 评论 -
解决checkbox复选框未选中时不传值的问题 / 判读复选框是否选中
想实现的需求是:复选框默认选中,选中时传值1,未选中时传值0; 根据W3C的规则未选中的checkbox和禁用的控件不是有效控件,不会传值。 方法1: <input type="hidden" name="aa" value="0" /> <input type="checkbox" name="aa" id="aa" value="1"...原创 2019-06-12 10:41:51 · 3188 阅读 · 1 评论 -
cnpm install 时 command not found
执行cnpm -v看看是否安装了cnpm,否则执行以下命令安装:npm install cnpm -g --registry=https://registry.npm.taobao.org原创 2019-08-04 21:14:50 · 503 阅读 · 0 评论 -
jquery实现点击图片切换为另一图片,再次点击恢复到原图片
html代码:<div class="detailpwd"> <div class="remempwd" > <img id="remcheckbox" src="../images/remempwd1.png" /> 记住密码</div> <原创 2018-12-05 14:51:55 · 13225 阅读 · 1 评论