自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(128)
  • 收藏
  • 关注

原创 页面刷新会调用 unmounted吗

这是因为页面刷新会导致当前的 Vue 实例和组件被彻底销毁,并且重新创建一个新的实例和组件。因此,在页面刷新时,之前的实例和组件已经不存在了,它们也就无法再执行任何生命周期钩子函数。但是,如果你在浏览器中进行页面刷新,Vue 实例和组件将会被完全销毁并重建。这意味着在页面刷新时,两个生命周期钩子函数。需要注意的是,如果你希望在页面刷新时做一些清理工作,可以监听。事件,在事件处理函数中执行相应的逻辑。在 Vue 中,当一个组件被卸载时,会触发。方法销毁组件时,这两个钩子函数都会被调用。钩子函数都不会被调用。

2025-05-13 14:55:27 244

原创 插槽-分类

组件内 有多处不确定的结构 怎么办?具名插槽的语法是什么?v-slot:插槽名可以简化成什么?

2025-04-02 22:20:49 304

原创 自定义指令

.. 这都是Vue内置的一些指令,可以直接使用自定义指令:同时Vue也支持让开发者,自己注册一些指令。这些指令被称为自定义指令每个指令都有自己各自独立的功能概念:自己定义的指令,可以封装一些DOM操作,扩展额外的功能全局注册//在main.js中Vue.directive('指令名', {// 可以对 el 标签,扩展额外功能el.focus()})局部注册//在Vue组件的配置项中"指令名": {// 可以对 el 标签,扩展额外功能el.focus()

2025-04-02 22:15:53 389

原创 Vue进阶语法

1.父组件如果想让子组件修改传过去的值 必须加什么修饰符?2.子组件要修改父组件的props值 必须使用什么语法?

2025-04-02 22:13:50 479

原创 Vue组件通信

组件通信,就是指组件与组件之间的数据传递组件的数据是独立的,无法直接访问其他组件的数据。想使用其他组件的数据,就需要组件通信组件上 注册的一些 自定义属性。

2025-04-02 17:21:20 770

原创 scoped解决样式冲突

→ 因此很容易造成多个组件之间的样式冲突问题。, 才会有这个自定义属性, 才会被这个样式作用到。

2025-04-02 17:12:23 285

原创 Vue工程化开发和脚手架

Vue CLI 是Vue官方提供的一个全局命令工具可以帮助我们快速创建一个开发Vue项目的标准化基础架子。【集成了webpack配置】虽然脚手架中的文件有很多,目前咱们只需人事三个文件即可main.js 入口文件App.vue App根组件index.html 模板文件整个应用最上层的组件,包裹所有普通小组件App组件包含哪三部分?

2025-04-02 16:55:59 570

原创 Vue生命周期

Vue生命周期:就是一个Vue实例从创建 到 销毁 的整个过程。生命周期四个阶段:① 创建 ② 挂载 ③ 更新 ④ 销毁。3.更新阶段:修改数据,更新视图。1.创建阶段:创建响应式数据。4.销毁阶段:销毁Vue实例。Vue生命周期过程中,会。2.挂载阶段:渲染模板。】→ 让开发者可以在【

2025-04-02 16:52:04 181

原创 computed计算属性

1.computed有缓存特性,methods没有缓存2.当一个结果依赖其他多个值时,推荐使用计算属性3.当处理业务逻辑时,推荐使用methods方法,比如事件的处理函数watch侦听器的写法有几种?1.简单写法watch: {数据属性名 (newValue, oldValue) {一些业务逻辑 或 异步操作。},'对象.属性名' (newValue, oldValue) {一些业务逻辑 或 异步操作。2.完整写法watch: {// watch 完整写法数据属性名: {

2025-04-02 16:49:16 940

原创 v-bind和v-model

</div><div class="box" :class="[ 类名1, 类名2, 类名3 ]"></div><div> :class = "对象/数组">这是一个div

2025-04-02 16:44:08 272

原创 指令修饰符

所谓指令修饰符就是通过“.”指明一些指令后缀不同的后缀封装了不同的处理操作 —> 简化代码。

2025-04-02 16:42:17 291

原创 Vue中的常用指令

指令(Directives)是 Vue 提供的带有的 特殊 标签。为啥要学:提高程序员操作 DOM 的效率。指令是 vue 开发中最基础、最常用、最简单的知识点。

2025-04-02 16:38:07 938

原创 插值表达式

插值表达式是一种Vue的模板语法可以用插值表达式渲染出Vue提供的数据。

2025-04-02 16:32:06 261

原创 IDEA安装通义灵码

通义灵码,是阿里云出品的一款基于通义大模型的智能编码辅助工具,提供行级/函数级实时续写、自然语言生成代码、单元测试生成、代码注释生成、代码解释、研发智能问答、异常报错排查等能力,并针对阿里云 SDK/OpenAPI 的使用场景调优,助力开发者高效、流畅的编码。通义灵码产品介绍2、 核心场景2.1、代码智能生成经过海量优秀开源代码数据训练,可根据当前代码文件及跨文件的上下文,为你生成行级/函数级代码、单元测试、代码优化建议等。

2024-06-19 20:38:05 1513

原创 JavaFX 分页

分页控件用于浏览多个页面。我们典型地使用对网页的分页控制,例如博客。在博客页面的底部,我们可以看到一个矩形区域,作为一个数字列表来指示页面索引,以及一个下一个/上一个按钮来链接到下一个/上一个页面。

2024-06-18 21:42:57 400

原创 JavaFX HTMLEditor

HTMLEditor控件是一个富文本编辑器,具有以下功能。HTMLEditor类返回HTML字符串中的编辑内容。

2024-06-18 21:42:26 478

原创 JavaFX 下拉框

组合框允许用户选择几个选项之一。用户可以滚动到下拉列表。组合框可以是可编辑和不可编辑的。

2024-06-18 21:41:56 1087

原创 JavaFX 分隔符

Separator类表示水平或垂直分隔线。它分割元素,不产生任何动作。我们可以设计风格,应用视觉效果,并为分隔符设置动画。默认情况下,分隔符是水平的。我们可以使用setOrientation方法改变它的方向。Separator类扩展了Node类。

2024-06-18 21:41:17 344

原创 JavaFX菜单(Menu)

菜单是桌面应用程序选择选项的标准方法。菜单和菜单项可以与选择选项快捷键组合,称为键盘快捷键。

2024-06-18 21:40:30 1247

原创 JavaFX文件选择器(FileChooser)

FileChooser允许用户导航文件系统并选择一个文件或文件夹。FileChooser类位于javafx.stage包中。

2024-06-18 21:39:48 684

原创 JavaFX DatePicker

可以通过使用setShowWeekNumbers()方法来启用和禁用在DatePicker中显示ISO周数。默认情况下,DatePicker使用系统区域设置和ISO日历系统定义的日期格式@Override@Overrideif (date!= null &&!} else {

2024-06-18 21:39:17 578

原创 JavaFX密码字段

PasswordField用于密码输入。用户键入的字符通过显示回显字符串被隐藏。

2024-06-18 21:38:46 310

原创 JavaFX文本域(输入框)

TextField用于单行文本输入。请看下面的示例 -TextField和Password字段扩展了TextInput类,它是JavaFX中所有文本控件的超类。

2024-06-18 21:38:14 926

原创 JavaFX选择框

JavaFX选择框允许用户在几个选项之间快速选择。

2024-06-18 21:37:39 388

原创 JavaFX复选框

复选框允许用户进行多项选择。例如,当订购披萨时,可以添加多个调味料。单选按钮或切换按钮用于单选或无选择。

2024-06-18 21:37:08 385

原创 JavaFX单选按钮

通常组合在一起,以便用户进行单选,即用户只能在单选按钮列表中选择一个项目。例如,当选择鞋子尺寸时,我们通常从列表中选择一个尺寸。或。以下代码显示,当放置在ToggleGroup中时,只能选择一个RadioButton。

2024-06-18 21:36:38 617

原创 JavaFX按钮

当用户单击按钮时,JavaFX Button类可以触发事件。Button类扩展了Labeled类,可以显示文本,图像或两者都可以。以下代码显示了如何向Button添加单击操作侦听器。

2024-06-18 21:36:07 758

原创 JavaFX标签

的javafx.scene.control包中的Label类可用于显示一个文本元素。我们可以包装文本元素以适应特定空间,添加图形图像或使用JavaFX Label控件应用视觉效果。以下代码显示如何使用Label显示文本。

2024-06-18 21:35:37 249

原创 JavaFX 字体

JavaFX字体类使你能够加载不同 的java.scene.text.Font字体以在你的 JavaFX 应用程序中使用。字体是一种文本样式。使用相同字体呈现的所有文本看起来都相似。现在,我将向你展示如何在 JavaFX 中加载和设置字体。

2024-06-18 21:35:05 520 3

原创 JavaFX GridPane布局

GridPane通常用于布局:表单布局GridPane可以在行,列或单元格级别指定约束。例如,我们可以设置包含输入文本字段的第二列,以在窗口调整大小时调整大小。使用Java FX创建表格的时候,这个布局非常方便。包javafx.scene.layout名为GridPane这个类提供了 11 个属性,它们是 -

2024-06-16 21:22:47 759

原创 JavaFX BorderPane布局

布局顶部,底部,左,右或中心区域中的子节点。每个区域只能有一个节点。的顶部和底部区域允许可调整大小的节点占用所有可用宽度。左边界区域和右边界区域占据顶部和底部边界之间的可用垂直空间。默认情况下,所有边界区域尊重子节点的首选宽度和高度。

2024-06-16 21:21:11 632

原创 JavaFX VBox

VBox布局将子节点堆叠在垂直列中。新添加的子节点被放置在上一个子节点的下面。默认情况下,VBox尊重子节点的首选宽度和高度。当父节点不可调整大小时,例如Group节点,最大垂直列的宽度基于具有最大优选宽度的节点。默认情况下,每个子节点与左上(Pos.TOP_LEFT)位置对齐。

2024-06-16 21:20:11 470

原创 JavaFX HBox

JavaFX API具有将UI控件显示到场景图上的布局类。布局类将JavaFX子节点放在水平行中。新的子节点附加到右侧的末尾。默认情况下,HBox布局尊重子节点的首选宽度和高度。当父节点不可调整大小时,例如Group节点,HBox的行高度设置为子节点的最大首选高度。默认情况下,每个子节点与左上位置对齐。我们可以通过编程方式改变的布局约束,例如。当处理不可缩放的子节点(如Shape节点)时,父节点会考虑Shape的矩形边界(ParentInBounds)的宽度和高度。

2024-06-16 21:19:36 1940

原创 JavaFX渐变颜色

开始点(X,Y)和结束点(X,Y)值设置在对角线位置,循环方法设置为反射CycleMethod.REFLECT。要创建线性渐变涂料,为开始点和结束点指定startX,startY,endX和endY。通过将proportional属性设置为false,可以基于标准屏幕(x,y)坐标将渐变轴设置为起点和终点。Double - 设置从渐变中心到映射第一种颜色的焦点的角度(以度为单位)。Double - 设置渐变圆的中心点的X坐标。Double - 设置渐变圆的中心点的Y坐标。

2024-06-16 21:18:53 799

原创 JavaFX颜色

在中,我们可以在对象上应用颜色(Paint)。在中,所有形状都可以填充简单的颜色和渐变颜色。

2024-06-16 21:17:54 573

原创 JavaFX文本

另一个基本的节点是Text节点,它允许我们在场景图上显示文本。要创建Text节点,请使用javafx.scene.text.Text类。所有场景节点都从javafx.scene.Node中扩展,并且它们继承了许多功能,例如缩放,翻译或旋转的功能。Text节点的直接父对象是javafx.scene.shape.Shape类。可以在两个文本之间执行几何操作,如减法,相交或联合。还可以使用文本剪辑视口区域。

2024-06-16 21:17:22 416

原创 JavaFX 图像视图

JavaFX ImageView 控件可以在 JavaFX GUI 中显示图像。ImageView 控件必须添加到场景图中才能可见。JavaFX ImageView 控件由类表示 javafx.scene.image.ImageView。

2024-06-16 21:16:19 422

原创 JavaFX 节点

JavaFXNode类javafx.scene.Node是添加到的所有组件 的基类(超类)。JavaFX Node 类是抽象的,因此你只需将 Node 类的子类添加到场景图中。场景图中的所有 JavaFX Node 实例共享一组由 JavaFX Node 类定义的公共属性。本 JavaFX 节点教程将介绍这些常见属性。

2024-06-16 21:15:32 1682

原创 JavaFX 场景

JavaFX场景对象是 JavaFX 场景图的根。换句话说,JavaFX 场景包含其中的所有可视 JavaFX GUI 组件。JavaFX 场景由类表示 javafx.scene.Scene。必须在Scene上设置对象 才能可见。在本 JavaFX教程中,我将向您展示如何创建 对象并向其添加 GUI 组件。SceneScene。

2024-06-16 21:14:29 529

原创 JavaFX Stage

JavaFXStagejavafx.stage.Stage表示 JavaFX 桌面应用程序中的窗口。在 JavaFX 内部,Stage您可以插入一个 JavaFX Scene,它表示在窗口内显示的内容 - 在Stage.当 JavaFX 应用程序启动时,它会创建一个根Stage对象,该对象将传递给 start(Stage primaryStage)JavaFX 应用程序的根类的方法。此Stage 对象代表 JavaFX 应用程序的主窗口。

2024-06-16 21:13:42 844

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除