• 首页
  • 登录
    • 首页
    秋风
    in
    JavaScript,map

    通过使用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 阅读数 39
    小橙子
    in
    Flutter

    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 阅读数 41
    mookuh
    in
    TypeScript,Nuxt3

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

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

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

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

    搭建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 阅读数 45
    大熊
    in
    PHP,MySQL

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

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

    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 阅读数 49
    老朽.
    in
    跨域,cors

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

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

    使用 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 阅读数 78
    软件工程师
    in
    Java

    【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 阅读数 48
    小橙子
    in
    Flutter

    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 阅读数 41
    小橙子
    in
    Flutter

    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 阅读数 49
    终身学习者
    in
    CSS,css3

    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 阅读数 56
    小橙子
    in
    Flutter

    Flutter CupertinoTimerPicker的使用教程和示例

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

    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 阅读数 52
    @夜猫子
    in
    PHP,Laravel,vue3

    在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 阅读数 72
    前端一条鱼
    in
    uni-app,render,document

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

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

    Next.js14（App Router）基础知识

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

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

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

    解决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 阅读数 96
    ryan
    in
    vue3

    【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 阅读数 126
    励志猿
    in
    axios,aes,vue3

    vue3+axios+useAxios多接口域名检测和加解密(AES)网络请求封装

    需要实现的功能 vue3+axios+useAxios网络请求封装 主域名返回多个接口域名，循环检测接口域名，状态码为200，即该域名可以用 解密后端返回的加密的数据 实现代码 简单的vue3+axios+useAxios网络请求封装 //useAxiosApi.ts import { useAxios } from '@vueuse/integrations/useAxios' // 导入VueUse库中的useAxios函数 import a
    发布于 2024-4-19 下午10:42 阅读数 316
    Hedy
    in
    vue3,Nuxt3

    用nuxt3官方提供的nuxt-icon插件来引入iconify的海量图标

    旧的引用方式 这里我们不用ant蚂蚁框架的图标，我们从iconify从导入图标。 iconify图标是一种矢量图标格式，它可以以小尺寸的形式显示在各种设备上，如移动设备、桌面应用程序和网页。iconify图标可以缩放到任何尺寸而不失真，并且可以通过CSS或JavaScript进行动态更改。Iconify图标还支持多种颜色和主题，使其适合各种不同的设计需
    发布于 2024-4-14 下午10:0 阅读数 295
    ryan
    in
    动画,animation,vue3

    vue3 + Nuxt3 使用AutoAnimate可以快速添加动画

    AutoAnimate是什么？ 这是FormKit提供的一个动画库。只要安装了这个库，你就可以非常轻松地使用它。虽然这个库支持Vue、React、Preact、Solid、Svelta、Angular和NativeJS，但在本文中，我将介绍如何在Vue中使用它。 官方文档： https://auto-animate.formkit.com/ 设置 首先进行安装 npm install @formkit/auto-animate 接着，在nuxt.con
    发布于 2024-3-17 下午9:30 阅读数 741
    大前端打手
    in
    TypeScript,React.js

    从 TypeScript 类型概述到 React 中的处理类型

    TypeScript 概述 TypeScript 是一种将静态类型引入 JavaScript 的语言。 静态类型有两个主要优点： 类型安全 文档化 类型安全 编译器会进行类型检查，如果程序有错误，就会出现编译错误。 const message: number = 'hello hedy'; console.log(message); 没有编译的时候，webstorm或者VS code就会指出你是否使用不适当的类型编写代
    发布于 2024-3-17 下午8:59 阅读数 345
    常用工具
    JSON在线格式化常用正则表达式正则语法速查IP位置查询 Base64加密/解密 密码生成器 Unix时间戳转换 Websocket测试
    热门推荐
    推荐作者
    jack
    暂无描述
    gomi3
    我们的愿景：关注用户体验，技术驱动创新，喜欢就关注我们哦
    libanbn
    只爱搞事搞事搞事
    andrew
    山重水复疑无路，柳暗花明又一坑。
    黑铁泰坦
    即将踏入职场的大学生
    关于我们营业执照意见反馈友情链接条款和政策

    ICP备案号：沪ICP备2021013479号-3

    增值电信许可：沪B2-20220016

    联系我们：chris@guiyun.com

    ©2023 Tehub.com