随笔分类 -  前端相关

记录一下:前端压缩图片
摘要://这里处理点击上传事件 $('#clipbg-btn').click(function () { var cas = $('#cropper-img').cropper('getCroppedCanvas'); var base64 = cas.toDataURL('image/jpeg'); $ 阅读全文
posted @ 2022-07-27 15:23 大渔33 阅读(24) 评论(0) 推荐(0)
Layui 的 form.verify 表单自定义验证
摘要:1、不需要请求后台的验证。eg: 验证格式、判空等: <!--html--> <div class="layui-form-item"> <label class="layui-form-label"><span class="required-msg ">*</span>行为:</label> < 阅读全文
posted @ 2022-01-14 09:25 大渔33 阅读(4842) 评论(0) 推荐(0)
Element el-form-item 表单有数据却警告'xxxx is required' 如('userName is required'),导致表单验证不通过
摘要:1、警告: 2、原因: 校验必填的值不是form表单的数据(form表单的数据如: ), 导致表单在验证时找不到userName这个值所以一直警告‘userName is required', 所以导致表单验证不通过 ; 提交验证form表单 3、解决: 另写校验方法 rules: { userNa 阅读全文
posted @ 2021-12-29 11:21 大渔33 阅读(5810) 评论(0) 推荐(0)
Idea 运行Vue项目老是报错: You may use special comments to disable some warnings.
摘要:解决:注释引入 eslint 代码验证部分 步骤: 项目下 → build → webpack.base.conf.js → 注释(module 下 → rules下 → ...(config.dev.useEslint ? [createLintingRule()] : []), ) → 重启项目 阅读全文
posted @ 2021-12-21 10:59 大渔33 阅读(130) 评论(0) 推荐(0)
使用ajax方式实现图片上传(保存到本地)
摘要:1、结果图: 2、前端代码: <body> <div> <img src="" id="imgViwe" style="width: 150px; height: 200px" /> <input type="file" id="file" style="display: none" multipl 阅读全文
posted @ 2021-11-16 14:11 大渔33 阅读(1806) 评论(0) 推荐(0)
两个div叠在一起各自调用不同的方法/ 阻止子元素的click事件冒泡到父元素 /event.stopPropagation() 的使用
摘要:1、效果图: 2、event.stopPropagation() 定义 菜鸟教程:https://www.runoob.com/jquery/event-stoppropagation.html 3、例子: 点击查看代码 <!DOCTYPE html> <html> <head> <meta cha 阅读全文
posted @ 2021-11-09 17:53 大渔33 阅读(249) 评论(0) 推荐(0)
Layui 实现tab页添加/修改保存后,关闭当前tab页并刷新理论父页面表格。。
摘要:/* 关闭tab页,刷新表格页面*/ function successTabCallback() { var topWindow = $(window.parent.document); var layId = $('.pagetabs', topWindow).find('.layui-this' 阅读全文
posted @ 2021-11-01 17:40 大渔33 阅读(948) 评论(0) 推荐(0)
Layui弹出层的表格设置复选框回显
摘要:一、效果图: 二、步骤: 1、将已有的ID集传到弹出页面 > 弹出层页面获取ID级: var idsArr = []; /*弹出层ID集*/ var idsStr = $("#interfaceIds").val(); if (idsStr.length != 0 && idsStr != ''){ 阅读全文
posted @ 2021-09-15 14:19 大渔33 阅读(806) 评论(0) 推荐(0)
Uncaught TypeError: Cannot convert undefined or null to object
摘要:前端报错: 原因: 解决: 阅读全文
posted @ 2021-09-01 21:55 大渔33 阅读(1011) 评论(0) 推荐(0)