<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[DT_XUE321的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/DT_XUE321</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; DT_XUE321]]></copyright><item><title><![CDATA[JS单行代码]]></title><link>https://blog.youkuaiyun.com/DT_XUE321/article/details/132052805</link><guid>https://blog.youkuaiyun.com/DT_XUE321/article/details/132052805</guid><author>DT_XUE321</author><pubDate>Wed, 02 Aug 2023 00:21:54 +0800</pubDate><description><![CDATA[单行代码]]></description><category></category></item><item><title><![CDATA[react实现电子签名]]></title><link>https://blog.youkuaiyun.com/DT_XUE321/article/details/132001586</link><guid>https://blog.youkuaiyun.com/DT_XUE321/article/details/132001586</guid><author>DT_XUE321</author><pubDate>Sat, 29 Jul 2023 23:35:49 +0800</pubDate><description><![CDATA[react实现电子签名，主要是用 react-signature-canvas 实现]]></description><category></category></item><item><title><![CDATA[react封装tag多选标签组件]]></title><link>https://blog.youkuaiyun.com/DT_XUE321/article/details/132001009</link><guid>https://blog.youkuaiyun.com/DT_XUE321/article/details/132001009</guid><author>DT_XUE321</author><pubDate>Sat, 29 Jul 2023 22:37:40 +0800</pubDate><description><![CDATA[多选tag标签封装。]]></description><category></category></item><item><title><![CDATA[元素滚动到页面顶部和底部（自用笔记）]]></title><link>https://blog.youkuaiyun.com/DT_XUE321/article/details/131928613</link><guid>https://blog.youkuaiyun.com/DT_XUE321/article/details/131928613</guid><author>DT_XUE321</author><pubDate>Tue, 25 Jul 2023 23:48:38 +0800</pubDate><description><![CDATA[元素滚动页面顶部和底部，使用 scrollIntoView。]]></description><category></category></item><item><title><![CDATA[获取随机颜色函数（自用笔记）]]></title><link>https://blog.youkuaiyun.com/DT_XUE321/article/details/131928504</link><guid>https://blog.youkuaiyun.com/DT_XUE321/article/details/131928504</guid><author>DT_XUE321</author><pubDate>Tue, 25 Jul 2023 23:37:05 +0800</pubDate><description><![CDATA[获取随机颜色函数]]></description><category></category></item><item><title><![CDATA[获取浏览器名称通用函数（自用笔记）]]></title><link>https://blog.youkuaiyun.com/DT_XUE321/article/details/131928298</link><guid>https://blog.youkuaiyun.com/DT_XUE321/article/details/131928298</guid><author>DT_XUE321</author><pubDate>Tue, 25 Jul 2023 23:16:58 +0800</pubDate><description><![CDATA[获取浏览器名称通用函数。]]></description><category></category></item><item><title><![CDATA[检查元素是否在屏幕可见区域内（自用笔记）]]></title><link>https://blog.youkuaiyun.com/DT_XUE321/article/details/131927994</link><guid>https://blog.youkuaiyun.com/DT_XUE321/article/details/131927994</guid><author>DT_XUE321</author><pubDate>Tue, 25 Jul 2023 22:50:15 +0800</pubDate><description><![CDATA[获取一个元素的显示次数可以通过IntersectionObserver实现。]]></description><category></category></item><item><title><![CDATA[纯css实现树形组件样式（自用笔记）]]></title><link>https://blog.youkuaiyun.com/DT_XUE321/article/details/131906168</link><guid>https://blog.youkuaiyun.com/DT_XUE321/article/details/131906168</guid><author>DT_XUE321</author><pubDate>Mon, 24 Jul 2023 23:28:16 +0800</pubDate><description><![CDATA[使用纯css实现树形组件，整体结构需要利用到 details和 summary，它们天然地支持内容展开和收起。特别说明：以下所有例子代码都是在react项目中进行。]]></description><category></category></item><item><title><![CDATA[react-antd表格合并及动态数表头处理]]></title><link>https://blog.youkuaiyun.com/DT_XUE321/article/details/130233037</link><guid>https://blog.youkuaiyun.com/DT_XUE321/article/details/130233037</guid><author>DT_XUE321</author><pubDate>Tue, 18 Apr 2023 23:18:26 +0800</pubDate><description><![CDATA[antd表格合并及动态表头渲染]]></description><category></category></item><item><title><![CDATA[css实现锚点定位的几种方法]]></title><link>https://blog.youkuaiyun.com/DT_XUE321/article/details/126219469</link><guid>https://blog.youkuaiyun.com/DT_XUE321/article/details/126219469</guid><author>DT_XUE321</author><pubDate>Sun, 07 Aug 2022 23:51:52 +0800</pubDate><description><![CDATA[css实现锚点定位的几种方法]]></description><category></category></item><item><title><![CDATA[css简单实现一类卡片（自用笔记）]]></title><link>https://blog.youkuaiyun.com/DT_XUE321/article/details/125883299</link><guid>https://blog.youkuaiyun.com/DT_XUE321/article/details/125883299</guid><author>DT_XUE321</author><pubDate>Tue, 19 Jul 2022 23:44:58 +0800</pubDate><description><![CDATA[css 简单实现一类卡片]]></description><category></category></item><item><title><![CDATA[跨域请求携带cookie(自用笔记)]]></title><link>https://blog.youkuaiyun.com/DT_XUE321/article/details/124521546</link><guid>https://blog.youkuaiyun.com/DT_XUE321/article/details/124521546</guid><author>DT_XUE321</author><pubDate>Sun, 01 May 2022 00:46:34 +0800</pubDate><description><![CDATA[跨域请求携带 cookie 

]]></description><category></category></item><item><title><![CDATA[CSS实现标题样式（自用笔记）]]></title><link>https://blog.youkuaiyun.com/DT_XUE321/article/details/124520072</link><guid>https://blog.youkuaiyun.com/DT_XUE321/article/details/124520072</guid><author>DT_XUE321</author><pubDate>Sat, 30 Apr 2022 22:34:22 +0800</pubDate><description><![CDATA[纯CSS实现简单标题样式

说明：
ribbon为公用样式，ribbon1-6对应6个样式，：border， ：after 是伪元素
import React from 'react';
import './index.css'

const Title = () =&gt; {
    return (
        &lt;div&gt;
            &lt;section&gt;
                &lt;h2&gt;&lt;span&gt;CSS3实现一些标题样式&lt;]]></description><category></category></item><item><title><![CDATA[webpack如何配置less]]></title><link>https://blog.youkuaiyun.com/DT_XUE321/article/details/120397116</link><guid>https://blog.youkuaiyun.com/DT_XUE321/article/details/120397116</guid><author>DT_XUE321</author><pubDate>Mon, 20 Sep 2021 23:50:55 +0800</pubDate><description><![CDATA[暴露webpack配置npm run eject


修改3处地方
第一处

第二处

第三处



]]></description><category></category></item><item><title><![CDATA[如何暴露webpack配置]]></title><link>https://blog.youkuaiyun.com/DT_XUE321/article/details/120394793</link><guid>https://blog.youkuaiyun.com/DT_XUE321/article/details/120394793</guid><author>DT_XUE321</author><pubDate>Mon, 20 Sep 2021 23:32:52 +0800</pubDate><description><![CDATA[npm run eject
这个过程是不可逆的





]]></description><category></category></item><item><title><![CDATA[使用create-react-app创建新项目]]></title><link>https://blog.youkuaiyun.com/DT_XUE321/article/details/120298577</link><guid>https://blog.youkuaiyun.com/DT_XUE321/article/details/120298577</guid><author>DT_XUE321</author><pubDate>Tue, 14 Sep 2021 23:09:28 +0800</pubDate><description><![CDATA[使用官方脚手架create-react-app创建新项目

全局安装create- react- app脚手架 sudo cnpm install -g create-react-app

检查是否安装成功 create-react-app --version

创建一个项目 create-react-app 项目名字(英文小写)  例：  dc_2021_1


4.使用vs code 打开项目
在vs code中使用 ⇧⌘P 打开命令面板，然后输入 Install ‘code’ command in P]]></description><category></category></item><item><title><![CDATA[mac安装cnpm]]></title><link>https://blog.youkuaiyun.com/DT_XUE321/article/details/120277673</link><guid>https://blog.youkuaiyun.com/DT_XUE321/article/details/120277673</guid><author>DT_XUE321</author><pubDate>Mon, 13 Sep 2021 23:04:49 +0800</pubDate><description><![CDATA[mac安装国内镜像cnpm

打开终端，复制下面代码：sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose
检测是否安装成功：cnpm -v
下图表示安装成功


]]></description><category></category></item><item><title><![CDATA[JavaScript返回当前时间的函数封装]]></title><link>https://blog.youkuaiyun.com/DT_XUE321/article/details/120051574</link><guid>https://blog.youkuaiyun.com/DT_XUE321/article/details/120051574</guid><author>DT_XUE321</author><pubDate>Thu, 02 Sep 2021 00:11:36 +0800</pubDate><description><![CDATA[返回当前时间的函数封装
以下是完整封装，可根据需要取年月日或时分秒
function getDateTime() {
  var date = new Date();
	year = date.getFullYear();
	moth = date.getMonth() + 1; // 月份需加1
	day = date.getDate();
	hour = date.getHours() + 1; // 小时需加1
	minute = date.getMinutes();
    second = dat]]></description><category></category></item><item><title><![CDATA[Chrome使用小技巧]]></title><link>https://blog.youkuaiyun.com/DT_XUE321/article/details/120051261</link><guid>https://blog.youkuaiyun.com/DT_XUE321/article/details/120051261</guid><author>DT_XUE321</author><pubDate>Wed, 01 Sep 2021 23:40:08 +0800</pubDate><description><![CDATA[Chrome控制台打开后，按command+shift+p(苹果电脑)
control+shift+p(windows系统)
，出现如下图所示：

之后可以进行截图，清空等操作；
清空 clear

截图 capture


]]></description><category></category></item></channel></rss>