<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[wangdanYL的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/wangdanYL</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; wangdanYL]]></copyright><item><title><![CDATA[react-beautiful-dnd拖拽插件指定拖拽元素]]></title><link>https://blog.youkuaiyun.com/wangdanYL/article/details/133694913</link><guid>https://blog.youkuaiyun.com/wangdanYL/article/details/133694913</guid><author>wangdanYL</author><pubDate>Mon, 09 Oct 2023 09:51:00 +0800</pubDate><description><![CDATA[拖拽指定可拖拽元素]]></description><category></category></item><item><title><![CDATA[对 Composition API 的个人理解]]></title><link>https://blog.youkuaiyun.com/wangdanYL/article/details/129270935</link><guid>https://blog.youkuaiyun.com/wangdanYL/article/details/129270935</guid><author>wangdanYL</author><pubDate>Tue, 28 Feb 2023 22:04:03 +0800</pubDate><description><![CDATA[Composition API 属于高级用法，并不是使用 vue3后就必须要使用的功能，而是根据项目的复杂度来权衡使用 Composition API 还是 Options API;setup 是一个类似生命周期的语法，只执行一次，对比 react hooks 则不然，它需要执行多次，也无需 useMemo useCallback;toRefs:把一个用 reactive 生命的响应式对象，类似于结构的方式 return 出去，并且导出的对象具有响应式；]]></description><category></category></item><item><title><![CDATA[定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸]]></title><link>https://blog.youkuaiyun.com/wangdanYL/article/details/127314468</link><guid>https://blog.youkuaiyun.com/wangdanYL/article/details/127314468</guid><author>wangdanYL</author><pubDate>Fri, 14 Oct 2022 09:51:09 +0800</pubDate><description><![CDATA[*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*//*定义滚动条轨道 内阴影+圆角*//*定义滑块 内阴影+圆角*/]]></description><category></category></item><item><title><![CDATA[神奇的滤镜！巧妙实现内凹的平滑圆角]]></title><link>https://blog.youkuaiyun.com/wangdanYL/article/details/126620534</link><guid>https://blog.youkuaiyun.com/wangdanYL/article/details/126620534</guid><author>wangdanYL</author><pubDate>Wed, 31 Aug 2022 11:27:48 +0800</pubDate><description><![CDATA[css实现内凹平滑圆角]]></description><category></category></item><item><title><![CDATA[文件上传插件]]></title><link>https://blog.youkuaiyun.com/wangdanYL/article/details/125199956</link><guid>https://blog.youkuaiyun.com/wangdanYL/article/details/125199956</guid><author>wangdanYL</author><pubDate>Thu, 09 Jun 2022 11:19:39 +0800</pubDate><description><![CDATA[无]]></description><category></category></item><item><title><![CDATA[PC端页面和移动端页面，两份代码来回切换]]></title><link>https://blog.youkuaiyun.com/wangdanYL/article/details/125164385</link><guid>https://blog.youkuaiyun.com/wangdanYL/article/details/125164385</guid><author>wangdanYL</author><pubDate>Tue, 07 Jun 2022 14:18:00 +0800</pubDate><description><![CDATA[PC端页面和移动端页面，两份代码来回切换_前端菜鸟丶Ndie的博客-优快云博客_reactpc端移动端切换当你分开用两份代码写PC端和移动端时，需要根据情况来判断显示那一份，可以入下解决将两份代码放入一个文件夹内，通过一个入口html文件来进行判断显示main.html //判断是手机还是电脑if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBro]]></description><category></category></item><item><title><![CDATA[react中function component值得注意的几个异步问题]]></title><link>https://blog.youkuaiyun.com/wangdanYL/article/details/123246236</link><guid>https://blog.youkuaiyun.com/wangdanYL/article/details/123246236</guid><author>wangdanYL</author><pubDate>Thu, 03 Mar 2022 09:46:41 +0800</pubDate><description><![CDATA[react中function component值得注意的几个异步问题 - 掘金React 16.8推出了react hook，使得开发人员可以在使用函数式组件（function component），通过函数式写法，可以让我们不用再去写生命周期函数。对于function component的一些基本用法相信大家都看看官方文档也就会了，有以下几个问题值得思…https://juejin.cn/post/6844904093589176334
...]]></description><category></category></item><item><title><![CDATA[react中文件大小单位转换]]></title><link>https://blog.youkuaiyun.com/wangdanYL/article/details/121633169</link><guid>https://blog.youkuaiyun.com/wangdanYL/article/details/121633169</guid><author>wangdanYL</author><pubDate>Tue, 30 Nov 2021 15:02:57 +0800</pubDate><description><![CDATA[import numeral from 'numeral';



const unitsList = ['KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB'];

export const b2ValueUnit = (val: number, fmt = '0,0.00') =&gt; {

  let unit = 'B';

  let value = numeral(val);



  unitsList.forEach((item) =&gt; {

...]]></description><category></category></item><item><title><![CDATA[display grid布局自动换行后最后一行左对齐]]></title><link>https://blog.youkuaiyun.com/wangdanYL/article/details/121532107</link><guid>https://blog.youkuaiyun.com/wangdanYL/article/details/121532107</guid><author>wangdanYL</author><pubDate>Thu, 25 Nov 2021 10:32:01 +0800</pubDate><description><![CDATA[.content{

    display: grid;

    justify-content: space-between;

    grid-template-columns: repeat(auto-fill, 256px);

    grid-gap: 10px;



    .item {

      width: 256px;

      height: 48px;

      background: ...]]></description><category></category></item><item><title><![CDATA[Git 常用命令大全]]></title><link>https://blog.youkuaiyun.com/wangdanYL/article/details/121159671</link><guid>https://blog.youkuaiyun.com/wangdanYL/article/details/121159671</guid><author>wangdanYL</author><pubDate>Fri, 05 Nov 2021 11:31:08 +0800</pubDate><description><![CDATA[Git是一个很强大的分布式版本控制系统。它不但适用于管理大型开源软件的源代码，管理私人的文档和源代码也有很多优势。



Git常用操作命令：

1)远程仓库相关命令

检出仓库：$ git clone git://github.com/jquery/jquery.git

查看远程仓库：$ git remote -v

添加远程仓库：$ git remote add [name] [url]

删除远程仓库：$ git remote rm [name]

修改远程仓库：$ git remote set..]]></description><category></category></item><item><title><![CDATA[前端数据格式化利器 Normalizr]]></title><link>https://blog.youkuaiyun.com/wangdanYL/article/details/121158245</link><guid>https://blog.youkuaiyun.com/wangdanYL/article/details/121158245</guid><author>wangdanYL</author><pubDate>Fri, 05 Nov 2021 10:40:58 +0800</pubDate><description><![CDATA[normalizr - 简书
]]></description><category></category></item><item><title><![CDATA[redux-toolkit]]></title><link>https://blog.youkuaiyun.com/wangdanYL/article/details/121157971</link><guid>https://blog.youkuaiyun.com/wangdanYL/article/details/121157971</guid><author>wangdanYL</author><pubDate>Fri, 05 Nov 2021 10:31:42 +0800</pubDate><description><![CDATA[Redux工具包 中文文档 | Redux工具包 中文文档
]]></description><category></category></item><item><title><![CDATA[react中swiper6版本实现图片组轮播]]></title><link>https://blog.youkuaiyun.com/wangdanYL/article/details/121098236</link><guid>https://blog.youkuaiyun.com/wangdanYL/article/details/121098236</guid><author>wangdanYL</author><pubDate>Tue, 02 Nov 2021 13:19:45 +0800</pubDate><description><![CDATA[import SwiperCore, { Pagination } from "swiper";

import { Swiper, SwiperSlide } from "swiper/react";

SwiperCore.use([Pagination]);

&lt;Swiper

     className="mySwiper"

     slidesPerColumnFill={"row"}

     slidesPerView={3}

     ...]]></description><category></category></item><item><title><![CDATA[css气泡框]]></title><link>https://blog.youkuaiyun.com/wangdanYL/article/details/121010681</link><guid>https://blog.youkuaiyun.com/wangdanYL/article/details/121010681</guid><author>wangdanYL</author><pubDate>Thu, 28 Oct 2021 11:23:11 +0800</pubDate><description><![CDATA[html:

&lt;divclassName={styles.rechargeAmount}&gt;

    &lt;span className={styles.popover}&gt;

              &lt;span /&gt;

              8折优惠

      &lt;/span&gt;

      充值金额:

  &lt;/div&gt;



css:

...]]></description><category></category></item><item><title><![CDATA[react + antd Table实现表格数据合并]]></title><link>https://blog.youkuaiyun.com/wangdanYL/article/details/120185524</link><guid>https://blog.youkuaiyun.com/wangdanYL/article/details/120185524</guid><author>wangdanYL</author><pubDate>Wed, 08 Sep 2021 17:51:17 +0800</pubDate><description><![CDATA[https://www.cnblogs.com/steamed-twisted-roll/p/13306677.html
]]></description><category></category></item><item><title><![CDATA[js判断当前是PC端还是移动端]]></title><link>https://blog.youkuaiyun.com/wangdanYL/article/details/120033609</link><guid>https://blog.youkuaiyun.com/wangdanYL/article/details/120033609</guid><author>wangdanYL</author><pubDate>Wed, 01 Sep 2021 10:09:30 +0800</pubDate><description><![CDATA[if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {

//移动设备
window.location.href = "移动端地址";
}
]]></description><category></category></item><item><title><![CDATA[匹配文件名不能包含特殊字符]]></title><link>https://blog.youkuaiyun.com/wangdanYL/article/details/120033556</link><guid>https://blog.youkuaiyun.com/wangdanYL/article/details/120033556</guid><author>wangdanYL</author><pubDate>Wed, 01 Sep 2021 10:07:01 +0800</pubDate><description><![CDATA[/*匹配文件名不能包含特殊字符*/
var patrn = /[!|@|◎|#|(\$)|%|(\^)|\[|\]|……|(\&amp;)|※|(\*)|×|(\()|（|(\))|）|_|——|(\+)|＋|(\|)|§|=|&lt;|&lt;=|&gt;|&gt;=|&lt;&gt;|\?|\/|!=|^=|]/gi;
if (patrn.test(file.name)) {// 如果包含特殊字符返回false
  message.warn('文件名不能包含特殊字符！');
  return fals.]]></description><category></category></item><item><title><![CDATA[echarts画中国地图]]></title><link>https://blog.youkuaiyun.com/wangdanYL/article/details/119408907</link><guid>https://blog.youkuaiyun.com/wangdanYL/article/details/119408907</guid><author>wangdanYL</author><pubDate>Thu, 05 Aug 2021 09:44:14 +0800</pubDate><description><![CDATA[https://www.makeapie.com/explore.html
]]></description><category></category></item><item><title><![CDATA[ant-design pro导出表格数据为Excel文件]]></title><link>https://blog.youkuaiyun.com/wangdanYL/article/details/119039368</link><guid>https://blog.youkuaiyun.com/wangdanYL/article/details/119039368</guid><author>wangdanYL</author><pubDate>Fri, 23 Jul 2021 16:47:11 +0800</pubDate><description><![CDATA[https://blog.youkuaiyun.com/W3464116859/article/details/115306552
]]></description><category></category></item><item><title><![CDATA[轮播图-实现中间大两边小的轮播图]]></title><link>https://blog.youkuaiyun.com/wangdanYL/article/details/118576897</link><guid>https://blog.youkuaiyun.com/wangdanYL/article/details/118576897</guid><author>wangdanYL</author><pubDate>Thu, 08 Jul 2021 17:43:34 +0800</pubDate><description><![CDATA[&lt;Swiper
  spaceBetween={-60}//幻灯片之间的距离
  slidesPerView={3} //视图幻灯片数量
  centeredSlides={true} //活动幻灯片将居中
  loop={true} // 是否循环
  className={'mySwiper2'}
&gt;
  {imgDataFour.map((e, i) =&gt; {
    return (
      &lt;SwiperSlide key={i}&gt;
        &lt;im.]]></description><category></category></item></channel></rss>