1.怎么把YouTube视频到电脑上
2.reactadmin？
3.vue3实用工具mini-vue｜阮一峰推荐
4.[按键精灵][老狼源码分享]----安卓生成多点找色特征
5.Python时序预测系列基于CNN+LSTM+Attention实现单变量时间序列预测（案例+源码）
6.阮一峰推荐学习 vue3 源码的源码网利器

怎么把YouTube视频到电脑上

       把YouTube视频下载到手机或电脑上，我们才能不受网络限制随时观看。源码网本篇教程整理了条有效的源码网油管视频下载方法，操作起来都非常简单，源码网MP4 P、源码网4K、源码网osg游戏源码8K的源码网高清视频和MP3音频、视频字幕都能成功下载。源码网

       本文目录（快捷导航）

       方法1：在电脑上使用Free Download Manager方法2：在火狐浏览器中使用Easy YouTube Video Downloader Express插件方法3：在电脑上使用DownSub下载视频字幕方法4：在电脑上使用Savieo方法5：在电脑上使用Loader.to方法6：在手机上使用YouTube Premium方法7：在手机上使用TubeMate方法8：在视频地址里加入“SS”方法9：在电脑上使用YouTubeMp4方法：在Firefox浏览器中使用YouTube Downloader插件方法：在Opera浏览器中使用YouTube Video and Audio Downloader插件方法：在电脑上使用Ddownr方法：在电脑上使用Y2mateTV方法：在电脑上使用KeepVid方法：在电脑上使用YTMP3方法：在电脑上使用ClipGrab方法：在电脑上使用VLC Media Player方法：在电脑上使用4K Video Downloader方法：在电脑上使用5KPlayer方法：使用iPhone或iPad下载视频如何找到最新的源码网YouTube视频下载工具关于受版权保护内容的说明

       方法1：在电脑上使用Free Download Manager

       Free Download Manager是下载YouTube视频的好工具，这个工具我还没看到有别人分享过。源码网以前，源码网下载视频的源码网时候我是用网页下载。但，源码网这种方式不支持你下载高清的源码网p的视频，只能下载低清晰度的源码网。第二、不支持下载大文件，比如说你这个文件一点几个g、两点几个g、三点几个g它不行，不给下载，速度还很慢。后来，我就找到了这款工具，

       /download-youtube-video/。

       我觉得非常好用。它的特点是什么？第一，支持多平台，MacOS、Linux、windows，甚至安卓都可以用。第二，没有广告，也很安全，这个工具我已经用了很多年了，非常安全。现在，我们就来介绍一下这个工具如何使用。

       1. 首先，我们到它的网站：Freedownloadmanager.org

       2. 我们点“Free Download”，就能下载这个工具了。再跟大家讲一下它支持哪些版本。默认情况下，因为我是windows系统，所以下载的是windows版本的程序，它还支持MacOS、安卓、Linux和谷歌Chrome浏览器以及火狐浏览器的插件。所以，你要感兴趣的话，你也可以下载插件版本的，用起来更方便。

       3. 下载后进行安装，安装完之后，我们来看看到底怎么下载视频。打开一个YouTube的视频，点击右键，选择copy这个视频的地址：

       4. 复制视频url地址的目的是用来放在Free Download Manager视频下载器中。打开下载器程序，点左上角的加号，然后它会自动把你刚才拷贝的视频地址给放进来，你只需要再点ok就可以了：

       5. 下载工具开始分析这个视频，找出来它的各种格式，可以看到5.个g的p分辨率的都支持下载：

       如果视频有字幕的话，这个工具也支持下载，上图中的选项里会有字幕下载项目。

       方法2：在火狐浏览器中使用Easy YouTube Video Downloader Express插件

       1. 首先，下载安装火狐浏览器。

       2. 然后，用浏览器打开谷歌搜索“download youtube for firefox”，寻找火狐浏览器可以使用的YouTube下载器插件：

       搜到一个插件叫做“Easy YouTube Video Downloader Express”，点击打开这个链接：

       3. 在跳转到的插件页面中，可以把插件安装到火狐浏览器中，安装按钮和下图一致。插件添加后，显示如下：

       4. 在油管中找到你想要下载的视频，就可以在视频下方看到这么一个下载的按钮，点一下，里面有各种下载选项，有p、p、p，你可以选择你要下载的高清度：

       5. 直接点击，就可以开始下载了。

       方法3：在电脑上使用DownSub下载视频字幕

       DownSub是一个免费的web应用程序，可以直接从Youtube、物流系统模板源码VIU、Viki、Vlive等网站下载视频字幕。这款工具支持下载的字幕格式：SRT，TXT。

       DownSub不会强迫用户下载或安装任何类型的扩展或第三方软件。它提供了一种在线下载视频字幕的方法，只需输入视频的URL并点击下载，操作步骤如下：

       1. 首选，复制YouTube视频的url地址。你可以在视频上右键点击copy，也可以在视频下方的分享share中找到视频地址：

       2. 然后，我们打开DownSub网站：Downsub.com，这是专门下载YouTube字幕的网站：

       3. 我们把之前得到的Youtube视频链接粘贴到上图的框中，然后我们只需要点“DOWNLOAD”，下载工具就会自动分析这个视频中包含的字幕信息。分析好了后，它会提供两个下载版本：

       一个是SRT版本，这就是标准的字幕文件；还有一个TXT文件版本，都可以下载。同时，这个工具可以侦测出Youtube视频字幕是哪种语言。如果，你想要把字幕翻译成其他语言，可以在第二语言中进行选择，就会生成对应的语言版本：

       方法4：在电脑上使用Savieo

       Savieo是一款线上的下载视频的工具，支持常见的YouTube等平台的视频下载，只需要把视频的网址粘贴进入，就可以在线下载视频，具体操作步骤：

       1. 首先，打开Savieo的官网：Savieo.com：

       在它的首页上，我们可以发现这款视频下载工具不仅仅支持油管的视频，还支持很多其他视频网站：

       2. 把待下载视频的Url地址填入框中，然后点击DOWNLOAD按钮，这个工具会解析视频，给出几个不同清晰度的下载选项：

       3. 选择你想要下载的版本，比如p的，点击对应清晰度后面的“DOWNLOAD”，会跳转到对应分辨率的视频界面，然后在视频右下角进行下载：

       方法5：在电脑上使用Loader.to

       这款工具可以用来下载各种格式的YouTube视频，最高可支持8K分辨率的视频下载。使用它的方法也很简单：

       1. 首先打开其官网：Loader.to，然后填入你想要下载的视频地址，选择好格式，点击“DOWNLOAD”解析视频：

       2. 视频会在下方进行解析，完成后即可下载：

       方法6：在手机上使用YouTube Premium

       如果您不住在这些国家/地区之一，下载视频需要订阅YouTube Premium。此订阅费用为个人每月.美元或同一家庭中最多5人每月 .美元，并包括订阅YouTube音乐等多种福利。

       无论您是否需要高级订阅，过程都完全相同。虽然这是下载YouTube视频的最简单方法，但您将无法在应用程序之外访问视频；为此需要第三方工具的帮助。

       购买YouTube Premium后，下载视频的方法：

       1. 在手机上打开YouTube应用。

       2. 打开您要下载的视频。

       3. 点击视频下方的下载按钮。

       4. 选择下载的视频质量。如果您尚未订阅YouTube Premium，该应用会在您下载视频之前提示您进行订阅，

       /download-youtube-video/。

       5. 点击下载。

       下载后，“下载”按钮将变为黑色勾号并显示“已下载”。离线时可以在YouTube应用的主页选项卡中访问下载的视频。

       您可以通过点击“Downloaded”按钮并点击删除来删除已下载的YouTube视频。

       方法7：在手机上使用TubeMate

       TubeMate是允许您下载YouTube视频的众多服务之一，使用方法如下：

       1. 通过APKMirror下载TubeMate应用程序。

       2. 打开YouTube应用。

       3. 打开您要下载的视频。

       4. 点击视频正下方的分享图标。

       5. 点击应用列表上的TubeMate。

       6. 允许TubeMate获取权限。

       7. 选择下载的视频格式。

       8. 点击红色的下载按钮。

       9. 点击屏幕底部的向下箭头，以查看下载状态。

       您可以通过两种方式访问下载的视频。打开TubeMate应用程序并点击屏幕底部的已下载按钮，或者您可以在手机存储中找到视频。它们将位于Google文件的内部存储 视频中。

       方法8：在视频地址里加入“SS”

       无需安装软件即可下载YouTube视频的第一个选项是通过SaveFromNet。SaveFromNet声称它提供了一种使用其“SS”来获取YouTube视频的简单、快捷的方法。借助此功能，您只需在YouTube链接中添加代码“SS”，大灌篮 源码 后台即可使用这款基于网络的应用程序尽快获取视频。

       同时，使用SaveFromNet，您可以将视频保存为MP4和WEBM格式。您还可以下载高质量YouTube视频，因为它提供高达p的分辨率。 此外，SaveFromNet还能够将油管视频转换为MP3格式。如果您想知道如何在不安装软件的情况下从YouTube下载视频，请依照以下步骤，

       /download-youtube-video/。

       1. 从网络浏览器访问YouTube的官方网站并选择一个您想要下载的视频。

       2. 接下来，将鼠标悬停在页面最上方的URL栏中。然后，在youtube.com 之前输入“SS”，然后单击Enter键。

       3. 之后，您将被自动重定向到YouTube视频下载页面。在此处，单击下载按钮旁边的下拉菜单。然后，从提供的格式（MP4、MP3 和 WEBM）中选择一种并等待片刻，直到您的文件成功下载。

       方法9：在电脑上使用YouTubeMp4

       YouTubeMp4是一个第三方网站可以让用户在几分钟内下载YouTube视频。您所要做的就是复制粘贴视频的链接，网站会自动将视频保存在您的PC上。

       对于不想费事更改URL的人来说，这是一个合适的选择。只需单击一下，您就可以在您的计算机上下载任何YouTube视频。更好的是所有这些都是免费提供的，这意味着您无需支付一分钱即可下载油管视频。请按照以下步骤下载视频：

       1. 打开YouTube并复制您要下载的视频链接。

       2. 转到第三方网站并将链接粘贴到给定的文本栏中。

       3. 点击“Go”并选择视频质量。这会将视频保存在您的计算机上，您可以随时观看。

       或者，点击页面中的“Download Video”，可以跳转到视频下载页面。

       继续，点击页面中视频右下角的三个点标志。

       即可看到下载按钮，点击开始下载视频。

       方法：在Firefox浏览器中使用YouTube Downloader插件

       在Mozilla Firefox浏览器中的“扩展”选项卡搜索“YouTube Downloader”，找到后，安装扩展程序并播放您要下载的YouTube视频。

       现在，只需从列表中选择你想要的视频质量，进行下载即可，视频将保存在您的电脑上。使用此扩展程序的主要优点是您可以单独下载mp3文件，如果您只想保存音轨而不需要视频，这将很有帮助；另外，使用它，我们还可以下载p超高清视频。

       方法：在Opera浏览器中使用YouTube Video and Audio Downloader插件

       YouTube Video and Audio Downloader是Opera浏览器的专用扩展程序，允许用户从YouTube下载mp4视频及mp3格式音频。凭借其一键下载功能，您将能够在几秒钟内开始下载所需的视频。

       方法：在电脑上使用Ddownr

       Ddownr是一款快速、安全且免费的在线下载器，让您无需软件即可下载高质量的YouTube视频。您需要做的就是按照以下步骤操作：

       1. 复制您要从YouTube下载的视频的URL。

       2. 将视频URL粘贴到Ddownr。

       3. 单击下载以指定播放列表中的视频分辨率（支持P的MP4和最高8K的WEBM视频格式）。

       4. 准备就绪后，视频会以ZIP文件的形式下载到您的计算机上。

       方法：在电脑上使用Y2mateTV

       Y2mate是油管顶级下载工具之一，可让您在没有软件的情况下以高清质量下载YouTube视频。它还支持所有格式并且非常易于使用，您需要做的就是按照以下步骤操作：

       1. 搜索要下载的视频的名称或复制粘贴视频的链接。

       2. 选择视频/音频格式，然后单击“下载”。

       3. 等到转换完成后再下载文件。

       Y2mate YouTube Converter不仅是一个视频转换器，还是一个音频转换器。您可以轻松地将 YouTube 视频、**、音乐、在线课程、MTV、播放列表等转换为您想要的格式，例如 MP4、笨拙的忍者源码kbps MP3。 MOV、WMV、AVI、FLV、MKV、M4A、MKA、WAV、AAC、FLAC、AIFF、OGG（所有这些格式都可以在桌面软件上使用）。MP3、MP4格式兼容多种设备，可以在Windows、Mac、iPhone、iPad、Android手机上流畅播放和观看。在线 Y2mate YouTube 转换器完全支持标清、高清P、全高清P、超高清4K视频。

       方法：在电脑上使用KeepVid

       Keepvid拥有一体化视频解决方案，这意味着对您而言，无需任何软件即可下载YouTube视频。

       Keepvid允许您在任何网站上下载视频，并提供在线视频转换器、在线视频压缩器、在线视频编辑器等等工具。使用Keepvid，您只需按照以下步骤操作：

       1. 从YouTube视频页面复制链接。

       2. 将链接粘贴到Keepvid网站的顶部文本框中。

       3. 选择视频格式，开始下载。

       方法：在电脑上使用YTMP3

       YTMP3是下载速度最快的站点之一，并且可以免费使用。它还可以将YouTube视频转换为kbps mp3格式。要在Ytmp3上下载视频，您需要做的就是：

       1. 复制您要下载的视频的URL链接。

       2. 等待几秒钟以获取下载选项。

       3. 单击红色的“下载”按钮，视频立即开始下载。

       只需单击一下，整个视频和音乐世界供您欣赏。使用YTMP3 YouTube转换器将油管视频转换为MP3、MP4、M4A 格式。除了YouTube，YTMP3转换器还支持1,多个流行的流媒体网站，提供高速下载和无损转换。

       支持的格式：mp3，mp4，HD mp4，m4a，webm，MOV，AVI，MKV，3GP，WAV，MKA；

       支持的网站：YouTube、Facebook、Instagram、Vimeo、Reddit、SoundCloud、Twitter、Lynda、VEVO、Liveleak、Bilibili、BBC、Foxnews、MTV、NBC、Coub、Vlive、Einthusan、MixCloud 和更多在线视频/音乐门户。

       支持的视频分辨率：p、p、p、p、p、linux源码 编译结果p、4K。

       支持的MP3比特率： kbps、 kbps、 kbps、 kbps。

       方法：在电脑上使用ClipGrab

       ClipGrab是适用于Mac、Windows和Linux用户的免费程序。它是开源的，但源代码仅适用于Linux。访问ClipGrab.org，然后单击显示所有下载选项，您将在那里看到Mac、Windows和Linux的下载链接。我将在本文中向您展示Mac版本，这三个版本的界面几乎相同，使用方法是一样的。

       1. 复制YouTube视频的链接。您可以在浏览器的URL栏中执行此操作，或单击视频本身下方的“共享”按钮。

       2. 启动ClipGrab，确保您位于“Downloads”选项卡上。

       3. 粘贴您要下载的视频的URL。

       4. 最后，单击“Grab This Clip”。

       您可以调整一些选项。

       例如，您可以选择视频在计算机上存储时的格式。我通常选择Original，但如果这不起作用，我会指定其他内容。

       您还可以选择下载的分辨率。根据视频的原始分辨率，您可以选择下载全分辨率视频或降低分辨率以节省空间。

       最后，点击“Settings”选项卡可让您自定义ClipGrab将新下载的视频存放在何处。

       方法：在电脑上使用VLC Media Player

       VLC媒体播放器几乎可以播放所有类型的媒体文件，它还可以用于下载YouTube视频，方法如下（如果遇到任何问题，请尝试重新安装VLC并清除缓存以使其正常工作）：

       1. 如果您的Windows PC上还没有该程序，请下载并安装最新版本的VLC媒体播放器。

       2. 将YouTube视频的URL复制到剪贴板。

       3. 打开VLC并单击左上角的媒体菜单，选择打开网络流。

       4. 将复制的视频地址粘贴到“Please enter the network URL”框中，点击播放。油管视频将开始在VLC中播放。

       5. 现在转到Tools Codec并从窗口底部的位置框中复制长URL。

       6. 将此URL粘贴到浏览器的地址栏中，然后单击“OK”，视频将在新选项卡中开始播放。

       右键单击，并选择“将视频另存为”以将YouTube视频下载为MP4文件。

       方法：在电脑上使用4K Video Downloader

       4K Video Downloader可以抓取质量高达8K的视频，并提供多种下载格式。只需复制油管视频的URL并单击粘贴链接按钮即可开始。

       4KVD甚至可以抓取字幕、整个播放列表以及您订阅的频道中的所有视频。支持的网站仅限于YouTube、Vimeo、Facebook和其他一些知名网站，免费版本每天只能下载个视频。

       如果您想同时下载超过个视频或订阅YouTube频道以立即下载最新视频，则需要付费版本。该程序本身具有将音频提取为MP3格式的选项，因此您不需要另外配套软件。此软件的使用方法如下：

       1. 下载安装4K Video Downloader，并打开程序。

       2. 找到一个YouTube视频并复制链接。

       3. 单击菜单中的“Paste Link”。

       4. 从视频质量和格式选项列表中进行选择，然后单击下载。

       5. 下载视频后，单击三点图标，您可以播放或在计算机上找到它并执行其他操作。

       方法：在电脑上使用5KPlayer

       5KPlayer不仅仅是一个下载器，而是一个集成的下载器。承诺没有病毒、广告或插件要求，您必须先注册才能在多个站点上获得完整的下载功能。但是，您仍然可以在不注册的情况下从YouTube获取4K视频。

       1. 粘贴YouTube视频的URL后，仅显示几个下载选项。

       2. 单击齿轮图标，然后单击“全部显示”按钮，然后滚动查看更多信息，例如WebM格式的4K 3, x 2, 文件。MB WebM 测试下载耗时6.5分钟。

       5K播放器还具有DLNA服务器播放功能，因此您可以在任何支持DLNA的设备上观看您抓取的视频，此外它还支持AirPlay以快速播放到 Apple设备。在库中选择一个视频以快速转换为MP4、MP3 甚至 ACC（iOS 首选的音频格式）。不过，它的播放器不方便播放过大的4K文件，容易遇到缓冲问题。

       方法：使用iPhone或iPad下载视频

       在iPhone和iPad上下载YouTube视频有点麻烦，因为Apple会监管其商店中的应用程序。如果你越狱你的手机，还有更多的选择，但如果你不想走那条路，以下是最简单的方法：

       1. 下载并打开Documents by Readdle应用程序。

       2. 点击指南针图标打开网络浏览器并转到online video downloader。

       3. 在文本框中粘贴YouTube视频链接，然后点击“下载”。片刻之后，视频将解码并生成不同输出格式和质量选项的列表。

       4. 点击首选输出选项上的“下载”。

       5. 输入视频的名称和下载位置。

       6. 点击底部导航栏中的下载部分，在Documents应用程序中查看您下载的视频。

       7. 要将下载的视频保存到iPhone或iPad中，请返回Documents应用程序主屏幕并打开您的下载文件夹。

       8. 找到您想要的视频，然后点击上面的三个点图标。

       9. 点击分享，然后保存视频。

       . 您可以在照片应用中找到下载的油管视频。

       如何找到最新的YouTube视频下载工具

       时间久了，难免有些YouTube视频下载器会失效，这里教大家一个简单的方法找到最新版本可用的油管视频下载工具。你只需要在Google里搜索：youtube downloader即可，肯定能够找到可以用的：

       关于受版权保护内容的说明

       YouTube的条款中允许通过官方应用下载视频，该视频无法在应用之外观看，并且您无权获取源文件。但是，如果您通过第三方工具下载 油管视频，则需要了解YouTube的服务条款 (ToS) 和版权法。如果发现您违反此规定，YouTube可以暂停或终止您的帐户。其次，您需要确保您没有违反版权法。可以合法下载的视频包括：

       无版权的公共领域视频。视频受知识共享 (CC) 许可保护，YouTube包含一个搜索过滤器，用于搜索属于此许可的视频。已给您授权的朋友或家人创建的视频。

reactadmin？

       开箱即用的React前端框架——ReactAdmin

       ReactAdmin是一个Github上免费开源的前端框架（不是组件库，也不是模板，它是一个框架），采用es6、React和MaterialDesign构建基于Rest/GraphQlAPI的Web应用程序。在React上star数超过8k。

       ReactAdmin不是个UI组件库，它是一个前端框架，因此你基本上基本上只要按照官网的文档进行一些配置等然后在其基础上开发自己的应用程序即可，可谓开箱即用，意识就是都给你集成好了。

       你可以直接使用以下命令进行安装（这是安装react-admin及所有的依赖）

       下面我们看一下官网提供的一个最简单的示例，你可以在它的主仓库中获取

       我们进入到simple中，大致看一下代码和目录结构

       我们安装一些依赖然后启动

       成功后打开浏览器，这是使用react-admin最简单的一个例子

       一图了解

       由于ReactAdmin是一个非常复杂的框架，你可以参考提供的文档，我这里就不详细介绍了，感兴趣的可以直接看文档，文档是英文的，所有的说明都在文档中。

       ReactAdmin它是一个集合，它将一些前端开发所需要的东西都集成了进来，然后做好，我们直接使用即可，不仅仅适合个人学习，也适合通过它来构建企业级的应用。我们不仅仅是拿过来直接用，我们可看一看别人是怎么实现这样的一个框架的，从源码去学习会更快的提升自己的水平，希望对你有所帮助！

       react-admin一款基于reactjs后台解决方案

       使用ES6，React和MaterialDesign在REST/GraphQLAPI之上构建在浏览器中运行的管理应用程序的一款前端框架。Githubstar8.7K+，MIT协议。由marmelab开源和维护。marmelab还有一款非常热门的angularjs后台解决方案ng-admin基于angularjs感兴趣的同学可以去了解下。react-admin官网示例截图如下：

       该Resource组件是一个配置组件，它允许以限定子组件对于每个管理视图的：list，edit，和create。这些组件使用MaterialUI和react-admin中的自定义组件：

antdesign表格标题下面还有子标题

       一、如图展示表格如何展示下方嵌套的deptName

       在这里插入描述

       官网在这里插入描述

       二、解决方案

       Columnalign="center"title="部门"dataIndex={ ["dept","deptName"]}/

       1

       1

       技术交流分享/面试总结

       微信名片

       打开CSDNAPP，看更多技术内容

       最新发布保姆级教程：AntDesignVue中a-table嵌套子表格

       AntDesignVue中a-table嵌套子表格及只打开一个嵌套表格的方法

       继续访问

       Antd(Ant-design)，嵌套子表格（expandedRowRender）的异步获取数据

       使用阿里的ant-design开源框架，要在表格里面嵌套子表格，需要在用户点击父表格的一行数据后，获取该行的key，然后去异步请求后台的数据用来填充子表格的内容。如果这样写（省略无关代码）：expandedRowRender=(record)={ dispatch({ type:'flow/getPlanList',payload:{ contractId:record.contract_id,//该参数...

       继续访问

       react-antdesigntable表格多级可编辑表格

       antd-react3X版本多级可编辑table

       继续访问

       react.jsant-design中table树结构三级嵌套时逻辑问题

       实现三级嵌套树结构时，勾选三级里的子节点时候父节点也会自动勾选，当子节点大于一项时候取消勾选某一子结构时父节点不变；当子节点只有一项时父节点也会自动取消勾选importStandardTablePagefrom'@/components/StandardTablePage';//用户选中某一行userSelect(record,selected,selectedRows,nativeEvent){ let{ selectedRowKeys}=this.st.

       继续访问

       Reactantd的table表格之嵌套表格

       Reactantd的table表格之嵌套表格最近做了几个pc端的后台管理需求，涉及了table中的嵌套表格，嵌套的子表格大体分为两种效果：效果1-----点击展开新的子表格，旧的子表格关闭效果2-----可同时展开多个子表格效果1：嵌套表格，实现点击展开按钮，展开子表格请求接口数据，点击新的子表格收起原来的子表格效果//设置一个State用来储存展开的行，控制属性const[expandedRowKeys,setExpandedRowKeys]=useStateanygt

       继续访问

       vue嵌套表格组件_支持嵌套对象、多级数组的Vue动态多级表单组件——vue-dynamic-form-component...

       方便不想看完全篇文章的童鞋，简单总结一下，这是篇软广，主要是推广自己在业务中沉淀的一个开源组件vue-dynamic-form-component。基于element-ui实现的vue组件，只需编写类似async-validator的规则，自动生成对应的表单，支持常见输入类型的同时，支持嵌套对象、hashmap、多维数组等复杂类型。有需要的童鞋欢迎使用和贡献代码，顺便给个star(我...

       继续访问

       antdtable嵌套子表格后端动态获取数据rudex写法示例

       有一个需求是可以使主表格里每一栏数据展开，在子table里显示与其相关的子数据项，展开的时候去向后台请求数据显示。用的组件库是Antd。首先我们看Antd官方文档的Table有嵌套子表格的功能，可见我们需要使用expandedRowRender参数，但是尝试在expandedRowRender函数中进行请求，会发现发出了连续的请求，所以我们把请求写在onExpand中，只在点击展开图表的时候发出一次。之后我们写onExpand函数，注意这里的参数要写上expanded，代表是展开还是合并，我之前

       继续访问

       React-Antd-表格-嵌套子表格

       文档地址:链接.import{ Table,Badge,Menu,Dropdown,Space}from"antd";import{ DownOutlined}from"@ant-design/icons";import{ useEffect,useState}from"react";exportdefaultfunctionApp(){ constcolumns=[//定义外层表格头数据{ title:"姓名",dataInde

       继续访问

       ReactantdTable实现单元格点击表头斜线分组等功能

       reactantd单元格添加点击事件自定义单元格

       继续访问

       进阶Ant-Design-Vue你知道table多级表头嵌套展开写法吗？

       前言：在Ant-Design-Vue的前端项目中，我们会经常处理表格，表单这些组件元素，熟练运用并知道它们在使用过程中的联系与区别，这是一个前端必不可少的哟。本文我旨在解决两个问题：（1）如何便于更好的嵌套多级表头（2）如何通过a-checkbox控制全选，单选显示a-table对应的列元素类似于ElementUI,Ant-Design-vue中有很多相似点，但又不完全苟同，有很多自己独有的写法和思想。相信很多人都是先入手ElementUI,再入手Ant,这其实是对开发者比较友好的方式，如果

       继续访问

       前端面试题（react）

       性能优化分为2个方面setState是修改其中的部分状态，相当于Object.assign，只是覆盖，不会减少原来的状态；replaceState是完全替换原来的状态，相当于赋值，将原来的state替换为另一个对象，如果新状态属性减少，那么state中就没有这个状态了接收旧的state和action，返回新的state受控组件就是可以被react状态控制的组件在react中，Inputtextarea等组件默认是非受控组件（输入框内部的值是用户控制，和React无关）

       继续访问

       Antd表格设置表头分组实现可编辑行

       主要通过onCell方法修改children中cloumn的属性。

       继续访问

       antd能自适应吗_admin-antd-react是一个后台前端解决方案，它基于React、AntDesign和UmiJs实现。...

       admin-antd-react是一个后台前端解决方案，它基于React、AntDesign和UmiJs实现。--::?阅读次#介绍[admin-antd-react]()是一个后台前端解决方案，它基于[React](...

       继续访问

       react-antd-Table相似表格不同字段处理

       1、当两个表格字段相似时，但有一两个字段不同，我们可以将不同的字段单独以对象的形式抽出，根据情况push进去即可。2、代码参考constchange={ title:'操作',dataIndex:'operate',key:'operate',width:'%',align:'center',render:(text,record)={

       继续访问

       React中控制AntDesignTable列的显示与隐藏

       React中控制AntDesignTable列的显示与隐藏

       继续访问

       热门推荐使用antd中Table组件某一列有多个变量值需要写入

       当某一列需要有多个变量值写入时，我们就不可以再用dataIndex来定义一个ID，具体解决方案将在文中给出。

       继续访问

       reactant-designtable显示数据以及上传数据显示到另一列中

       需求是：用table展示数据，并在每一行的最后一列中给一个上传附件的按钮，可上传多个附件，上传之后在另一列去显示数据，可以删除附件因为有别的组件用到columns，他不需要上传附件功能，我就把columns的公共部分提出去了，在这个组件需要的时候在push到column中。columns如下：/***处理上传附件列*/handleColumn=()={ letcArr=this.state.columns;

       继续访问

       antd表单一个label下多个内容

       1.如何实现一个label旁并排多项内容比如这样，在other的label下，既有输入文本域，又有toggle开关。同时两者有序地并排在右侧，同一行。方法是再用一层Form.Item分别包裹右侧内容，并且设置noStyle属性示例代码：Form.Itemlabel="DateofBirth:"Form.Itemname="birthDate"noStyle

       继续访问

       React针对antDesignselect组件进行二次封装

       React针对antDesign库select组件进行二次封装由于业务需要对select进行样式上的修改，部分select还需要使用原样式。这种情况可以通过两种方式来实现：1通过className进行样式覆盖2通过二次封装组件，相对于仅修改css样式来说更加的灵活本次介绍第二种方式对组件进行二次封装/**@Date/5/8*@Authorzuolinya*@Descriptionantdselect组件二次封装*1设置为圆角*/import

       继续访问

       React基于AntdDesign的RadioGroup按钮组控件封装

开源Vue后端UI开箱即用解决方案——vuestic-admin

       这是一个Vue的后端开箱即用UI项目框架，和之前的ReactAdmin类似，它是一个框架，也就意味着它帮你完成了很多公用的部分，你只需要在其基础上进行自己的项目扩展即可。大体上这是由Vue和bootstrap4构建的，其中还集成了很多其他的东西。

       如果你使用yarn你也可以使用它安装

       在安装好vuestic后，你就可以使用它进行项目创建了

       创建好后大致看一下目录结构（可能不清晰，你可以直接搭建体验）

       成功后打开localhost:

       如果你想详细的学习，你可以查看官网文档

       浏览器兼容性，很遗憾只支持到IE+和主流的Chrome、FireFox、Safari、Edge等

       目前有很多开箱即用的解决方案，还有一些仅仅是UI模板，每个解决方案都有各自的优势，我们尽可能的减少不必要的开发时间浪费，在通用的基础上在扩展，最主要的还是学习看源码，希望对大家有所帮助，谢谢！

react中实现登录鉴权

       vue中会使用导航守卫判断token，

       react中使用redirect方式

       使用高阶组件定义PrivateRoute导出

       在router中用

PrivateRoute?path="/admin/roles"?exact?component={ Roles}/PrivateRoute

       的方式判断需要token的路由

       import?React,?{ ?Component?}?from?'react'

       import?{ Redirect,?Route}?from?'react-router-dom'

       function?PrivateRoute({ ?component:Children,?...rest?})?{

       return?(

Route

       { ...rest}

       render={ ()?={

let?token?=?localStorage.getItem('token')

       if(token){

       return?Children/

       }else{

       returnRedirect

       to={

       '/login'

       }/

       }

       }

       }

/

       );

}

export?default?PrivateRoute

vue3实用工具mini-vue｜阮一峰推荐

       欢迎各位开发者，今天我要介绍一个专为学习 Vue3 源码设计的利器——mini-vue，此工具由我开发并推荐，阮一峰老师在第期周刊中也推荐了它。mini-vue旨在让学习者快速了解 Vue3 核心逻辑，通过减少非核心逻辑的干扰，使代码更具可读性。

       Vue3作为热门技术，其源码复杂度高，代码量大，理解起来让人头疼。特别是在`renderer.ts`中的`baseCreateRenderer`函数，代码量接近行，这对于初次接触的同学来说是一个巨大的挑战。如何有效阅读和理解如此庞大的代码？通过分而治之的方法，我们专注于核心逻辑，忽略边缘情况和特定环境的逻辑，从而更高效地理解 Vue3。

       mini-vue正是基于这一思路设计的，它仅包含 Vue3 的核心功能，帮助开发者在理解复杂代码时聚焦关键点，提高学习效率。为了帮助大家快速上手，我在代码中添加了详细的注释，清晰记录了每个函数的行为。同时，关键路径上设有`console.log`，在调试时提供清晰的运行流程视图。

       使用 mini-vue 时，可以先从`example`目录下的示例开始，通过`console.log`查看代码运行过程，阅读注释理解代码逻辑，然后深入源码细节，如`props`和`children`的处理方式。通过与Vue3源码对照，可以更快速地掌握核心功能。

       为了验证学习成果，可以尝试自己实现mini-vue中的功能，这是一个极佳的学习方式，能加深对代码的理解和记忆。mini-vue的使用教程可在视频版本中找到，详细的项目结构包括`example`、`lib`和`src`文件夹。开始时，从`example`中的示例开始，逐步深入了解核心流程。

       在掌握mini-vue后，阅读Vue3源码将变得更加轻松。感谢使用mini-vue，如能给予支持，通过在GitHub上star或参与issue讨论，将为我的项目提供更多动力。我将持续更新和完善mini-vue，以帮助更多前端开发者。期待与大家共同进步，共享学习的喜悦。

       作者：花果山瑞哥

[按键精灵][老狼源码分享]----安卓生成多点找色特征

       用户遇见情况:

       在使用按键精灵进行安卓生成多点找色特征时，面临解析多点找色特征串的过程。

       在生成多点找色特征时，第一坐标无需体现在特征中。第二坐标开始的值（如x和y）减去第一坐标值（如x和y）分别得到-，这用于计算偏移量，并使用'|'作为分隔符。

       多点找色特征串通常包含坐标获取的颜色值及对应的偏色数，如'1FC5F4-'和'D-'。

       代码一览：

       示例代码展示了如何调用函数获取特征并使用生成的特征进行坐标检测。

       使用`Dim`定义变量，调用`取多点特征`函数，获取颜色特征数据并存储在变量中。在`FindMultiColor`函数中，通过坐标检测找到指定颜色区域。

       详细代码逻辑如下：

       定义`Dim`变量用于存储参数和结果。

       使用`For`循环遍历坐标范围，获取每个点的颜色值。

       根据坐标是否为起始点，进行相应的处理，记录颜色值及偏色数。

       使用`Delay`延迟处理，避免过快的检测可能导致的问题。

       将结果整理并返回。

       使用`Function`定义`取多点特征`函数，完成多点特征的获取。

       使用`FindMultiColor`函数进行实际检测。

       代码演化：

       获取源码和命令素材推荐关注按键精灵论坛、知乎账号及公众号“按键精灵”。如有问题，欢迎在底部留言或私信。

       详细内容可参考链接： [老狼][源码分享]----安卓生成多点找色特征----遇见蔷薇泡沫() _ 集结令●英雄归来教程比武大赛 - 按键精灵论坛。

Python时序预测系列基于CNN+LSTM+Attention实现单变量时间序列预测（案例+源码）

       本文将介绍如何结合CNN、LSTM和Attention机制实现单变量时间序列预测。这种方法能够有效处理序列数据中的时空特征，结合了CNN在局部特征捕捉方面的优势和LSTM在时间依赖性处理上的能力。此外，引入注意力机制能够选择性关注序列中的关键信息，增强模型对细微和语境相关细节的捕捉能力。

       具体实现步骤如下：

       首先，读取数据集。数据集包含条记录，按照8:2的比例划分为训练集和测试集。训练集包含条数据，用于模型训练；测试集包含条数据，用于评估模型预测效果。

       接着，对数据进行归一化处理，确保输入模型的数据在一定范围内，有利于模型训练和预测。

       构造数据集时，构建输入序列（时间窗口）和输出标签。这些序列将被输入到模型中，以预测未来的时间点。

       构建模拟合模型进行预测，通过训练得到的模型参数，将输入序列作为输入，预测下一个时间点的值。

       展示预测效果，包括测试集的真实值与预测值的对比，以及原始数据、训练集预测结果和测试集预测结果的可视化。

       总结，本文基于CNN、LSTM和Attention机制实现的单变量时间序列预测方法，能够有效处理序列数据中的复杂特征。实践过程中，通过合理的数据划分、归一化处理和模型结构设计，实现了对时间序列数据的准确预测。希望本文的分享能为读者提供宝贵的参考，促进在时间序列预测领域的深入研究和应用。

阮一峰推荐学习 vue3 源码的利器

       本文推荐一个学习 Vue3 源码的利器，名为 mini-vue，该库由阮一峰老师在第 期周刊推荐。mini-vue 专为简化 Vue3 源码学习过程而设计，旨在帮助开发者聚焦核心逻辑，提升代码可读性。

       在面对 Vue3 源码的庞大代码量时，分而治之的策略尤为关键。通过分析源码，我们可以发现许多处理边缘情况或特定环境逻辑的代码段，这些在理解核心功能时可以先略过。mini-vue 正是这样一款工具，专注于核心逻辑，去除非核心部分，使代码结构更清晰，更易于理解。

       为了让用户更快速地理解库的核心逻辑，mini-vue 在代码上加入了详细的注释，提供可视化的运行流程，通过 console.log 输出关键路径节点的运行状态，方便用户在调试时快速定位问题。这一设计极大地降低了学习难度，让开发者能够更快地掌握库的使用方法。

       从个人角度而言，实现 mini-vue 不仅能帮助用户快速学习 Vue3 核心逻辑，还能通过自己动手实现功能的方式，更深入地理解代码。实现过程不仅验证了学习成果，还能通过对比源码和 mini-vue 中的实现，深化对 Vue3 的理解。

       使用 mini-vue 的步骤包括下载库、查阅 README 了解已实现功能与结构、从示例 demo 开始学习，通过 console.log 输出进行代码调试，进一步深入阅读代码并理解其逻辑。掌握 mini-vue 后，再回看 Vue3 源码时，会发现其结构和逻辑更为清晰，学习过程变得更为顺畅。

       为了鼓励开发者，mini-vue 提供了视频教程，方便用户获取更详细的学习指导。如需支持开发者持续完善库，欢迎在 GitHub 仓库中点星，并在 issues 部分提出宝贵意见和建议，与开发者共同推动 mini-vue 的进步。关注“花果山前端”公众号，获取更多有趣的文章和项目分享。

Python时序预测系列麻雀算法（SSA）优化LSTM实现单变量时间序列预测（源码）

       这是我的第篇原创文章。

       一、引言

       麻雀算法（Sparrow Search Algorithm，SSA）是一种模拟麻雀群体行为的算法，适用于优化深度学习模型参数。运用麻雀算法优化LSTM模型参数，能提升模型性能和收敛速度。优化后，模型性能和泛化能力得到增强，收敛速度加快，预测准确率提高。此外，麻雀算法还能发现更优的参数组合，高效搜索参数空间，提升模型泛化性能。以下是一个使用SSA优化LSTM超参数的简单步骤示例。

       二、实现过程

       2.1 读取数据集

       2.2 划分数据集

       共条数据，8:2划分：训练集，测试集。

       2.3 归一化

       2.4 构造数据集

       2.5 建立模型进行预测

       best_params：

       test_predictions：

       2.6 预测效果展示

       测试集真实值与预测值：

       原始数据、训练集预测结果和测试集预测结果：

       作者简介：读研期间发表6篇SCI数据算法相关论文，目前在某研究院从事数据算法相关研究工作。结合自身科研实践经历，不定期持续分享关于Python、数据分析、特征工程、机器学习、深度学习、人工智能系列基础知识与案例。致力于只做原创，以最简单的方式理解和学习，需要数据和源码的朋友关注联系我。

       原文链接：麻雀算法（SSA）优化LSTM实现单变量时间序列预测（源码）