当前位置: 首页 > news >正文

uni-app : 生成三位随机数、自定义全局变量、自定义全局函数、传参、多参数返回值

核心代码 

function generateRandomNumber() {const min = 100;const max = 999;// 生成 min 到 max 之间的随机整数// Math.random() 函数返回一个大于等于 0 且小于 1 的随机浮点数。通过将其乘以 (max - min + 1),我们得到一个大于等于 0 且小于等于 (max - min + 1) 的随机浮点数。	// 接着,我们将结果舍去小数部分,即使用 Math.floor() 方法对结果进行向下取整。// 最后,我们加上 min,这样就将取整后的结果偏移为在 min 到 max 之间的随机整数。const randomNumber = Math.floor(Math.random() * (max - min + 1) + min);return randomNumber;
}

这里我采用全局函数进行书写

自定义全局方法介绍

目录

效果

全局文件代码(common.js)

//定义全局变量
const info = '我是全局变量'
//定义全局函数
//生成随机三位数
function generateRandomNumber() {const min = 100;const max = 999;const randomNumber = Math.floor(Math.random() * (max - min + 1) + min);return randomNumber;
}
//导出
module.exports = {generateRandomNumber,info
}

主页面代码(index.vue)

<template><view><view>{{info}}</view><view>{{random}}</view></view>
</template>
<script>import common from "../../utils/common.js"export default {data() {return {info:common.info,random:common.generateRandomNumber() }},methods: {}}; 
</script>
<style></style>

1、引入文件

        import common from "../../utils/common.js"

2、调用自定义全局变量

        common.info

3、调用自定义全局函数

        common.generateRandomNumber() 

扩展 - 参数传递,返回值为多个数据

效果

主页面同上

打印结果

全局文件代码(common.js)

//定义全局变量
const info = '我是全局变量'
//定义全局函数
//生成随机三位数
function generateRandomNumber() {const min = 100;const max = 999;const randomNumber = Math.floor(Math.random() * (max - min + 1) + min);return randomNumber;
}
//参数传递
function parameters(a,b,c){return {a,b,c};
}
//导出
module.exports = {generateRandomNumber,info,parameters
}

return:返回多个参数

扩展

1、返回一个对象:

function myFunction() {const result1 = 'hello';const result2 = 'world';const result3 = 123;return {value1: result1,value2: result2,value3: result3};
}// 调用函数并获取返回值
const { value1, value2, value3 } = myFunction();
console.log(value1, value2, value3);

2、返回一个数组

function myFunction() {const result1 = 'hello';const result2 = 'world';const result3 = 123;return [result1, result2, result3];
}// 调用函数并获取返回值
const [value1, value2, value3] = myFunction();
console.log(value1, value2, value3);

主页面代码(index.vue)

<template><view><view>全局变量:{{info}}</view><view>随机三位数:{{random}}</view></view>
</template>
<script>import common from "../../utils/common.js"export default {data() {return {info:common.info,random:common.generateRandomNumber() }},methods: {},onLoad() {//调用全局函数传参//这里传递的实参,分别对应形参中的a,b,cvar parameters1 = 1;var parameters2 = 2;var parameters3 = 3;console.log(common.parameters(parameters1,parameters2,parameters3))}}; 
</script>
<style></style>

引用方法时传递参数:common.parameters(parameters1,parameters2,parameters3)

 

相关文章:

uni-app : 生成三位随机数、自定义全局变量、自定义全局函数、传参、多参数返回值

核心代码 function generateRandomNumber() {const min 100;const max 999;// 生成 min 到 max 之间的随机整数// Math.random() 函数返回一个大于等于 0 且小于 1 的随机浮点数。通过将其乘以 (max - min 1)&#xff0c;我们得到一个大于等于 0 且小于等于 (max - min 1…...

EF core 如何撤销对对象的更改

一般情况下 DB.SaveChanges() 就可以正常提交更改了. 但是如何撤销更改, 可以使用下面的代码. //撤销更改 //放弃更改. 防止后面的finally出错 DB.ChangeTracker.Entries().Where(e > e.Entity ! null).ToList().ForEach(e > e.State EntityState.Detached);...

以字符串mark作为分隔符,对字符串s进行分割

int main() {string s "How are you?";string mark " ";string tmp;int cur 0, first 0;//找到第一个标记while ((cur s.find_first_of(mark, cur)) ! string::npos){//获取第一个标记前的子串tmp s.substr(first, cur - first);cout << tmp …...

c++day6(菱形继承、虚继承、多态、模板、异常)

今日任务 1.思维导图 2.编程题&#xff1a; 代码&#xff1a; #include <iostream>using namespace std; /*以下是一个简单的比喻&#xff0c;将多态概念与生活中的实际情况相联系&#xff1a; 比喻&#xff1a;动物园的讲解员和动物表演 想象一下你去了一家动物园&a…...

外卖跑腿系统开发的最佳实践和成功案例

外卖跑腿系统的开发既涉及技术实现&#xff0c;也需要考虑用户体验、运营策略和合规性。以下是一些最佳实践和一些成功的案例&#xff0c;以帮助您更好地理解这个领域的要点。 1. 技术框架的选择 选择适合的技术框架是外卖跑腿系统成功的关键。您可以考虑使用以下技术&#…...

python中的range()函数详解

range() 是 Python 内置的一个函数&#xff0c;用于生成一个整数序列。 range([start], [stop], [step])start、stop、step 分别表示序列的起始值、终止值和步长。start 和 step 是可选参数&#xff0c;如果不指定则默认为 0 和 1。 一、range&#xff08;&#xff09;传递不…...

【taro react】 ---- 常用自定义 React Hooks 的实现【四】之遮罩层

1. 问题场景 在实际开发中我们会遇到一个遮罩层会受到多个组件的操作影响,如果我们不采用 redux 之类的全局状态管理,而是选择组件之间的值传递,我们就会发现使用组件的变量来控制组件的显示和隐藏很不方便,更不要说像遮罩层这样一个项目多处使用的公共组件,他的隐藏和显示…...

【git】git命令行

首先要了解git整个流程的一个分类&#xff1a; workspace&#xff1a;工作区staging area&#xff1a;暂存区/缓存区local repository&#xff1a;版本库或本地仓库remote repository&#xff1a;远程仓库 创建仓库 git clone gitgithub.comxxxxxxxxxxxx//拷贝一份远程仓库 …...

centos8 jenkins 搭建和使用

一、安装jenkins 直接war包搭建下载地址&#xff1a;https://get.jenkins.io/war-stable/ 下载稳定长期版本 二、jenkins 启动依赖java, 安装java sdk &#xff0c;好像支持java 11和17版本&#xff0c;21版本不支持会报错 下载sdk地址&#xff0c;https://www.oracle.com/j…...

Hive实战(03)-深入了解Hive JDBC:在大数据世界中实现数据交互

在大数据领域&#xff0c;Hive作为一种数据仓库解决方案&#xff0c;为用户提供了一种SQL接口来查询和分析存储在Hadoop集群中的数据。为了更灵活地与Hive进行交互&#xff0c;我们可以使用Hive JDBC&#xff08;Java Database Connectivity&#xff09;驱动程序。本文将深入探…...

SQL开发笔记之专栏介绍

Sql是用于访问和处理数据库的标准计算机语言&#xff0c;使用SQL访问和处理数据系统中的数据&#xff0c;这类数据库包括&#xff1a;Mysql、PostgresSql、Oracle、Sybase、DB2等等&#xff0c;数据库无非围绕着“增删改查”的核心业务进行开发。并且目前绝大多数的后端程序开发…...

华为OD机考算法题:找终点

目录 题目部分 解读与分析 代码实现 题目部分 题目找终点难度易题目说明给定一个正整数数组&#xff0c;设为nums&#xff0c;最大为100个成员&#xff0c;求从第一个成员开始&#xff0c;正好走到数组最后一个成员&#xff0c;所使用的最少步骤数。 要求&#xff1a; 1.第…...

el-table通过scope.row获取表格每列的值,以及scope.$index

<el-table-column type"selection" width"55"></el-table-column><el-table-column prop"id" label"ID" width"80"></el-table-column><el-table-column prop"name" label"文件名…...

uni-app:本地缓存的使用

uni-app 提供了多种方法用于本地缓存的操作。下面是一些常用的 uni-app 本地缓存方法&#xff1a; uni.setStorageSync(key, data): 同步方式将数据存储到本地缓存中&#xff0c;可以使用对应的 key 来获取该数据。 uni.setStorage({key, data}): 异步方式将数据存储到本地缓存…...

在Scrum敏捷开发中,开发人员(Developers)的职责

在Scrum敏捷开发中&#xff0c;开发人员&#xff08;Developers&#xff09;是Scrum团队中最重要的角色之一&#xff0c;负责产品的开发和交付&#xff0c;其重要性不言而喻。 那开发人员的职责和需要参加的活动是什么呢&#xff1f; Developers核心职责&#xff1a; 承诺并完…...

SOLIDWORKS® 2024 新功能 - 3D CAD

1、 先前版本的兼容性 • 利用您订阅的 SOLIDWORKS&#xff0c;可将您的 SOLIDWORKS 设计作品保存为旧版本&#xff0c;与使用旧版本 SOLIDWORKS 的供应商无缝协作。 • 可将零件、装配体和工程图保存为新版本前两年之内的SOLIDWORKS 版本。 优点&#xff1a; 即使其他用户正…...

系统架构设计:20 论软件需求管理

目录 一 需求工程 1 需求开发 1.1 需求获取 1.1.1 软件需求的分类 1.1.2 需求获取方法...

K8S云计算系列-(2)

1.Kubernetes平台配置实战 部署Kubernetes云计算平台&#xff0c;至少准备两台服务器&#xff0c;服务器CPU至少2C&#xff0c;内存4G&#xff0c;环境如下所示&#xff1a; Kubernetes Master节点&#xff1a;192.168.1.146 Kubernetes Minion节点&#xff1a;192.168.1.147…...

通讯录(C语言版)

用c语言实现一个通讯录 功能&#xff1a;.添加、删除、查找、更改、显示、排序联系人 内存存储方式&#xff1a;结构体数组 1.打印菜单&#xff0c;各个功能分别用函数实现&#xff0c;将函数声明放在头文件中。 2.定义联系人信息&#xff0c;将联系人信息与count&#xff…...

natapp内网穿透-将本地运行的程序/服务器通过公网IP供其它人访问

文章目录 1.几个基本概念1.1 局域网1.2 内网1.3 内网穿透1.4 Natapp 2.搭建内网穿透环境3.本地服务测试 1.几个基本概念 1.1 局域网 LAN&#xff08;Local Area Network&#xff0c;局域网&#xff09;是一个可连接住宅&#xff0c;学校&#xff0c;实验室&#xff0c;大学校…...

开源工具管理效率提升使用指南

开源工具管理效率提升使用指南 【免费下载链接】xcom2-launcher The Alternative Mod Launcher (AML) is a replacement for the default game launchers from XCOM 2 and XCOM Chimera Squad. 项目地址: https://gitcode.com/gh_mirrors/xc/xcom2-launcher 开源工具管理…...

基于LSTM时间序列预测思想优化百川2-13B的对话连贯性

基于LSTM时间序列预测思想优化百川2-13B的对话连贯性 你有没有遇到过这种情况&#xff1f;和一个大模型聊得正起劲&#xff0c;聊了十几轮甚至几十轮之后&#xff0c;你突然发现&#xff0c;它好像“失忆”了。你之前明明告诉过它你的名字、你的职业&#xff0c;甚至你们刚刚讨…...

香橙派AIPro开机黑屏别急着返修!先检查这个被忽略的拨码开关(附NoMachine远程桌面安装)

香橙派AIPro开机黑屏问题全解析&#xff1a;从硬件排查到远程管理实战指南 当你满怀期待地按下香橙派AIPro的电源键&#xff0c;却发现屏幕一片漆黑——这种"开机即翻车"的体验&#xff0c;相信不少开发者都曾经历过。不同于普通电脑&#xff0c;这类嵌入式开发板往往…...

告别‘翻老课本’:用SHOT和NRC搞定Source-Free Domain Adaptation,附PyTorch代码解读

实战解析SFDA&#xff1a;SHOT与NRC的PyTorch实现与调优指南 当你在医疗影像分析项目中训练好的模型需要迁移到另一家医院时&#xff0c;却被告知无法共享原始数据——这就是Source-Free Domain Adaptation&#xff08;SFDA&#xff09;要解决的核心问题。作为算法工程师&#…...

Anything-v5模型微调启示:Pixel Fashion Atelier对动漫风格像素化表达的重构

Anything-v5模型微调启示&#xff1a;Pixel Fashion Atelier对动漫风格像素化表达的重构 1. 项目背景与设计理念 Pixel Fashion Atelier是一个创新的图像生成工作站&#xff0c;它巧妙融合了Stable Diffusion的强大生成能力与Anything-v5模型对动漫风格的精准把控。这个项目最…...

translategemma-12b-it部署案例:基于Ollama的轻量级多模态翻译服务搭建

translategemma-12b-it部署案例&#xff1a;基于Ollama的轻量级多模态翻译服务搭建 想象一下&#xff0c;你正在处理一份满是英文的产品说明书&#xff0c;或者收到了一张包含外文菜单的图片。传统方法可能需要你手动打字、复制粘贴&#xff0c;或者使用多个工具来回切换。现在…...

能耗优化指南:OpenClaw+GLM-4.7-Flash笔记本续航方案

能耗优化指南&#xff1a;OpenClawGLM-4.7-Flash笔记本续航方案 1. 为什么需要关注OpenClaw的能耗问题 去年夏天的一次出差经历让我深刻意识到这个问题的重要性。当时我正在高铁上用笔记本调试一个OpenClaw自动化流程&#xff0c;结果不到两小时就收到了电量不足的警告。这促…...

C++的std--ranges视图缓存

C的std::ranges视图缓存&#xff1a;高效数据处理的现代利器 在C20中&#xff0c;std::ranges库的引入彻底改变了数据处理的范式&#xff0c;其中视图缓存&#xff08;View Caching&#xff09;作为一项关键技术&#xff0c;显著提升了代码的性能与可读性。视图缓存允许开发者…...

QwQ-32B在自然语言处理中的实战应用

QwQ-32B在自然语言处理中的实战应用 1. 引言&#xff1a;当NLP遇上推理专家 自然语言处理&#xff08;NLP&#xff09;领域最近迎来了一位强力选手——QwQ-32B。这不是普通的语言模型&#xff0c;而是一个专门为推理和思考设计的模型。想象一下&#xff0c;你有一个不仅能理解…...

VGG‘文艺复兴’背后的思考:从RepVGG看AI模型设计的‘简’与‘繁’哲学

VGG式架构的当代启示&#xff1a;当模型设计遇见"大道至简"的智慧 在深度学习模型架构的演进历程中&#xff0c;我们见证了一场耐人寻味的"轮回"——从早期VGG的极简主义&#xff0c;到Inception、ResNet等复杂多分支结构的盛行&#xff0c;再到如今RepVGG…...