首页

解决Failed building wheel for dlib

报错如下: Building wheels for collected packages: dlib Building wheel for dlib (pyproject.toml) ... error error: subprocess-exited-with-error × Building wheel for dlib (pyproject.toml) did not run successfully. │ exit code: 1 ╰─> [11 lines of output] running bdist_wheel running build running buil
发布于 2024-7-26 上午6:21 阅读数 23

在 Nuxt 3 项目部署之后,可以通过 Nginx 来配置静态文件(包括图片)的服务

1. 安装 Nginx 确保已经安装了 Nginx: sudo apt update sudo apt install nginx 2. 配置 Nuxt 项目的构建输出 首先,确保Nuxt 3 项目已经构建并生成了静态文件。运行以下命令进行构建: npm run build npm run generate 生成的静态文件通常会放在 .output/public 目录下。 3. 配置 Nginx 编辑 Nginx 配置文件(例如 /etc/nginx/s
发布于 2024-7-4 下午5:31 阅读数 382

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 阅读数 347

在 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 阅读数 428

通过使用map()方法从多维数组中提取特定值来创建新数组

const myFavList = [ { id: 23, name: "moketaro", favs :[ { fruits: "Apple" }, { hoby: "reading" } ] }, { id: 11, name: "mokeko", favs :[ { fruits: "lemon" } ] }, { id: 65, name: "mokemasa", favs :[ { fruits: "orange" }, { hoby: "birdwatching" } ] }, { id: 190, name: "mokena", favs :[ { fruits: "kiwi"
发布于 2024-5-12 下午9:58 阅读数 482

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 阅读数 538

[Nuxt3/TS] 如何指定ES版本

在使用Nuxt3进行开发时,在服务器模块(/server/api)中处理Bigint时,出现了以下错误: 错误:在配置的目标环境("es2019")中无法使用大整数字面量。 从es2020开始支持Bigint,因此,看来需要更改TypeScript的版本。 服务器模块由Nuxt3内部的Nitro引擎驱动,因此,需要将设置传递给Nitro引擎。 可以在nuxt.config.ts中来指定ES版本: expo
发布于 2024-5-12 下午9:29 阅读数 458

[Java]类解释:关于实例生成

在Java中,通过类(Class)我们可以创建实例(Instance),这是面向对象编程的核心概念之一。类是对象的蓝图,而实例则是根据这个蓝图创建的对象。 假设我们有一个Student类: public class Student { String name; int age; } Student 类定义了学生需要具备的属性,比如名字(name)和年龄(age)。这只是一个模板,我们可以使用它来创建Stu
发布于 2024-5-11 下午3:21 阅读数 572

搭建Rails 7+MySQL的Docker环境

使用Docker构建Ruby 3.2 + Rails 7 + MySQL 8开发环境。 创建目录和所需文件 打开你的终端: mkdir rails_app cd rails_app # MySQL环境 mkdir -p db/data touch db/my.cnf db/data/.keep # Rails环境 mkdir api touch api/Dockerfile api/Gemfile api/Gemfile.lock api/entrypoint.sh 创建compose.yml文件 //compose.yml ser
发布于 2024-5-11 下午3:6 阅读数 476

理解并解决数据库中的N+1问题(PHP实例)

N+1问题是一个指在数据库中发送大量的SQL查询,从而增加负载并导致性能下降的问题。当你使用框架进行开发时,你有没有意识到你可能无意中发送了大量的SQL查询? 更具体地说,N+1问题是指在一个过程中,首先通过一个查询获取父数据,然后获取子数据,每获取一个子数据都会生成一个额外的查询,这种状态不断重复。这就是所谓的N+1问题。
发布于 2024-5-11 下午2:29 阅读数 478

css 文字水平/垂直循环滚动效果

水平 方式一:marquee标签 实例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>实现文字水平循环滚动</title> </head> <style> </style> <body> <!--从右到左滚动 滚动速度scrollamount="10"--> <marquee direction="left
发布于 2024-5-11 下午2:8 阅读数 457

详解跨源资源共享(CORS)及其在Web开发中的应用

什么是 CORS(跨源资源共享)? CORS(跨源资源共享)是一种基于HTTP并由Web浏览器控制的安全机制。它允许客户端请求来自自身以外源(跨源)的资源。这是为了应对同源策略(SOP{Same Origin Policy})而设计的。所有常见的Web浏览器都实现了它,并于2014年1月被W3C推荐为标准。简单来说,可以将其看作是一种应对跨源资源的技术。 那么它是如
发布于 2024-5-10 下午3:41 阅读数 680

使用 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 阅读数 578

【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 阅读数 430

Flutter封装组件之:常用标题组件

常用标题GRTitle组件 使用方法 GRTitle( leftTitle: '可点击右侧', leftIcon: Icon(Icons.bookmark_border), rightTitle: '换一换', onTap: (){print('1111');}, rightIcon: Icon(Icons.refresh,color: Colors.black45,size: 18), ), //设置颜色 GRTitle( leftTitle: '有图标标题', leftTitleColor: Colors.red, leftIcon:
发布于 2024-5-10 下午2:0 阅读数 451

Flutter封装组件之:文本组件

Text 对齐方式textAlign 左对齐(默认) const Text('左侧对齐',textAlign: TextAlign.left), 或者 const Text('左侧对齐',textAlign: TextAlign.start), 居中对齐 const Text('居中对齐',textAlign: TextAlign.center), 右对齐 const Text('右侧对齐',textAlign: TextAlign.right), 或者 const Text('右侧对齐',textAlign: T
发布于 2024-5-9 下午4:52 阅读数 500

css文字倾斜效果

方式一:html标签 让文字倾斜的html标签有 i、em、cite。 实例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>实现文字倾斜效果</title> </head> <body> <i>tehub一个优秀的中文社区平台</i><br/> <em>tehub一个优秀的中
发布于 2024-5-9 下午4:40 阅读数 494

Flutter CupertinoTimerPicker的使用教程和示例

在 Flutter 中,CupertinoTimerPicker小部件用于显示iOS 风格的倒计时器选择器。它显示带有小时、分钟和秒旋转器的倒计时持续时间。持续时间范围为 0 到 23 小时 59 分 59 秒。 在这篇以代码为中心的文章中,我们将研究一个完整的示例,演示如何使用 showCupertinoModalPopup() 函数实现 CupertinoTimerPicker,然后学习该小部件的
发布于 2024-5-9 下午4:30 阅读数 554

TypeORM:如何执行原始SQL查询

在TypeORM中,你可以通过调用query()方法来执行原始SQL查询(你可以通过数据源或实体管理器访问这个方法)。你可以做从CRUD数据(创建,读取,更新和删除)到其他复杂操作的所有事情。 比如: const users = await myDataSource.query( 'SELECT * FROM users ORDER BY id DESC LIMIT 100' ); console.log(users); 或者: const manager
发布于 2024-5-9 下午4:17 阅读数 442

在Laravel 10中使用Laravel UI+Vue3包进行认证设置

创建Laravel项目 使用 Composer 命令安装 Laravel 10。 composer create-project --prefer-dist laravel/laravel laravel_auth 安装和配置 Lravel UI composer require laravel/ui 如果选择了bootstrap 需要执行php artisan ui命令来创建用于认证的脚手架(如认证页面、登录页面等)。 如果你想使用Vue.js或React,你可以指定vue、
发布于 2024-5-8 下午6:1 阅读数 522

uniapp 使用renderjs来支持浏览器的document对象

uniapp并不支持直接使用浏览器的document对象,原因在于uniapp的运行环境并不仅仅在浏览器中,还包括各种小程序和app,这些环境中并不存在传统意义上的浏览器document对象。 可以使用uniapp提供的API替代document对象的一些功能: 需要修改元素样式的话,可以考虑通过数据绑定的方式去改变样式; 如果需要获取元素信息,可以使用uni
发布于 2024-5-7 下午3:25 阅读数 584

Next.js14(App Router)基础知识

前言 在开始项目之前,我们需要了解什么是CSR和SSR? 为什么我们要学习Next.js? 为什么要学习Next.js React生态系统:Next.js是建立在React之上的,它提供了许多增强的功能和工具,使得开发React应用程序更加容易和高效。 服务器渲染(SSR):Next.js支持服务器渲染,这意味着你可以在服务器上预渲染页面,然后将其发送到客户端。这可以
发布于 2024-5-7 下午3:17 阅读数 494

vue3将一个全局脚本添加在index.html中,在vue3页面中直接使用

如果你想将一段js脚本代码写入 Vue 项目的index.html文件中,并在 Vue 页面中使用,你需要将该脚本写入 <script> 标签内,同时,将结果放在全局对象上,例如 window 对象,因为 index.html 中的全局脚本和 Vue 组件文件的模块作用域是隔离的。 举个例子: 下面是一段随机生成二级域名的代码,先随机取出一个主域名,然后再根据
发布于 2024-5-7 下午2:30 阅读数 571

解决unable to open database file: out of memory (14)

golang中使用sqlite时遇到了下面的报错 [error] failed to initialize database, got error unable to open database file: out of memory (14) panic: unable to open database file: out of memory (14) 这通常是由于没有文件权限导致的,比如我这儿的dsn是,test/test.db?_busy_timeout=5000,由于test这个目录并不存在,所
发布于 2024-5-1 下午9:13 阅读数 497

【Vue/Nuxt.js】使用Composition API实现子组件向父组件传递数据的方法

使用defineEmits进行定义。 在Composition API中,我们可以创建一个emit的变量,并使用defineEmits定义自定义事件。 子组件 <script setup> const emit = defineEmits(['hogeEvent']); //emit之外也可以 const hoge = () =>{ emit('hogeEvent'); } </script> <template> <button type="button" @click=
发布于 2024-4-29 下午6:32 阅读数 439
热门推荐
推荐作者
暂无描述
快乐程序员
这里是高德官方技术号,关于高德的技术创新内容均呈现于此
码。摄影。艺术。
站务小助手