前端基地-CSDN博客

原创洞察插槽和 v-slot：组件插槽案例的分类解读

Vue插槽（Slot）是Vue.js框架中用于实现组件间内容传递和模板通信的一种机制。通过插槽，父组件可以向子组件的指定位置插入HTML结构或内容，从而实现更灵活和可复用的组件设计。Vue插槽是构建大型和可复用组件库时的强大工具，通过插槽，我们能够塑造出更具灵活性和可定制性的组件，满足各类繁杂的界面需求。

2024-07-09 09:00:44 690

原创昇思25天学习打卡营第11天|MindSpore 助力下的 GPT2：数据集加载处理及模型全攻略

“%%capture captured_output”这一行指令通常旨在捕获后续整个代码块所产生的输出结果。首先，将已预装的 mindspore 库予以卸载。随后，借助指定的国内镜像源（如 https://pypi.mirrors.ustc.edu.cn/simple ）来安装特定版本（即 2.2.14 版）的 mindspore 库。接着，通过另一个国内镜像源（如 https://pypi.tuna.tsinghua.edu.cn/simple ）完成指定版本（0.15.0 版）的 tok

2024-07-06 22:50:13 836

原创昇思25天学习打卡营第10天|利用 MindSpore 实现 BERT 对话情绪识别的完整攻略

首先，利用“%%capture captured_output”来捕获后续代码执行所产生的输出。其次，运用“!pip uninstall mindspore -y”这一命令，对已经安装的 mindspore 库予以卸载。随后，从特定的镜像源（即中国科学技术大学的镜像）安装明确版本（2.2.14）的 mindspore 库，之后安装 mindnlp 库，最后使用 pip 命令来显示关于“mindspore”库的详细信息，包括版本、所在位置、依赖项等相关信息。

2024-07-04 15:33:40 1349

原创昇思25天学习打卡营第9天|静态图模式的深度剖析与应用指南

AI 编译框架主要包含两种运行模式，即动态图模式与静态图模式。在默认状况下，MindSpore 是以动态图模式进行运行的，不过同时也支持通过人工操作切换为静态图模式。

2024-07-03 15:10:27 837

原创昇思25天学习打卡营第8天|模型权重与 MindIR 的保存加载

上一章节着重阐述了怎样对超参数予以调整，以及如何开展网络模型的训练工作。在网络模型训练的整个进程当中，事实上我们满怀期望能够留存中间阶段以及最终的成果，以便用于细微的调整（fine-tune）以及后续的模型推理和部署操作。在本章节，我们将会为您介绍怎样去保存以及加载模型。

2024-07-03 12:48:45 1143

原创昇思25天学习打卡营第7天|深度学习流程全解析：从模型训练到评估

使用 datapipe 函数分别对训练集和测试集进行处理。为训练集和测试集指定了不同的路径，然而批大小均为 64 。处理结束后，将所得结果分别存放在 train_dataset 和 test_dataset 这两个变量当中，以便后续用于模型的训练与测试。

2024-07-03 10:22:47 991

原创昇思25天学习打卡营第6天|关于函数与神经网络梯度相关技术探讨

Python 中的 numpy 库被成功导入，并简称为 np。numpy 在科学计算领域应用广泛，其为用户提供了高效便捷的数组操作方式以及丰富的数学函数。此外，mindspore 这一特定的深度学习框架或与之相关的库也被引入。从 mindspore 库中，nn 模块被导入，该模块涵盖了与神经网络相关的各类类和函数。同时，ops 模块也从 mindspore 库中被引入，其中包含了多种多样的操作符或者操作函数。不仅如此，Tensor（张量）和 Parameter（参数）这两个类也从 mindspore 库

2024-07-02 12:03:23 1246

原创昇思25天学习打卡营第5天|网络与模型相关要素探讨

将 MindSpore 整个模块引入到当前的 Python 脚本里，方便后续运用 MindSpore 所提供的各类功能与类。从 MindSpore 模块中单独导入“nn”（一般代表神经网络相关的类和函数）以及“ops”（通常指操作符相关的功能），如此一来，在后续的代码中就能够直接使用“nn”和“ops”，而无需添加“mindspore.”这个前缀，让代码变得更加简洁、更易于阅读。

2024-07-01 12:20:40 1235

原创昇思25天学习打卡营第4天|常见的数据变换 Transforms类型

通常情况下，直接加载的原始数据并不能直接送入神经网络进行训练，此时我们需要对其进行数据预处理。MindSpore提供不同种类的数据变换（Transforms），配合数据处理Pipeline来实现数据预处理。所有的Transforms均可通过map方法传入，实现对指定数据列的处理。mindspore.dataset提供了面向图像、文本、音频等不同数据类型的Transforms，同时也支持使用Lambda函数。

2024-06-28 22:33:25 1043

原创昇思25天学习打卡营第3天|数据集全攻略：加载、操作与自定义

数据是深度学习的基础，高质量的数据输入将在整个深度神经网络中起到积极作用。MindSpore提供基于Pipeline的数据引擎，通过数据集（Dataset）和数据变换（Transforms）实现高效的数据预处理。其中Dataset是Pipeline的起始，用于加载原始数据。mindspore.dataset提供了内置的文本、图像、音频等数据集加载接口，并提供了自定义数据集加载接口。此外MindSpore的领域开发库也提供了大量的预加载数据集，可以使用API一键下载使用

2024-06-28 15:35:34 991

原创昇思25天学习打卡营第2天|探索张量：从创建到运算，包括属性、索引、与 NumPy 转换及稀疏张量

张量的创建方式呈现出多样化的特点，在进行张量的构造操作时，支持传入诸如 Tensor、float、int、bool、tuple、list 以及 numpy.ndarray 等多种类型的数据。

2024-06-26 08:56:47 352

原创昇思25天学习打卡营第1天|MindSpore 全流程操作指南

MindSpore 是由华为公司于 2019 年 8 月推出的新一代全场景 AI 计算框架，2020 年 3 月 28 日，MindSpore 正式开源。MindSpore 着重提升了易用性并降低了 AI 开发者的开发门槛，其原生适应每个场景包括端、边缘和云，并能够在按需协同的基础上，通过实现 AI 算法即代码，使开发态变得更加友好，显著减少模型开发时间，降低模型开发门槛。MindSpore 也支持 GPU、CPU 等其它处理器。MindSpore 框架架构总体分为 MindSpore 前端表示层、Min

2024-06-25 08:50:08 902

原创 v-bind 与 v-model 的不同之处及 v-model 修饰符详述

在 Vue 框架中，v-model 指令通常被应用于各类表单元素。借助这一指令，能够成功实现表单元素与 Model 中数据的双向绑定效果。具体而言，v-model 不仅能够将 Model（MVVM 架构中的 M）里的数据自动绑定至 View（MVVM 架构中的 V），使得视图得以准确呈现数据，而且还能够将 View 中的数据自动反馈并绑定到 Model（MVVM 架构中的 M），从而实现数据的双向交互。然而，v-bind 指令的主要作用是将 Model（MVVM 架构中的 M）中的数据自动绑定到 View

2024-06-24 08:52:36 860

原创探索 v-on 之奥秘二：事件及各类修饰符的深度剖析与案例展示

Vue的鼠标按键修饰符允许开发者针对左键、右键等特定鼠标行为编写逻辑。按键修饰符则用于监听特定键盘按键事件，如回车键、删除键等，还支持组合键如Ctrl+C。系统修饰符则用于控制事件的行为，如.prevent阻止默认行为，.stop阻止事件冒泡。这些修饰符极大地简化了事件处理逻辑，提高了开发效率。通过合理组合这些修饰符，开发者可以构建出响应式且用户友好的交互界面。

2024-06-21 12:20:33 1199

原创探索 v-on 之奥秘一：事件及各类修饰符的深度剖析与案例展示

在 Vue 中，v-on 乃是其所提供的用于事件绑定的一种机制，比如要给按钮添加一个单击事件，那么“v-on:click”能够被简写成“@click”。

2024-06-20 12:54:15 770

原创 Vue 中 v-for 的全方位解读：含案例与 key 属性运用及常用数组方法

v-for 能够对数字、数组以及对象进行遍历。值得注意的是，当 v-for 与 v-if 一同运用时，v-for 的优先级要高于 v-if。正因如此，应尽量避免将 v-if 和 v-for 共同使用。特别是在嵌套使用的情况下，每一次 v-for 的执行都会伴随着一次 v-if 的执行，这会引发重复计算的问题，进而对性能产生影响，所以 vue 官方并不提倡这种使用方式。

2024-06-19 09:23:30 816

原创 v-show 与 v-if：区别介绍与案例深度分析

如果元素涉及到特别频繁的切换情景，那么一般来说最好不要采用 v-if ，而是相对更推荐使用 v-show 。而如果元素存在可能永远都不会被显示出来进而被用户所看到的情况，那么此时较为适宜采用 v-if 。需要注意的是，在实际应用中，应根据具体的场景和需求来合理选择使用 v-show 或 v-if ，以达到最佳的性能和用户体验效果。

2024-06-18 08:55:11 1182

原创轻松理解插值表达式、v-text 与 v-html 之间的差别

在 Vue 的技术体系中，文本插值、v-text 以及 v-html 这三者之间具有显著的区别特征。其中，文本插值所采用的是特定的语法表现形式，例如通过双花括号来实现，其作用主要是针对自身对应的那个占位符部分展开替换工作，而并非是将整个元素原本的内容全部予以清空处理。并且，它不具有对 HTML 代码进行解析的能力。值得一提的是，当处于网络传输速度较为缓慢的情形时，有可能会出现闪烁这样的现象。

2024-06-17 09:12:39 1091

原创 Vue2.x 与 Vue3.x ：基本结构及重要配置一览

在 Vue 实例当中，如果想要获取 data 上的数据，亦或是调用 methods 中的方法，就必须借助 this.数据属性名或者 this.方法名这样的方式来进行访问操作，这里的“this”所代表的正是我们通过 new 操作所生成的 app 实例对象。而且，Vue 实例还会对 data 中所有数据的变化保持敏锐的监听状态，只要数据出现任何变化，它就会自动且迅速地将最新的数据从 data 同步更新至页面上，以确保页面数据的实时性和准确性。

2024-06-13 09:21:11 422