- 博客(44)
- 收藏
- 关注
RSS订阅原创 【问题】antd Image组件 PreviewType
问题描述：预览的图片由函数 getSignedUrl 函数对应生成。由于需要访问服务器，会产生加载时延，此时想要显示一张模糊版的 cover 图片或一个显示正在加载的Spin，等待函数加载完毕，再替换。不知道在 preview API中如何写，求助。
2024-08-23 17:52:15
516
原创 【总结】antd 渐变按钮代码解析
为了便于代码管理，我将具体设置渐变组件的 css 部分单独放在了 gradientButton.css 文件中。的上下文（Context）并获取了 Ant Design 的前缀类名（这段代码使用了 React 的。
2024-08-22 19:08:43
564
原创 【总结】useEffect( )
如果传递一个空数组作为依赖项，副作用函数只会在组件首次渲染时执行一次。如果传递一个依赖项数组，副作用函数会在依赖项发生变化时执行。如果不传递依赖项数组，副作用函数会在每次渲染后执行。带依赖项的 useEffect。
2024-08-22 18:00:51
385
原创 【总结】使用 antd 过程中的坑
5、onClick={ handleDelete } 和 onClick={ () => handleDelete() }1、useState 必须定义在函数内，否则会报 Hook error.在所在函数执行完之后，order的值才会变为1。
2024-08-21 11:04:49
419
原创 【总结】git pull 和 git merge
是一个单独的合并操作，用于将一个分支的更改合并到另一个分支中，通常是在本地操作不同的分支之间使用。类似，如果被合并的分支与当前分支的代码有冲突，你需要手动解决这些冲突。当你想要将远程仓库的最新更改合并到你当前的本地分支时使用。会触发合并冲突，你需要手动解决这些冲突并完成合并。则更适合用于在本地将多个分支的工作成果合并在一起。的组合操作，用于将远程仓库的更改同步到本地。用于将两个不同分支的更改合并到一个分支中。更适合用于保持本地分支与远程分支同步，而。如果远程的更改与本地的修改产生冲突，
2024-08-21 10:38:27
1117
原创 【总结】npm run cz
npm run cz是用来运行一个帮助生成符合规范的 Git 提交消息工具，通常与Commitizen一起使用。Commitizen 是一个帮助开发者生成结构化的 Git 提交消息的工具，通常用于确保提交信息遵循一定的格式，如。当你在项目中安装并配置了 Commitizen 后，运行npm run cz会启动一个交互式命令行界面，引导你填写提交类型、变更范围、变更描述等信息。这样，你的提交消息将更加规范，并且更容易与自动化工具（如版本发布工具）集成。使用npm run cz选择提交类型（如feat。
2024-08-21 10:29:09
395
原创 ant-design Table框架中加入图片
即使是console.log() 中的内容都没打印出来。问题描述：想在 picture 列中，展示图片缩略图。删除这行代码，可以打印出 record 的内容。第一张照片可以显示，第二张照片不能。最后发现将本地图片文件改为网页路径即可正确显示。但是仍未正确显示图片。
2024-08-14 16:19:37
252
原创 记录基于 React 的常用 UI 架构
Bootstrap、Material UI 和 Ant Design主要是用于构建应用的完整UI框架，提供了预定义的组件和样式，适合不同类型的项目。Bootstrap更适合简单项目，Material UI和Ant Design适合追求现代设计和企业级应用。Storybook更像是一个开发工具，而非UI框架。它是构建和管理组件的有力工具，特别是在大型团队协作和复杂项目中。它可以与上述UI框架结合使用，以更好地管理和展示组件。Shadcn UI。
2024-08-08 17:29:53
1624
原创 Webpack 学习笔记（七 - Shimming 预置依赖）
webpackcompiler 能够识别遵循 ES2015 模块语法、CommonJS 或 AMD 规范编写的模块。然而，一些 third party(第三方库) 可能会引用一些全局依赖（例如jQuery中的因此这些 library 也可能会创建一些需要导出的全局变量。这些 "broken modules(不符合规范的模块)" 就是shimming(预置依赖)发挥作用的地方。！webpack 背后的整个理念是使前端开发更加模块化。
2024-08-08 14:35:55
624
原创 Webpack 学习笔记（六 - ECMAScript 模块）
ECMAScript 模块（ESM）是在 Web 中使用模块的。所有现代浏览器均支持此功能，同时也是在 Web 中编写模块化代码的推荐方式。webpack 支持处理 ECMAScript 模块以优化它们。
2024-08-08 11:43:21
386
原创 Webpack 学习笔记 （五 - Tree Shaking）
为了利用使用 ES2015 模块语法（即import和export确保没有编译器将 ES2015 模块语法转换为 CommonJS（顺带一提，这是现在常用的的默认行为，请参阅文档以了解更多信息）。在项目的文件中添加属性。使用mode为的配置项以启用更多优化项，包括压缩代码与 tree shaking。可以将应用程序想象成一棵树。绿色表示实际用到的源码和库，是树上活的树叶。灰色表示未引用代码，是秋天树上枯萎的树叶。为了除去死去的树叶，你必须摇动（shake）这棵树，使它们落下。
2024-08-08 11:26:15
781
原创 Webpack 学习笔记（四 - 依赖管理）
如果 require 中含有表达式，由于编译时并不清楚 具体 导入了哪个模块，因此会创建一个上下文。假设现在有包含 文件的如下目录结构：当下面的 调用被评估解析时：webpack 解析会 调用，然后提取出如下一些信息：上下文模块并且会创建一个上下文模块。它包含 对该目录下所有模块 的引用，可以使用匹配正则表达式的请求来导入这些模块。上下文模块中存在一个映射，该映射用于将请求转换为模块 ID。示例映射:此上下文模块还包含一些访问此映射对象的运行时逻辑。这意味着 webpack 能
2024-08-08 10:55:03
251
原创 Webpack 学习笔记（三 - 创建库）
除了打包应用程序，webpack 还可以打包 JavaScript 库。以下指南适用于希望简化打包策略的库作者。
2024-08-07 18:26:15
967
原创 Webpack 学习笔记（二 - 缓存）
再次执行构建后发现，尽管没有修改原始文件，bundle 的名称仍然发生了修改。然而，如果在部署资源的最新版本时没有更改资源的文件名，浏览器可能会认为它没有被更新，从而使用它的缓存版本。由于缓存的存在，当需要获取新的代码时，就会显得很棘手。目录中的内容部署到服务器上，客户端（通常是浏览器）就能够访问此服务器以获取站点及其资源。与旧版本相比，新版本未必持有同样的哈希机制，但我们仍然建议采取以下步骤以确保安全。当文件内容变化后，客户端又能够请求到新的文件。现在，不论是否添加任何新的本地依赖，对于前后两次构建，
2024-08-07 18:23:31
1036
原创 Markdown 学习笔记（五）
许多 Markdown 应用程序允许您在 Markdown 格式的文本中使用 HTML 标签。出于安全原因，并非所有 Markdown 应用程序都支持 Markdown 文档中的 HTML。某些应用程序仅支持部分 HTML 标签。)，后跟括号中的替代文本，以及括号中图片资源的路径或 URL。要添加图像的链接，请将图像的 Markdown 括在括号中，然后在括号中添加链接。要使用 HTML，请将标签放在 Markdown 格式文件的文本中。要显示用于格式化 Markdown 文档中的文本的文字字符，请。
2024-08-07 15:04:27
460
原创 Markdown 学习笔记（四）
引用样式链接是一种特殊的链接，它使 URL 在 Markdown 中更易于显示和阅读。引用样式链接由两部分组成：与文本保持内联的部分以及存储在文件其他位置以保持文本易于阅读的部分。虽然它可能指向有趣的附加信息，但显示的 URL 除了使文本更难阅读之外，实际上并没有给现有的原始文本增加太多内容。这个洞不是肮脏、潮湿、满是虫子尾巴、散发着黏液气味的洞，也不是干燥、光秃、满是沙子、没有东西可以坐或吃的洞：这是一个。如果要用代码表示的单词或短语包含一个或多个反引号，则可以通过将单词或短语括在双反引号 (
2024-08-07 14:59:57
710
原创 Markdown 学习笔记（三）
要创建有序列表，请添加带有数字和句点的行项目。数字不必按数字顺序排列，但列表应从数字 1 开始。要在列表中添加另一个元素同时保持列表的连续性，请将元素缩进四个空格或一个制表符，如以下示例所示。当它们在列表中时，缩进八个空格或两个制表符。出于兼容性考虑，请勿在同一列表中混合使用分隔符 - 选择一个并坚持使用。如果结果不如您所愿，请仔细检查列表中的元素是否缩进四个空格或一个制表符。缩进一个或多个项目以创建嵌套列表。您可以将无序列表嵌套在有序列表中，反之亦然。我需要在第二个列表项下方添加另一个段落。
2024-08-07 14:53:36
765
原创 Markdown 学习笔记（二）
引用要创建块引用，请在段落前面添加 >。包含多个段落的区块引用区块引用可以包含多个段落。在段落之间的空白行上添加 >。嵌套引用块引用可以嵌套。在要嵌套的段落前面添加 >>。渲染的输出如下所示：带有其他元素的区块引用Blockquotes 可以包含其他 Markdown 格式的元素。并非所有元素都可以使用 — 您需要进行实验才能知道哪些元素有效。
2024-08-07 14:47:41
397
原创 Markdown 学习笔记（一）
标题要创建标题，请在单词或短语前面添加数字符号 ( )。您使用的数字符号数量应与标题级别相对应。例如，要创建三级标题 (<h3>)，请使用三个数字符号（例如替代语法或者，在文本下方的行中，添加任意数量的==1 级标题字符或--2 级标题字符。标题最佳实践Markdown 应用程序对于如何处理数字符号 () 和标题名称之间缺少的空格意见不一。出于兼容性考虑，请始终在数字符号和标题名称之间留一个空格。为了兼容性，您还应该在标题前后放置空行。段落要创建段落，请使用空行分隔一行或多行文本。段落最佳实践。
2024-08-07 14:30:14
699
原创 js 模块化学习笔记
JavaScript 模块化是指将复杂的JavaScript应用程序分解成更小、更可管理的代码块，这些代码块被称为模块。这些模块可以独立编写和维护，然后在应用程序中组合使用。模块化的好处有很多，包括更好的代码组织、可重用性、更好的错误隔离和性能优化等。在JavaScript中，模块化可以通过不同的方式实现，比如使用CommonJS 模块规范AMD（异步模块定义）和ES6 模块。
2024-08-07 11:14:51
602
原创 Webpack 学习笔记（一 - 管理资源、管理输出、开发环境、代码分离、模块热替换、懒加载）
管理资源、管理输出、开发环境、代码分离、模块热替换、懒加载
2024-08-06 18:48:25
723
原创 Web开发学习规划
js -- es5 -- amd, cmd, requirejsnodejs - commonjses6 -- es modulests -- ts modules
2024-08-06 18:01:39
89
原创 React学习笔记（create-react-app）
路径问题图中两种方法均无法显示图片。注意：只能引用本文件夹下的东西， 引用外部文件会报错。
2024-08-05 14:56:19
290
原创 Web 开发学习笔记六（HTML 创建超链接）
属性仅仅只是简单的“mailto:”），发送新的电子邮件的窗口也会被用户的邮件客户端打开，只是没有收件人的地址信息，这通常在“分享”链接是很有用的，用户可以给他们选择的地址发送邮件。其中最常用的是主题（subject）、抄送（cc）和主体（body）（这不是一个真正的标头字段，但允许你为新邮件指定一个简短的内容消息）。当点击一个链接或按钮时，可能会开启新的邮件的发送而不是连接到一个资源或页面。事实上，任何标准的邮件头字段可以被添加到你提供的。当链接到要下载的资源而不是在浏览器中打开时，你可以使用。
2024-07-30 15:32:47
446
原创 Web 开发学习笔记五（HTML 文本处理）
当想要对它用 CSS（或者 JS）时，可以用它包裹内容，且不附加任何额外的意义（在未来的课程中你会发现更多这类元素）。然而，由于它没有语义值，所以它不会有任何上文提到的帮助。最好的方法是使用相关的 HTML 元素来标记这个项目。这样做既可以让文档读起来更有趣，也可以被屏幕阅读器识别，并以不同的语调发出。它们出现于人们要在文本中使用粗体、斜体、下划线但 CSS 仍然不被完全支持的时期。而通常情况下是有更合适的元素可供使用的。元素，但要考虑使用 CSS 将默认的下划线改为在网页中更合适的东西。
2024-07-30 15:09:00
460
原创 Web 开发学习笔记四（HTML入门）
可以在元数据中添加对自定义图标的引用，它们会在某些场景下显示。最常见的用例为favicon这个不起眼的图标已经存在很多年了，16 像素的方形图标是第一种类型。你可以看见（取决于浏览器）这些图标出现在浏览器每一个打开的标签页中以及书签面板中的书签页面旁边。
2024-07-30 14:53:55
775
原创 Web 开发学习笔记三（js 基础）
函数在浏览器窗口内弹出一个警告框，还应为其提供一个字符串参数，以告诉它警告框里要显示的内容。事件能为网页添加真实的交互能力。它可以捕捉浏览器操作并运行一些代码做为响应。使用单引号还是双引号都可以。类似会弹出一个对话框。但是这里需要用户输入数据，并在确定后将数据存储在。API，它可以将数据存储在浏览器中供后续获取。属性设置为一个欢迎字符串加上这个新设置的名字。匿名函数还有另一种我们称之为。是浏览器内置的函数，随时可用。，鼠标的点击操作会触发该事件。的写法，箭头函数使用。
2024-07-30 14:21:35
357
原创 找不到pyrcc5.exe
问题描述：在pycharm中配置pyqt5时找不到pyrcc5.exe。问题原因：Anaconda中下载pyqt5-tools无pyrcc5包。解决：在本地系统中安装。
2023-11-13 18:35:20
1116
1
原创 已解决ERROR: Could not find a version that satisfies the requirement torch==1.8.1+cu101
找库的whl文件时，发现torch==1.8.1+cu101版本支持的python版本为3.6~3.9，查看自己的python版本为3.11，故报错。卸载当前3.11python，重新下载3.9版本python。2、使用清华源下载时，不要使用梯子。
2023-11-13 16:06:44
1473
原创 实验三 计数器波形仿真和Signal Tap
• 1、参照代码，设计一个0-17的计数器，当 计数值为17的时候，OV输出1，其他输出0， 注意设定合理的信号位宽。• 2、针对以上计数器，修改输出逻辑，当计 数值为0-8时，OV输出0,9-17时OV输出1• 用SignalTap验证• 尝试并思考，如果时钟是50MHz，把OV接 到一个LED上，能看见什么现象，为什么？LED灯常亮。因为时钟频率高，看不见闪烁...
2021-07-16 21:41:27
593
原创 实验四 带使能多周期计数器
• 1、参照代码，把后级计数器的计数范围改为0-15。• 2、把计数器的0-15计数值经过译码，在DE0 的 HEX LED上显示成0-9-A-F的十六 进制数• 3、修改时间基准发生器，设计一个使用2个HEX LED，精度为0.1秒，范围为0-9.9秒的计时秒表。• 4、自行设计上面计时器的附加控制功能（清零、暂停）。...
2021-07-16 16:44:29
206
原创 实验五 移位寄存器
• 编译下载电路观察现象• 拨动SW0开关，观察LED的闪烁变换情况• 设计新的功能 – 在原有的电路基础上，添加方向选择功能。– SW0仍然是移位寄存器组的输入– 使用SW1开关，控制移位寄存的方向– 从实验现象上应当能够看到，SW1可以控制LED闪烁的 移动方向，以及控制SW0值的对LED组的输入位置（即 从LED组的最左边或是最右边）...
2021-07-16 16:37:01
873
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人