<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[aadyf的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/aadyf</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; aadyf]]></copyright><item><title><![CDATA[vue3+vite(2.9.9)构建打包到线上环境时动态路由导入失败]]></title><link>https://blog.youkuaiyun.com/aadyf/article/details/143337568</link><guid>https://blog.youkuaiyun.com/aadyf/article/details/143337568</guid><author>aadyf</author><pubDate>Tue, 29 Oct 2024 18:34:30 +0800</pubDate><description><![CDATA[前言：当前项目包含了2个子项目，自己vite.config.ts与父级vite.config.ts有关联关系，声明别名时会导致整个项目报错，直接逻辑导入路径前缀会导致打包线上时找不到路由前面的路径，故而使用动态导入路径方式来处理。此处使用vite动态导入方式，import.meta.glob('../../../lib/saas/view/*.ts');最后发布到线上可以正常访问，并且能打印出所有指定的路由文件。1、本地运行好好的没问题，发版到线上就报下面错误。]]></description><category></category></item><item><title><![CDATA[vue h5跳转小程序]]></title><link>https://blog.youkuaiyun.com/aadyf/article/details/135665405</link><guid>https://blog.youkuaiyun.com/aadyf/article/details/135665405</guid><author>aadyf</author><pubDate>Thu, 18 Jan 2024 09:50:59 +0800</pubDate><description><![CDATA[1、在跳转方的小程序平台上配置一个URL Scheme,配置好要唤起的地址，根据官网提供的流程生成链接如下(appid就是要跳转小程序的Appid；前言，使用此标签跳转需要配置公众号的IP白名单，需要在当前h5代码存放的服务器上配置appsetting参数，需要在vue页面中请求接口获取wx.config的timestamp、nonceStr、signature；3、使用wx-open-launch-weapp来跳转，标签内的样式自行定义即可，注意：标签内的样式动态的不能解析。目前亲测有效有2种方案如下。]]></description><category></category></item><item><title><![CDATA[el-checkbox在父子组件同时显示配合拖拽效果无法改变之前选中的值处理]]></title><link>https://blog.youkuaiyun.com/aadyf/article/details/129063557</link><guid>https://blog.youkuaiyun.com/aadyf/article/details/129063557</guid><author>aadyf</author><pubDate>Thu, 16 Feb 2023 15:59:10 +0800</pubDate><description><![CDATA[element 复选框被拖动时 之前选中值无法跟随移动]]></description><category></category></item><item><title><![CDATA[通过navigator.userAgent(获取浏览器信息)]]></title><link>https://blog.youkuaiyun.com/aadyf/article/details/128342349</link><guid>https://blog.youkuaiyun.com/aadyf/article/details/128342349</guid><author>aadyf</author><pubDate>Fri, 16 Dec 2022 14:39:40 +0800</pubDate><description><![CDATA[navigator.userAgent应用方式]]></description><category></category></item><item><title><![CDATA[jquery将滚动条定位在内容底部方法]]></title><link>https://blog.youkuaiyun.com/aadyf/article/details/125715906</link><guid>https://blog.youkuaiyun.com/aadyf/article/details/125715906</guid><author>aadyf</author><pubDate>Mon, 11 Jul 2022 10:06:38 +0800</pubDate><description><![CDATA[jq滚动条定位在内容最底部]]></description><category></category></item><item><title><![CDATA[jq中$.inArray，$.isEmptyObject，filter过滤的应用]]></title><link>https://blog.youkuaiyun.com/aadyf/article/details/125222395</link><guid>https://blog.youkuaiyun.com/aadyf/article/details/125222395</guid><author>aadyf</author><pubDate>Fri, 10 Jun 2022 16:03:38 +0800</pubDate><description><![CDATA[jq中$.inArray，$.isEmptyObject，filter过滤的应用]]></description><category></category></item><item><title><![CDATA[vue 配置打包后在static文件下的config.js配置文件，可在服务器找到文件更改,作用于整个项目]]></title><link>https://blog.youkuaiyun.com/aadyf/article/details/123125100</link><guid>https://blog.youkuaiyun.com/aadyf/article/details/123125100</guid><author>aadyf</author><pubDate>Fri, 25 Feb 2022 09:32:24 +0800</pubDate><description><![CDATA[前言：此示例需要使用vuex，来存储获取参数，所以使用前请先安装插件(此方法适用需要修改参数较多时使用)

一、首先在static文件下创建“config.js”，这个文件打包后不会被编译，所以放在这里方便在服务器上准确找到对应文件修改参数，如图：



二、在main.js中配置configjs的链接




import axios from 'axios';

let myConfigPath = "/wechat/static/config.js"

if (process.env.NODE_E..]]></description><category></category></item><item><title><![CDATA[ajax传参 get/post格式下单个参数分别传值写法]]></title><link>https://blog.youkuaiyun.com/aadyf/article/details/120060282</link><guid>https://blog.youkuaiyun.com/aadyf/article/details/120060282</guid><author>aadyf</author><pubDate>Thu, 02 Sep 2021 14:38:00 +0800</pubDate><description><![CDATA[get模式下，如接口仅需一个参数，写法如下(红色区域)：

varcategoryCode=reportDetails[0].classCode;

ajax("GET",getCrowdCateProject,true,{"params":categoryCode},

function(result){

if(result.isSuccess){

    ...]]></description><category></category></item><item><title><![CDATA[给数组日期排序的2种方法]]></title><link>https://blog.youkuaiyun.com/aadyf/article/details/117730304</link><guid>https://blog.youkuaiyun.com/aadyf/article/details/117730304</guid><author>aadyf</author><pubDate>Wed, 09 Jun 2021 10:54:49 +0800</pubDate><description><![CDATA[let dataArr = ["2021-05-22","2021-05-12","2021-05-18","2021-05-17","2021-05-19","2021-05-25"]


]]></description><category></category></item><item><title><![CDATA[jq处理身份证号/手机号等字符串中间位数用星号代替]]></title><link>https://blog.youkuaiyun.com/aadyf/article/details/117705648</link><guid>https://blog.youkuaiyun.com/aadyf/article/details/117705648</guid><author>aadyf</author><pubDate>Tue, 08 Jun 2021 16:00:51 +0800</pubDate><description><![CDATA[可封装公共方法来处理所有需要使用星号的字符串，此处使用三分法，比如有9个字符就将前三个与后三个显示，中间部分隐藏。如仅有1个字符，就全部显示，如有2个字符就显示第一个隐藏第二个


...]]></description><category></category></item><item><title><![CDATA[layui动态加载表格列]]></title><link>https://blog.youkuaiyun.com/aadyf/article/details/117704700</link><guid>https://blog.youkuaiyun.com/aadyf/article/details/117704700</guid><author>aadyf</author><pubDate>Tue, 08 Jun 2021 15:37:53 +0800</pubDate><description><![CDATA[首先根据接口返回的数据拼装成动态表格加载的格式，我这里这个表格部分列数据需要动态加载，行需要动态加载，最后还有一行合计，合计行取接口字段unitReservedTota数组的total(即对所有unitReserved数组下unitReservedByDate对象中total数据的一个汇总)，l如下图


...]]></description><category></category></item><item><title><![CDATA[layUI下导入excel文件使用new FormData]]></title><link>https://blog.youkuaiyun.com/aadyf/article/details/109725093</link><guid>https://blog.youkuaiyun.com/aadyf/article/details/109725093</guid><author>aadyf</author><pubDate>Mon, 16 Nov 2020 17:13:23 +0800</pubDate><description><![CDATA[这里使用newFormData的作用是异步上传二进制文件。

1、需求是列表里增加“批量导入”功能按钮，要将固定模板的excel表格传给后台接口



2、使用layUI新增弹窗，



3、使用form表单形式上传文件（这里注意，如使用input的type="file",form表单的enctype需用multipart/form-data）



4、使用formData发送二进制文件，接口调用部分如下




...]]></description><category></category></item><item><title><![CDATA[获取iframe子页面js方法，子页面调用父页面变量]]></title><link>https://blog.youkuaiyun.com/aadyf/article/details/109047501</link><guid>https://blog.youkuaiyun.com/aadyf/article/details/109047501</guid><author>aadyf</author><pubDate>Tue, 13 Oct 2020 11:33:35 +0800</pubDate><description><![CDATA[一、获取子页面方法

1、页面里增加iframe链接路径

&lt;iframesrc="consult.html"frameborder="0"class="layadmin-iframe"id="J_questionzx"&gt;&lt;/iframe&gt;

2、监听点击事件时跳转到iframe页面并执行相应的方法

$("#J_questionzx")[0].contentWindow.reScrollBottom();



二、iframe子页面调用父页面公共变量使用parent.c...]]></description><category></category></item><item><title><![CDATA[聊天窗口使滚动条加载时即显示在底部]]></title><link>https://blog.youkuaiyun.com/aadyf/article/details/109047006</link><guid>https://blog.youkuaiyun.com/aadyf/article/details/109047006</guid><author>aadyf</author><pubDate>Tue, 13 Oct 2020 11:07:03 +0800</pubDate><description><![CDATA[$('html,body').animate({scrollTop:$(document).height()},50);


]]></description><category></category></item><item><title><![CDATA[layUI表格列表中的图片点击放大]]></title><link>https://blog.youkuaiyun.com/aadyf/article/details/108799979</link><guid>https://blog.youkuaiyun.com/aadyf/article/details/108799979</guid><author>aadyf</author><pubDate>Fri, 25 Sep 2020 16:49:03 +0800</pubDate><description><![CDATA[&lt;divstyle="width:60px;"&gt;&lt;imgsrc="'+_imageUrl+d.webImg+'"onclick="showBigImage(this)"style="width:100%"/&gt;&lt;/div&gt;

/**

*图片放大

*/

functionshowBigImage(e){

layer.open({

type:1,

...]]></description><category></category></item><item><title><![CDATA[父页面select下拉框选择后跳转到iframe子页面，并滚动到相应的位置]]></title><link>https://blog.youkuaiyun.com/aadyf/article/details/108225565</link><guid>https://blog.youkuaiyun.com/aadyf/article/details/108225565</guid><author>aadyf</author><pubDate>Tue, 25 Aug 2020 17:35:10 +0800</pubDate><description><![CDATA[1、父页面增加的select选项，并引用iframe链接



2、与上图同在一个页面，使用iframe嵌套显示具体内容

&lt;divclass="healthprtcontent"&gt;

&lt;iframesrc="editright.html"id="iframepage"name="iframepage"frameborder="0"class="layadmin-iframe"&gt;

&lt;/iframe&gt;

&lt;/div&gt;
...]]></description><category></category></item><item><title><![CDATA[layUI弹窗数据returndata()回传赋值及取值]]></title><link>https://blog.youkuaiyun.com/aadyf/article/details/108224050</link><guid>https://blog.youkuaiyun.com/aadyf/article/details/108224050</guid><author>aadyf</author><pubDate>Tue, 25 Aug 2020 16:35:43 +0800</pubDate><description><![CDATA[1、列表中的弹窗是通过layui自带的弹窗iframe形式跳转到另一个页面的如下



2、目标页面需要取到需要回传的数据，存储起来，再使用return 返回，这里一定要return一下，否则上一页面无法取值


]]></description><category></category></item><item><title><![CDATA[js倒计时]]></title><link>https://blog.youkuaiyun.com/aadyf/article/details/107493532</link><guid>https://blog.youkuaiyun.com/aadyf/article/details/107493532</guid><author>aadyf</author><pubDate>Tue, 21 Jul 2020 17:31:44 +0800</pubDate><description><![CDATA[varcountDown=function(option){

varcountD=function(option){

clearTimeout(this.timer);

vartag=option.tag,

count=option.count,

cb=option.cb;

...]]></description><category></category></item><item><title><![CDATA[layUI监听select选择框的change]]></title><link>https://blog.youkuaiyun.com/aadyf/article/details/105724969</link><guid>https://blog.youkuaiyun.com/aadyf/article/details/105724969</guid><author>aadyf</author><pubDate>Fri, 24 Apr 2020 10:30:56 +0800</pubDate><description><![CDATA[今天项目上要实现一个select选择框并动态获取数据展示，当选择下拉中的数据时获取到当前被选中的value值，并将参数值传给后台。

本想随便写个select下拉框，但样式太不美观，重写样式也比较麻烦，还是使用layUI自带的吧。效果如下



这里强调一下，引用layUI自带的select 需要引入layui-form类，否则样式引用不上。



对于select的option选项，这里使用的l...]]></description><category></category></item><item><title><![CDATA[layUI框架通过Cropperjs实现上传图片裁剪]]></title><link>https://blog.youkuaiyun.com/aadyf/article/details/105661082</link><guid>https://blog.youkuaiyun.com/aadyf/article/details/105661082</guid><author>aadyf</author><pubDate>Tue, 21 Apr 2020 17:45:10 +0800</pubDate><description><![CDATA[最近项目需求要实现上传图片并能裁剪的功能，项目框架使用layUI，于是乎，各种找度娘翻资料发现大家都极力推荐cropper组件实现截取(裁剪)上传，于是我也选择了它。

业务需求是这样的：前端实现图片上传裁剪并将裁剪后图片转换为base64位编码通过ajax传给后台,后台再将base64位编码生成图片路径返回给前台展示。

第一步：下载layUI官网提供的扩展组件cropper到本地，地址(htt...]]></description><category></category></item></channel></rss>