自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 资源 (1)
  • 收藏
  • 关注

原创 vue3+vite(2.9.9)构建打包到线上环境时动态路由导入失败

前言:当前项目包含了2个子项目,自己vite.config.ts与父级vite.config.ts有关联关系,声明别名时会导致整个项目报错,直接逻辑导入路径前缀会导致打包线上时找不到路由前面的路径,故而使用动态导入路径方式来处理。此处使用vite动态导入方式,import.meta.glob('../../../lib/saas/view/*.ts');最后发布到线上可以正常访问,并且能打印出所有指定的路由文件。1、本地运行好好的没问题,发版到线上就报下面错误。

2024-10-29 18:34:30 281

原创 vue h5跳转小程序

1、在跳转方的小程序平台上配置一个URL Scheme,配置好要唤起的地址,根据官网提供的流程生成链接如下(appid就是要跳转小程序的Appid;前言,使用此标签跳转需要配置公众号的IP白名单,需要在当前h5代码存放的服务器上配置appsetting参数,需要在vue页面中请求接口获取wx.config的timestamp、nonceStr、signature;3、使用wx-open-launch-weapp来跳转,标签内的样式自行定义即可,注意:标签内的样式动态的不能解析。目前亲测有效有2种方案如下。

2024-01-18 09:50:59 1364 1

原创 el-checkbox在父子组件同时显示配合拖拽效果无法改变之前选中的值处理

element 复选框被拖动时 之前选中值无法跟随移动

2023-02-16 15:59:10 329

原创 通过navigator.userAgent(获取浏览器信息)

navigator.userAgent应用方式

2022-12-16 14:39:40 1513

原创 jquery将滚动条定位在内容底部方法

jq滚动条定位在内容最底部

2022-07-11 10:06:38 2343

原创 jq中$.inArray,$.isEmptyObject,filter过滤的应用

jq中$.inArray,$.isEmptyObject,filter过滤的应用

2022-06-10 16:03:38 180

原创 vue 配置打包后在static文件下的config.js配置文件,可在服务器找到文件更改,作用于整个项目

前言:此示例需要使用vuex,来存储获取参数,所以使用前请先安装插件(此方法适用需要修改参数较多时使用)一、首先在static文件下创建“config.js”,这个文件打包后不会被编译,所以放在这里方便在服务器上准确找到对应文件修改参数,如图:二、在main.js中配置configjs的链接import axios from 'axios';let myConfigPath = "/wechat/static/config.js"if (process.env.NODE_E..

2022-02-25 09:32:24 5342

原创 ajax传参 get/post格式下单个参数分别传值写法

get模式下,如接口仅需一个参数,写法如下(红色区域):varcategoryCode=reportDetails[0].classCode;ajax("GET",getCrowdCateProject,true,{"params":categoryCode},function(result){if(result.isSuccess){ ...

2021-09-02 14:38:00 681

原创 给数组日期排序的2种方法

let dataArr = ["2021-05-22","2021-05-12","2021-05-18","2021-05-17","2021-05-19","2021-05-25"]

2021-06-09 10:54:49 3034

原创 jq处理身份证号/手机号等字符串中间位数用星号代替

可封装公共方法来处理所有需要使用星号的字符串,此处使用三分法,比如有9个字符就将前三个与后三个显示,中间部分隐藏。如仅有1个字符,就全部显示,如有2个字符就显示第一个隐藏第二个...

2021-06-08 16:00:51 1202

原创 layui动态加载表格列

首先根据接口返回的数据拼装成动态表格加载的格式,我这里这个表格部分列数据需要动态加载,行需要动态加载,最后还有一行合计,合计行取接口字段unitReservedTota数组的total(即对所有unitReserved数组下unitReservedByDate对象中total数据的一个汇总),l如下图...

2021-06-08 15:37:53 2891

原创 layUI下导入excel文件使用new FormData

这里使用newFormData的作用是异步上传二进制文件。1、需求是列表里增加“批量导入”功能按钮,要将固定模板的excel表格传给后台接口2、使用layUI新增弹窗,3、使用form表单形式上传文件(这里注意,如使用input的type="file",form表单的enctype需用multipart/form-data)4、使用formData发送二进制文件,接口调用部分如下...

2020-11-16 17:13:23 544

原创 获取iframe子页面js方法,子页面调用父页面变量

一、获取子页面方法1、页面里增加iframe链接路径<iframesrc="consult.html"frameborder="0"class="layadmin-iframe"id="J_questionzx"></iframe>2、监听点击事件时跳转到iframe页面并执行相应的方法$("#J_questionzx")[0].contentWindow.reScrollBottom();二、iframe子页面调用父页面公共变量使用parent.c...

2020-10-13 11:33:35 703

原创 聊天窗口使滚动条加载时即显示在底部

$('html,body').animate({scrollTop:$(document).height()},50);

2020-10-13 11:07:03 199

原创 layUI表格列表中的图片点击放大

<divstyle="width:60px;"><imgsrc="'+_imageUrl+d.webImg+'"onclick="showBigImage(this)"style="width:100%"/></div>/***图片放大*/functionshowBigImage(e){layer.open({type:1,...

2020-09-25 16:49:03 502

原创 父页面select下拉框选择后跳转到iframe子页面,并滚动到相应的位置

1、父页面增加的select选项,并引用iframe链接2、与上图同在一个页面,使用iframe嵌套显示具体内容<divclass="healthprtcontent"><iframesrc="editright.html"id="iframepage"name="iframepage"frameborder="0"class="layadmin-iframe"></iframe></div>...

2020-08-25 17:35:10 527

原创 layUI弹窗数据returndata()回传赋值及取值

1、列表中的弹窗是通过layui自带的弹窗iframe形式跳转到另一个页面的如下2、目标页面需要取到需要回传的数据,存储起来,再使用return 返回,这里一定要return一下,否则上一页面无法取值

2020-08-25 16:35:43 968

原创 js倒计时

varcountDown=function(option){varcountD=function(option){clearTimeout(this.timer);vartag=option.tag,count=option.count,cb=option.cb;...

2020-07-21 17:31:44 124

原创 layUI监听select选择框的change

今天项目上要实现一个select选择框并动态获取数据展示,当选择下拉中的数据时获取到当前被选中的value值,并将参数值传给后台。本想随便写个select下拉框,但样式太不美观,重写样式也比较麻烦,还是使用layUI自带的吧。效果如下这里强调一下,引用layUI自带的select 需要引入layui-form类,否则样式引用不上。对于select的option选项,这里使用的l...

2020-04-24 10:30:56 791

原创 layUI框架通过Cropperjs实现上传图片裁剪

最近项目需求要实现上传图片并能裁剪的功能,项目框架使用layUI,于是乎,各种找度娘翻资料发现大家都极力推荐cropper组件实现截取(裁剪)上传,于是我也选择了它。业务需求是这样的:前端实现图片上传裁剪并将裁剪后图片转换为base64位编码通过ajax传给后台,后台再将base64位编码生成图片路径返回给前台展示。第一步:下载layUI官网提供的扩展组件cropper到本地,地址(htt...

2020-04-21 17:45:10 2084

cropper裁剪上传通过canvas获取base64

通过cropper.js裁剪图片并上传通过canvas获取base64位编码传给后台接口。如有问题可留言

2020-04-21

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除