方周率-CSDN博客

原创 java设计模式-生成器模式

生成器模式通常用于解决当一个对象需要多个部分来一步步构建时，直接实例化对象会导致构造方法过于复杂，参数列表过长的问题。使用生成器模式可以使对象的构建过程和表示分离，允许用户只通过指定复杂对象的类型和内容就可以构建它们，隐藏了对象的内部结构和构建过程。生成器（Builder）模式的使用场景主要集中在需要构建一个复杂对象时，特别是当这个对象的构造过程需要多个步骤，或者构造参数很多，而且许多参数具有默认值。生成器模式的主要目的是将一个复杂对象的构建与其表示分离，使得同样的构建过程可以创建不同的表示。

2024-04-28 22:27:06 1382

原创 java设计模式-工厂模式

Java 中的工厂模式是设计模式的一种，主要用于管理对象的创建。它帮助将对象的实例化逻辑从使用对象的逻辑中分离出来，使得代码更加模块化，增加了代码的灵活性和可维护性。工厂模式主要有三种变体：简单工厂模式、工厂方法模式和抽象工厂模式。

2024-04-28 22:00:35 1383

原创 vite-plugin-svg-icons 用法

提供了一种简便的方法来在 Vue 3 项目中管理和使用 SVG 图标。通过这个插件，你可以轻松地将本地的 SVG 文件转换为 Vue 组件，从而在项目中轻松使用这些图标。配置和使用非常简单，并且可以通过自定义symbolId和组件来满足不同的需求。

2024-08-30 15:15:06 1056

原创 vue3如何监听reactive对象是哪个属性发生的变化

监听单个属性：使用监听特定属性的变化。监听整个对象：使用并结合deep: true深度监听整个对象，并手动检查哪些属性发生了变化。监听多个属性：可以通过数组或组合computed来监听多个属性的变化。使用toRefs：将reactive对象的属性转换为ref，然后分别进行监听。这些方法可以帮助你灵活地监听reactive对象中的属性变化，根据实际需求选择合适的方式。

2024-08-29 23:56:00 718

原创 CSS 的 position 属性

CSS 的position属性用于指定一个元素在文档中的定位方式。static（默认值）toprightbottomleftrelativetoprightbottomleftabsolutestaticfixedstickytoprightbottomleft。

2024-08-16 20:24:29 306

原创 android selector 和 shape 结合使用

创建两个 shape 文件，分别定义正常状态和按下状态的样式。

2024-08-02 09:47:07 421

原创 pinia 监听数据的变化

在 Pinia 中，你可以使用$subscribe方法来监听 store 中数据的变化。Pinia 的$subscribe方法允许你订阅 store 的 mutations，以便在数据变化时执行一些操作。你可以在 store 内部或组件中使用$subscribe方法。

2024-06-08 23:17:18 1422

原创 JavaScript 中创建函数的多种方式

每种创建函数的方式都有其特定的优缺点和适用场景。在实际开发中，可以根据具体需求选择最合适的方式来创建和使用函数，从而实现代码的最佳可读性和维护性。

2024-06-08 23:16:41 949

原创 vue3开发时，热更新页面的生命周期

在 Vue 3 开发时，热更新（Hot Module Replacement, HMR）允许开发者在修改代码后立即看到变更效果，而无需重新加载整个页面。了解页面生命周期在热更新中的行为有助于开发者更好地控制组件的状态和行为。

2024-06-06 09:22:22 586

原创 less 基础语法

LESS 是一种动态样式语言，扩展了 CSS 的能力。它允许使用变量、嵌套、混合、函数等，使得 CSS 更加可维护和灵活。

2024-06-05 17:38:27 539

原创 JavaScript 中创建函数的多种方式

每种创建函数的方式都有其特定的优缺点和适用场景。在实际开发中，可以根据具体需求选择最合适的方式来创建和使用函数，从而实现代码的最佳可读性和维护性。

2024-06-04 22:17:20 1397 2

原创 vue3 项目目录使用文件夹和index.vue，与直接用直接用名字.vue的区别

选择文件夹加index.vue还是直接用名字命名.vue文件，取决于项目的规模和复杂度。对于大型项目和复杂组件，推荐使用文件夹结构以保持代码的模块化和可维护性。对于小型项目和简单组件，直接使用名字命名.vue文件可以简化目录结构，加快开发速度。

2024-06-04 09:27:58 1170

原创 Typescript中报：XX is possibly undefined 如何处理

在Vue或任何JavaScript环境中，当你遇到类似的错误时，这通常是因为你在访问一个对象的属性前没有检查该对象是否存在或该属性是否已定义。这种情况常见于使用如这样的DOM方法时，该方法返回的对象理论上包含多个属性（如toprightbottomleftwidthheight），但在某些异常情况下可能返回undefined。

2024-04-29 23:06:27 1046

原创 vue3中响应式变量为什么可以声明为const

在 Vue 3 中，响应式变量通常是通过ref和reactive函数创建的，并且它们常常被声明为const。这种做法初看似乎有些矛盾，因为const在 JavaScript 中用于声明一个不可重新赋值的常量。然而，这里的关键在于理解 JavaScript 中的引用和 Vue 的响应式系统如何工作。

2024-04-29 09:16:06 1346

原创 electron退出时添加一个包含“不再提示”选项的确认对话框

这两个属性分别用于设置复选框的标签和初始状态。您可以根据用户的选择来决定是否在将来再显示此对话框。在 Electron 中添加一个包含“不再提示”选项的确认对话框可以通过。这样，用户就可以控制是否希望在未来被再次提示。

2024-04-28 23:05:19 746

原创 CSS的box-shadow 用法

CSS的box-shadow属性是一个强大的工具，用于向框（盒子）元素添加阴影效果。它可以添加一个或多个阴影，并可以定制阴影的大小、模糊程度、颜色等。

2024-04-28 17:27:49 620

原创 electron 数据持久化方案

在 Electron 应用中实现数据持久化的方案多种多样，主要取决于你的具体需求，比如数据的大小、安全性要求、以及是否需要与云端同步等。fs。

2024-04-28 13:13:35 1364

原创 vue3中使用vue-types

vue-types在 Vue 3 中的使用主要适用于希望进行更细致的 prop 验证的场景，尤其是在 JavaScript 项目中。对于 TypeScript 用户，Vue 3 的类型系统已经提供了强大的支持，所以直接使用 Vue 的类型功能通常是更加简洁和直接的选择。

2024-04-27 00:26:35 1036

原创 typescript中 declare global 关键字用法

在 TypeScript 中，用于在模块内部扩展全局作用域。当你在模块（任何包含顶级import或export的文件）中工作时，TypeScript 会将该文件的作用域视为局部作用域。如果你需要添加或修改全局作用域中的类型（比如扩展全局Window接口或添加新的全局变量），你可以使用。

2024-04-26 08:43:30 852

原创 typescript中声明新的对象类型

在 TypeScript 中声明新的对象类型主要有两种方式：使用interface和type关键字。这两种方法在很多情况下都可以互换使用，但它们也有一些不同的特性和用法。下面将介绍如何使用这两种方法来声明新的对象类型。

2024-04-25 16:40:29 653

原创在 TypeScript 中declare module 关键字用法

在 TypeScript 中，关键字用于声明模块的类型信息，这种声明通常出现在声明文件（通常是.d.ts文件）中。这对于当你需要为现有的 JavaScript 库或模块提供类型信息时非常有用，尤其是对于没有提供自己的类型声明的第三方库。

2024-04-25 16:35:48 1985 1

原创 css 将div固定在页面顶部不随页面滑动

为了将一个div设置为固定在页面顶部，不随页面滚动，可以使用几种不同的 CSS 技术来实现。

2024-04-25 15:04:32 4456

原创如何在使用 ES Modules 的 Node.js 应用中创建和使用 dirname 和 filename 这两个全局变量

在 Node.js 的 ES Modules (ESM) 环境中，传统的 CommonJS 全局变量__dirname和__filename不再直接可用。这是因为 ES Modules 采用不同的模块解析策略，更加符合 ECMAScript 标准。因此，如果在使用 ES Modules 格式编写 Node.js 代码，需要使用不同的方法来获取当前模块的文件路径和目录路径。这段代码演示了如何在使用 ES Modules 的 Node.js 应用中创建和使用__dirname和__filename。

2024-04-25 10:57:42 545

原创 tsconfig.json 常用属性配置和注释

tsconfig.json详细的文件示例，其中包含了许多常用的配置选项。这个配置适用于一个使用 TypeScript 进行前端和后端开发的通用项目。

2024-04-25 10:39:26 340

原创 electron使用typescript

引入 TypeScript 到 Electron 项目中是一个增强代码质量和开发体验的好方法，因为 TypeScript 提供了静态类型检查、接口和类等强大的语言特性。

2024-04-25 10:25:34 1046

原创 tsconfig.json 中 references属性的用法

在 TypeScript 的项目配置文件中，references选项用于设置项目之间的依赖关系，特别是在使用项目引用（Project References）的上下文中。项目引用是 TypeScript 3.0 引入的一个功能，旨在提高大型项目的编译效率和结构化管理。

2024-04-25 09:46:52 1682 2

原创在 Javascript 中 import 和 require 的区别

选择import还是require取决于你的项目类型、目标环境以及你希望利用的 JavaScript 构建工具的能力。随着 JavaScript 生态的发展，ES6import正逐渐成为跨平台的标准选择，尤其在支持模块化和构建优化方面表现更优。

2024-04-25 09:15:53 360

原创 typescript 文件命名规范

保持一致的命名规范对于项目的可维护性至关重要。团队应该根据项目的具体需求和所用技术栈制定和遵守自己的命名约定。一旦建立了规范，所有团队成员都应该遵循这些规则，以便项目的每个部分都易于理解和管理。

2024-04-25 09:03:05 869 1

原创 TypeScript 项目报错Projects must list all files or use an include pattern

确保你的文件正确配置，明确告诉TypeScript编译器哪些文件需要被包括或排除。通常，使用include和exclude提供模式匹配是管理大型项目中文件的一个灵活方式，而files则适用于较小或更明确的项目。如果配置正确，这应该可以解决“Projects must list all files or use an include pattern”这一错误。

2024-04-25 08:53:57 1072

原创 electron主进程和渲染进程通信时用到的 event 名称，如何定义为常量

无论选择哪种方式，使用 TypeScript 来定义事件名称为常量可以提高你的 Electron 应用的类型安全性和可维护性。enum提供了一个明确的方式来组织这些值，而常量对象则为那些偏好对象字面量的开发者提供了便利。

2024-04-25 08:42:58 886

原创 electron中preload.js文件的用法

preload.js文件在Electron应用中起着桥梁的作用，使得在保持安全的同时，渲染进程可以访问主进程的功能。通过精心设计preload脚本，可以有效地加强应用的安全性，避免直接暴露过多的Node.js API给可能的前端攻击面。

2024-04-25 08:25:53 1421

原创 electron 中统一管理全局常量

选择哪种方法取决于你的具体需求，比如项目的复杂性、安全需求以及是否需要在渲染进程中访问这些常量。对于大多数现代 Electron 应用，推荐使用 JavaScript 模块和preload脚本结合，这不仅能保持代码的清晰和组织，还能满足 Electron 的安全性需求。

2024-04-25 08:21:22 1239 2

原创 electron中主进程和渲染进程通信

在 Electron 中，通过使用 IPC （Inter-Process Communication）机制，ipcMain和模块可以在主线程（主进程）和渲染线程（渲染进程）之间进行消息通信。当你想要从主线程发送数据到渲染线程时，可以使用ipcMain处理来自渲染线程的消息，并使用方法来将结果发送回渲染线程。

2024-04-25 08:17:34 1094