首页
【Vue3】理解vue3的各种ref：toRef、toRefs、isRef、unref、shallowRef、proxyRefs等。
在Vue3中，我们有很多与响应性相关的函数，比如toRef、toRefs、isRef、unref、shallowRef、proxyRefs等。在实际的开发中，合理地使用这些函数能极大地提高我们的开发效率。本文就一起来看看这些响应性相关的函数的详细用法。 ref() 对于ref，大家并不陌生。我们经常在Vue3中使用它。它的功能是接受一个值并返回一个响应性的对象。我们可以
发布于 2024-11-16 下午3:39 阅读数 73
Nuxt 3 多路径访问同一页面的三种方式：重定向、别名与动态路由
今天看到有小伙伴在Nuxt 3文中社区群里问到这个问题，那就顺便写一篇文章来回答，并且重温一下Nuxt3的路由。 Nuxt 3 多路径访问同一页面 在 Nuxt 3 中，如果你想让两个不同的路径访问同一个页面，有以下几种实现方式： 重定向方式：在其中一个路径中使用 navigateTo 方法重定向到目标页面。 路由别名：在 nuxt.config.ts 中配置路由
发布于 2024-11-16 下午3:39 阅读数 87
Vue3中计算属性(Computed)和响应式引用(Ref)的区别
有时候在vue3开发中，有些情况我们不知道是使用Computed还是使用Ref比较好，虽然两者都能实现功能。本文我们来探讨一下两者的差异。 计算属性（Computed）是一种基于响应式依赖关系进行缓存运算的属性。当它的依赖关系发生改变时，它就会重新求值。并且只有在它的相关依赖项发生改变时才会重新计算，否则，它会立即返回之前的计算结果，
发布于 2024-9-9 下午5:3 阅读数 717
猫目网站推出Fooocus超快整合包，让创作如虎添翼
Fooocus可以被认为是简洁版Stable Diffusion或者说是免费版的Mid Journey，它采用的是SDXL的内核，界面简洁类似Mid Journey一样的操作方式，它不需要很高的硬件条件就能运行。 近日，猫目网站隆重推出了全新的Fooocus超快整合包应用，为广大创作者提供了一款集成多种功能、操作简便的在线绘画工具。此次上线的Fooocus应用旨在满足各
发布于 2024-9-9 下午5:2 阅读数 481
分布式追踪服务应用实战指南
分布式追踪服务作为解决复杂系统影响效率的重要工具，在企业逐步转向微服务化和分布式系统架构时，应用的复杂性日益上升，也导致了监控技术面临更大的挑战，然而伴随而来的是系统的更加稳定和用户满意度的提高。本文将深入分析分布式追踪服务的优势特点、适用环境、潜在风险及安全保障措施等方面，并详述其在 Python 项目中的集成
发布于 2024-9-3 下午3:48 阅读数 523
遇见 Flux：新的开源AI图像生成器击败了Midjourney、SD3和Auraflow
黑森林实验室（Black Forest Labs）——曾参与开发原始的Stable Diffusion——推出了Flux，这是迄今为止最大的开源文本到图像模型。Flux拥有惊人的120亿参数，可以生成媲美Midjourney的视觉效果，甚至可能超越当前所有其他模型——无论是开源还是闭源。 Flux有三个版本：Flux Dev，是一个开源的社区开发版本，采用非商业许可证；Flux Schnell
发布于 2024-8-4 上午9:39 阅读数 1367
Golang实现手机号脱敏
在Go语言中实现手机号脱敏（即对手机号进行部分隐藏，以保护隐私）可以通过字符串处理函数来实现。以下是一个简单的示例代码： package main import ( "fmt" "strings" ) // DesensitizePhoneNumber 对手机号进行脱敏处理 func DesensitizePhoneNumber(phone string) string { if len(phone) != 11 { return phone } return phon
发布于 2024-6-26 下午11:38 阅读数 1071
在 Ubuntu 上安装 Nginx：详细教程
Nginx 是一个高性能的 HTTP 和反向代理服务器。本文将介绍如何在 Ubuntu 系统上安装 Nginx，包括导入官方签名密钥、设置 apt 仓库、以及安装和配置 Nginx。 步骤 1：安装必要的依赖包 首先，确保你的系统安装了 curl、gnupg2、ca-certificates、lsb-release 和 ubuntu-keyring 这些依赖包。运行以下命令来安装它们： sudo apt install c
发布于 2024-6-17 下午4:25 阅读数 1312
Flutter封装组件之：分割线组件
分割线GRDivider组件 注：如果是无文字分割实线用已有的Divider组件即可 使用方法 GRDivider( dashed: true, height: 2.0, color: Colors.black45, textColor:Colors.red ), 组件API 参数名描述height线条高度color线条颜色text文本内容textColor文本颜色textSize文本大小dashed是否是虚线默认 false 组件源码 /** * author:
发布于 2024-5-12 下午9:48 阅读数 1171
[Nuxt3/TS] 如何指定ES版本
在使用Nuxt3进行开发时，在服务器模块(/server/api)中处理Bigint时，出现了以下错误： 错误：在配置的目标环境("es2019")中无法使用大整数字面量。 从es2020开始支持Bigint，因此，看来需要更改TypeScript的版本。 服务器模块由Nuxt3内部的Nitro引擎驱动，因此，需要将设置传递给Nitro引擎。 可以在nuxt.config.ts中来指定ES版本： expo
发布于 2024-5-12 下午9:29 阅读数 1117
[Java]类解释：关于实例生成
在Java中，通过类（Class）我们可以创建实例（Instance），这是面向对象编程的核心概念之一。类是对象的蓝图，而实例则是根据这个蓝图创建的对象。 假设我们有一个Student类： public class Student { String name; int age; } Student 类定义了学生需要具备的属性，比如名字（name）和年龄（age）。这只是一个模板，我们可以使用它来创建Stu
发布于 2024-5-11 下午3:21 阅读数 1256
理解并解决数据库中的N+1问题（PHP实例）
N+1问题是一个指在数据库中发送大量的SQL查询，从而增加负载并导致性能下降的问题。当你使用框架进行开发时，你有没有意识到你可能无意中发送了大量的SQL查询？ 更具体地说，N+1问题是指在一个过程中，首先通过一个查询获取父数据，然后获取子数据，每获取一个子数据都会生成一个额外的查询，这种状态不断重复。这就是所谓的N+1问题。
发布于 2024-5-11 下午2:29 阅读数 1121
详解跨源资源共享（CORS）及其在Web开发中的应用
什么是 CORS（跨源资源共享）？ CORS（跨源资源共享）是一种基于HTTP并由Web浏览器控制的安全机制。它允许客户端请求来自自身以外源（跨源）的资源。这是为了应对同源策略（SOP{Same Origin Policy}）而设计的。所有常见的Web浏览器都实现了它，并于2014年1月被W3C推荐为标准。简单来说，可以将其看作是一种应对跨源资源的技术。 那么它是如
发布于 2024-5-10 下午3:41 阅读数 1248
使用 Laravel 11 实现一个简单的 RESTful API
前言 虽然一般情况下我们通常需要进行验证和异常处理，但是这次主要是介绍API的实施步骤，所以其他的简单介绍一下就过了。 创建Laravel项目 使用 Composer 命令安装 Laravel 10。 composer create-project --prefer-dist laravel/laravel projectName 其中，projectName是你的项目名称 设置API php artisan install:api 快速创建
发布于 2024-5-10 下午3:11 阅读数 1254
【Java】 获取字符串/数组的长度
在Java中，你可以使用以下方法来获取字符串或数组的长度： 获取字符串的长度 String str = "你好，世界！"; int strLength = str.length(); System.out.println("字符串长度为: " + strLength); length()是一个方法，用于获取字符串的长度，返回值是该字符串中的字符数。 获取数组的长度 int[] array = {1, 2, 3, 4, 5}; int array
发布于 2024-5-10 下午2:31 阅读数 1031
