<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[lcc0628的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/lcc0628</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; lcc0628]]></copyright><item><title><![CDATA[Vue3+elementUI：强大好用的el-tabel+el-pagination封装，后台管理系统必备]]></title><link>https://blog.youkuaiyun.com/lcc0628/article/details/132871464</link><guid>https://blog.youkuaiyun.com/lcc0628/article/details/132871464</guid><author>lcc0628</author><pubDate>Thu, 14 Sep 2023 10:49:09 +0800</pubDate><description><![CDATA[/</</其中activityList为列表数据，total，page，limit和正常使用分页器一样传值，show-index为展示序号，loading为加载状态，getList为翻页方法，columns数据结构如下// 主要列信息// 默认展示prop中的值{prop: 'name', label: '活动名称'},// 自定义列 展示slotType插槽中的值。]]></description><category></category></item><item><title><![CDATA[Vue2+elementUI：使用JSX和template两种方式对el-tabel+el-pagination进行封装]]></title><link>https://blog.youkuaiyun.com/lcc0628/article/details/132871431</link><guid>https://blog.youkuaiyun.com/lcc0628/article/details/132871431</guid><author>lcc0628</author><pubDate>Thu, 14 Sep 2023 10:43:46 +0800</pubDate><description><![CDATA[应用场景：在编写后台管理系统时，常常会用到表格和翻页器，每次都需要重复的写很麻烦，并且普通表格只需要渲染对应的prop就可以了，完全可以用一个v-for判断去解决，因此一个自带翻页器的table组件就应运而生了。]]></description><category></category></item><item><title><![CDATA[【vue3+vite+vue-router】动态引入某个目录下的文件自动生成路由]]></title><link>https://blog.youkuaiyun.com/lcc0628/article/details/128918997</link><guid>https://blog.youkuaiyun.com/lcc0628/article/details/128918997</guid><author>lcc0628</author><pubDate>Tue, 07 Feb 2023 15:40:09 +0800</pubDate><description><![CDATA[使用vite提供的import.meta.glob，对指定目录下的文件都可以自动引入作为子路由进行注册，文件名直接作为path和name（注意name不能重复，如果重复的话可以在前面或者后面添加一个字符串作为标识），免去了复杂繁琐的引入步骤。]]></description><category></category></item><item><title><![CDATA[js实现倒数日/纪念日功能：输入一个日期和重复类型，计算当天到该日期的天数]]></title><link>https://blog.youkuaiyun.com/lcc0628/article/details/128729177</link><guid>https://blog.youkuaiyun.com/lcc0628/article/details/128729177</guid><author>lcc0628</author><pubDate>Wed, 18 Jan 2023 18:52:31 +0800</pubDate><description><![CDATA[js实现倒数日/纪念日功能：输入一个日期和重复类型，计算当天到该日期的天数]]></description><category></category></item><item><title><![CDATA[前端点击按钮跨域下载多个url文件(亲测有用)]]></title><link>https://blog.youkuaiyun.com/lcc0628/article/details/128311880</link><guid>https://blog.youkuaiyun.com/lcc0628/article/details/128311880</guid><author>lcc0628</author><pubDate>Wed, 14 Dec 2022 10:18:10 +0800</pubDate><description><![CDATA[需求要求点击下载附件后，下载后端返回来的多个文件url数组。]]></description><category></category></item><item><title><![CDATA[uniapp：根据树状结构渲染的多级地区选择器]]></title><link>https://blog.youkuaiyun.com/lcc0628/article/details/127984272</link><guid>https://blog.youkuaiyun.com/lcc0628/article/details/127984272</guid><author>lcc0628</author><pubDate>Tue, 22 Nov 2022 15:58:03 +0800</pubDate><description><![CDATA[组件实现功能：从底部弹出地区选择器，最多支持三级选择且可以自由选择级联数，加入了动画效果最终效果如图： 组件已上传到插件市场，插件ID：cc-address-selector


CSS部分


使用方法

在页面中使用组件，自定义一个ref名称进行方法的调用，目前最多只支持一二三级，需要做更多的可以自己修改

传参说明]]></description><category></category></item><item><title><![CDATA[【uniapp】将微信小程序的代码兼容支付宝小程序（暂停更新）]]></title><link>https://blog.youkuaiyun.com/lcc0628/article/details/127817986</link><guid>https://blog.youkuaiyun.com/lcc0628/article/details/127817986</guid><author>lcc0628</author><pubDate>Sat, 12 Nov 2022 11:34:02 +0800</pubDate><description><![CDATA[目前本身就有一套完善的微信小程序（兼容h5）的代码，现在的需求是将它编译成支付宝小程序，做好兼容的处理，以便后续接入支付宝服务商，在这里简单记录一下目前发现的把微信小程序编译成支付宝小程序的问题和解决方案。]]></description><category></category></item><item><title><![CDATA[【uniapp】区分平闰年/大小月/不超过当前日期的日期选择器]]></title><link>https://blog.youkuaiyun.com/lcc0628/article/details/126956585</link><guid>https://blog.youkuaiyun.com/lcc0628/article/details/126956585</guid><author>lcc0628</author><pubDate>Tue, 20 Sep 2022 16:52:16 +0800</pubDate><description><![CDATA[写一个区分平闰年/大小月/不超过当前日期的日期选择器]]></description><category></category></item><item><title><![CDATA[uniapp： 实现一个优美的带底部标识的横向滚动导航栏]]></title><link>https://blog.youkuaiyun.com/lcc0628/article/details/125979023</link><guid>https://blog.youkuaiyun.com/lcc0628/article/details/125979023</guid><author>lcc0628</author><pubDate>Mon, 25 Jul 2022 17:15:30 +0800</pubDate><description><![CDATA[图为一个列表由后台自定义的导航栏，当数量超过8个时进行分页，横向滚动预览其它导航栏，滑动后底部条也会随之变化。]]></description><category></category></item><item><title><![CDATA[Vue2+Vant2：一个可定制图标的简易扫雷小游戏]]></title><link>https://blog.youkuaiyun.com/lcc0628/article/details/125184397</link><guid>https://blog.youkuaiyun.com/lcc0628/article/details/125184397</guid><author>lcc0628</author><pubDate>Wed, 08 Jun 2022 15:43:32 +0800</pubDate><description><![CDATA[一开始在力扣看到扫雷的题，发现内容并不复杂，就想通过这个逻辑写一个单个html页面就能解决的小游戏，使用了Vue2+Vant2，因为内容不多所以没有使用脚手架，所有库直接使用cdn引入，所有功能在一个页面里解决，通过v-if进行Dom节点的渲染。...]]></description><category></category></item><item><title><![CDATA[Vue：修改二维数组中某一个坐标的数据]]></title><link>https://blog.youkuaiyun.com/lcc0628/article/details/124584488</link><guid>https://blog.youkuaiyun.com/lcc0628/article/details/124584488</guid><author>lcc0628</author><pubDate>Thu, 05 May 2022 11:04:40 +0800</pubDate><description><![CDATA[众所周知，在Vue中是不能直接操作视图中的数组的，需要使用$set方法，但是这个方法值适用一维数组。

此时，我有一组数组



数组里面还是数组



这组二维数组渲染到了dom树上，需要动态修改里面某个坐标的值，发现此时$set怎么都不好使，要么就是改不了要么就是那一行全改了





最后只能按照一维数组的思路去单独揪出来修改才实现想要的效果


const row = [...board[dx]];// 获取那一行的数据 dx为x坐标
row.splice(dy, 1, obj) // 修改 obj]]></description><category></category></item><item><title><![CDATA[JavaScript：原生js写的一个多按钮Popover 弹出框]]></title><link>https://blog.youkuaiyun.com/lcc0628/article/details/123641678</link><guid>https://blog.youkuaiyun.com/lcc0628/article/details/123641678</guid><author>lcc0628</author><pubDate>Mon, 21 Mar 2022 18:01:16 +0800</pubDate><description><![CDATA[效果如图



需求：点击按钮弹出，如果不进行其他操作则弹出层延时消失，点击另一个按钮时清楚其他弹窗

思路：先完成一个具有弹出层的按钮的样式，使用伪元素定位到按钮上方，加入定时器使其自动消失，当点击另一个按钮时重置定时器并移除弹窗节点



HTML参考


&lt;div&gt;
  &lt;a class="download-btn ios" id="ios" href="javascript:;" target="_blank"&gt;
    &lt;img class="download-i..]]></description><category></category></item><item><title><![CDATA[Vue2/Vue3+elementUI：一个可自定义内容可随机的大转盘（今天吃什么）]]></title><link>https://blog.youkuaiyun.com/lcc0628/article/details/123225136</link><guid>https://blog.youkuaiyun.com/lcc0628/article/details/123225136</guid><author>lcc0628</author><pubDate>Mon, 21 Mar 2022 17:45:19 +0800</pubDate><description><![CDATA[一个可自定义内容可随机的大转盘，Vue2和Vue3两种写法]]></description><category></category></item><item><title><![CDATA[Vue：写一个可配置内容的的随机转盘（今天吃什么）]]></title><link>https://blog.youkuaiyun.com/lcc0628/article/details/123183328</link><guid>https://blog.youkuaiyun.com/lcc0628/article/details/123183328</guid><author>lcc0628</author><pubDate>Mon, 28 Feb 2022 15:31:03 +0800</pubDate><description><![CDATA[在线预览地址：

今天吃什么https://jujubefoxx.github.io/WhatDoWeHaveToEat-/

代码：https://github.com/jujubefoxx/WhatDoWeHaveToEat-https://github.com/jujubefoxx/WhatDoWeHaveToEat-效果图：







下面是代码


HTML



&lt;div id="toEat"&gt;
    &lt;div class="wrapper"&gt;
      ...]]></description><category></category></item><item><title><![CDATA[h5+jquery:使用PickerExtend移动端级联选择器写一个从当前时间到指定时间范围的年月日选择器]]></title><link>https://blog.youkuaiyun.com/lcc0628/article/details/122448196</link><guid>https://blog.youkuaiyun.com/lcc0628/article/details/122448196</guid><author>lcc0628</author><pubDate>Wed, 12 Jan 2022 10:57:52 +0800</pubDate><description><![CDATA[picker-extend 移动端级联选择插件文档地址:picker-extend 移动端级联选择插件 - 掘金


设置选择器id为day-selector

需求:打开默认显示当前日期，不超过能选择超过当前日期


// reverse:false=&gt;向下取范围内所有整数 true=&gt;向上取
//例:selectNum(2,5)=[2,3,4,5];selectNum(2,5,false)=[5,4,3,2]

function selectNum(lowNum, upNum, rever.]]></description><category></category></item><item><title><![CDATA[h5：jquery+xgplayer实现点击封面全屏播放视频]]></title><link>https://blog.youkuaiyun.com/lcc0628/article/details/122323826</link><guid>https://blog.youkuaiyun.com/lcc0628/article/details/122323826</guid><author>lcc0628</author><pubDate>Wed, 05 Jan 2022 15:15:03 +0800</pubDate><description><![CDATA[点击播放后的效果



封面








{{-- 视频 start --}}
&lt;div class="video-container" data-src="视频地址" data-poster="封面地址"&gt;
         &lt;div class="social-list__video-poster"&gt;
             &lt;img loading="lazy" src="封面地址" alt="视频封面"/&gt;
          &lt;/div&gt;...]]></description><category></category></item><item><title><![CDATA[Taro+Vue：判断图片的横竖屏转换图片适应方式（限制最大宽度和最大高度）]]></title><link>https://blog.youkuaiyun.com/lcc0628/article/details/122323534</link><guid>https://blog.youkuaiyun.com/lcc0628/article/details/122323534</guid><author>lcc0628</author><pubDate>Wed, 05 Jan 2022 14:53:35 +0800</pubDate><description><![CDATA[效果图：限制最大宽度和最大高度实现图片自适应




HTML



  &lt;image class="img" 
         :mode="imagesMode" 
         :lazy-load="true"
         src="图片url" 
         @load="onImageLoad"/&gt;


script



  data() {
        return { imagesMode: 'widthFix' // 图片适应方式 }
        .]]></description><category></category></item><item><title><![CDATA[uni-app： APP平台的uni.getLocation前进行授权判断]]></title><link>https://blog.youkuaiyun.com/lcc0628/article/details/122010197</link><guid>https://blog.youkuaiyun.com/lcc0628/article/details/122010197</guid><author>lcc0628</author><pubDate>Sat, 18 Dec 2021 11:52:54 +0800</pubDate><description><![CDATA[引用插件：App平台的授权判断方式，另见：App权限判断和提示 - DCloud 插件市场



import permision from '../../js_sdk/wa-permission/permission';



onload



	onLoad(option) {
		// #ifdef APP-PLUS
		this.isIos = plus.os.name == 'iOS';
		// #endif
	},


method



//安卓的判断函数需要写在外面
async req.]]></description><category></category></item><item><title><![CDATA[uni-app：通用拦截器]]></title><link>https://blog.youkuaiyun.com/lcc0628/article/details/121901017</link><guid>https://blog.youkuaiyun.com/lcc0628/article/details/121901017</guid><author>lcc0628</author><pubDate>Mon, 13 Dec 2021 11:05:47 +0800</pubDate><description><![CDATA[import { baseURL, timeout } from './config'

function request(option){
  return new Promise((resolve,reject)=&gt;{
    uni.request({
	  url: baseURL + option.url,
      //这里设置了15000
      timeout:timeout,
      data: option.data,
      method: option.meth.]]></description><category></category></item><item><title><![CDATA[uni-app+uview： uni.chooseImage选择相册/拍照后使用u-upload进行上传]]></title><link>https://blog.youkuaiyun.com/lcc0628/article/details/121899565</link><guid>https://blog.youkuaiyun.com/lcc0628/article/details/121899565</guid><author>lcc0628</author><pubDate>Mon, 13 Dec 2021 10:47:16 +0800</pubDate><description><![CDATA[uniapp使用u-upload拍照上传或选择相册上传，做一个类似朋友圈一样选择图片并能实时预览和删除的场景，图片在点击发布时和其他内容一起保存到数据库]]></description><category></category></item></channel></rss>