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

js导入导出

news 文章来源：https://blog.csdn.net/m0_56368068/article/details/140034242 2025/1/14 20:00:07

好久没有学习新的知识点了，今天开始学一下前端的知识点。直接在vscode里面编写，然后从基本的前端知识开始。

在这里插入图片描述

JS的导入导出


<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>js导入导出</title>
</head><body><div id="app"><button id="btn">点我展示信息</button></div><script type="module">import {complexMessage} from './showMessage.js';document.getElementById("btn").onclick=function(){complexMessage("我被点击了......")}</script></body></html>

//简单的展示信息
export function simpleMessage(msg){console.log(msg)
}//复杂的展示信息
export function complexMessage(msg){console.log(new Date()+": "+msg)
}

直接运行：

在这里插入图片描述

当然也可以进行批量导出：
在这里插入图片描述

在这里插入图片描述

也可以用as 起别用，跟数据库是一样的，只要导出函数，跟js这边的方法名对应的上就可以了。

最后的web页面是这样的。

在这里插入图片描述

相关文章：

js导入导出

好久没有学习新的知识点了&#xff0c;今天开始学一下前端的知识点。直接在vscode里面编写&#xff0c;然后从基本的前端知识开始。 JS的导入导出 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"…...

编程日记 2024/6/28 16:45:06

python办公自动化之excel

用到的库&#xff1a;openpyxl 实现效果&#xff1a;读取单元格的值&#xff0c;写入单元格 代码&#xff1a; import openpyxl # 打开现有工作簿 workbookopenpyxl.load_workbook(现有工作簿.xlsx) # 选择一个工作表 sheetworkbook[交易表] # 读取单元格的值 cell_valueshe…...

编程日记 2024/6/28 16:43:02

生命在于学习——Python人工智能原理（2.5.1）

五、Python的类与继承 5.1 Python面向对象编程 在现实世界中存在各种不同形态的事物&#xff0c;这些事物之间存在各种各样的联系。在程序中使用对象来映射现实中的事物&#xff0c;使用对象之间的关系描述事物之间的联系&#xff0c;这种思想用在编程中就是面向对象编程。 …...

编程日记 2024/6/28 16:42:01

visual studio 2022配置和使用jsoncpp

下载 jsoncpp下载位置&#xff1a; GitHub - open-source-parsers/jsoncpp: A C library for interacting with JSON. 编译库 1、下载完成之后解压 2、在解压文件的makefiles文件下有个vs71&#xff0c;在vs71中有visual studio项目&#xff0c;不过这里的项目是visual stud…...

编程日记 2024/6/28 16:39:59

Spring Boot中的动态数据源切换

Spring Boot中的动态数据源切换 大家好&#xff0c;我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编&#xff0c;也是冬天不穿秋裤&#xff0c;天冷也要风度的程序猿&#xff01;今天&#xff0c;我们将探讨如何在Spring Boot中实现动态数据源切换的技术。动态…...

编程日记 2024/6/28 16:38:58

npm error code EUNSUPPORTEDPROTOCOL 解决

更换包管理工具 npm i -g pnpm pnpm install pnpm run dev 参考 https://blog.csdn.net/qq_42592823/article/details/137541827...

编程日记 2024/6/28 16:37:57

基于改进天鹰优化算法(IAO)优化支持向量机(SVM)数据分类预测(IAO-SVM)

改进天鹰优化算法(IAO)见&#xff1a;【智能优化算法】改进的AO算法(IAO)-CSDN博客 支持向量机(SVM)数据分类预测&#xff1a;基于支持向量机(SVM)的数据分类预测-CSDN博客 代码原理 基于改进天鹰优化算法&#xff08;IAO&#xff09;优化支持向量机&#xff08;SVM&#xf…...

编程日记 2024/6/28 16:36:56

【数学建模】—【Python库】—【Numpy】—【学习】

目录 ​编辑 1. NumPy安装 2. ndarray对象 1. 创建ndarray 1.从列表或元组创建&#xff1a; 2.使用内置函数创建&#xff1a; 2. ndarray属性 3. 数组运算 1. 基本运算 2. 数学函数 3.统计函数 4. 数组索引与切片 1. 一维数组索引与切片 2.多维数组索引与切片 5.…...

编程日记 2024/6/28 16:34:54

C语言一些逆置算法

目录 整数逆置 数组逆置 矩阵转置 整数逆置 如7234变为4327 int Reversed(int n){int x,reversed_n0;while(n!0){xn%10; reversed_nreversed_n*10x;nn/10;}return reversed_n; }数组逆置 将数组{1,2,3,4,5,6}逆置为{6,5,4,3,2,1} void Reverse(int a[],int l,int r){w…...

编程日记 2024/6/28 16:32:52

CentOS7安装MongoDB

文章目录 一、 环境准备二、安装包下载三、 软件安装和启动3.1 将下载好的安装包上传到 Linux 服务器某个目录下&#xff0c;并使用以下命令解压压缩包。3.2 将解压后的目录移动到 /usr/local 目录下&#xff0c;并改名为 mongodb 。3.3 进入 mongo 目录&#xff0c;并创建文件…...

编程日记 2024/6/28 16:31:50

python笔记----少儿编程课程

第1课&#xff1a; 认识新朋友-python 知识点&#xff1a; 1、在英文状态下编写Python语句。 2、内置函数print()将结果输出到标准的控制台上&#xff0c;它的基本语法格式如下&#xff1a; print("即将输出的内容") #输出的内容要用引号引起来&#xff0c;可…...

编程日记 2024/6/28 16:30:49

RabbitMQ实践——搭建单人聊天服务

大纲 创建Core交换器用户登录发起聊天邀请接受邀请聊天实验过程总结代码工程 经过之前的若干节的学习&#xff0c;我们基本掌握了Rabbitmq各个组件和功能。本文我们将使用之前的知识搭建一个简单的单人聊天服务。 基本结构如下。为了避免Server有太多连线导致杂乱&#xff0c;下…...

编程日记 2024/6/28 16:29:48

GPT-5

欢迎来到 Papicatch的博客 文章目录 &#x1f349;技术突破预测 &#x1f348;算法进步 &#x1f348;理解力提升 &#x1f348;行业推动力 &#x1f349;人机协作的未来 &#x1f348;辅助决策 &#x1f348;增强创造力 &#x1f348;复杂任务中的角色 &#x1f348;人…...

编程日记 2024/6/28 16:26:44

Vip-智能预估+大数据标签+人群全选=用户分群！

Mobpush用户分群功能升级&#xff0c;创建推送入口vip用户可进入自有选择标签创建“用户分群”&#xff0c;相比于免费标签&#xff0c;“用户标签”维度更丰富。在应用基础属性上&#xff0c;增加“品牌”、“网络状态”、“运营商”&#xff0c;众所周知&#xff0c;不同厂商…...

编程日记 2024/6/28 16:23:41

SpringBoot异常处理机制之自定义404、500错误提示页面 - 518篇

历史文章&#xff08;文章累计500&#xff09; 《国内最全的Spring Boot系列之一》 《国内最全的Spring Boot系列之二》 《国内最全的Spring Boot系列之三》 《国内最全的Spring Boot系列之四》 《国内最全的Spring Boot系列之五》 《国内最全的Spring Boot系列之六》 《…...

编程日记 2024/6/28 16:22:40

为什么选择Xinstall CPA结算系统？因为它能帮您解决这些痛点！

在App推广和运营的道路上&#xff0c;我们时常面临着各种挑战和痛点。其中&#xff0c;结算系统的复杂性和不透明性往往成为制约我们发展的瓶颈。然而&#xff0c;有了Xinstall CPA结算系统&#xff0c;这些问题将迎刃而解&#xff0c;让您的App推广之路更加顺畅和高效。 一、…...

编程日记 2024/6/28 16:19:35

2024年【建筑电工(建筑特殊工种)】模拟试题及建筑电工(建筑特殊工种)作业考试题库

题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 2024年建筑电工(建筑特殊工种)模拟试题为正在备考建筑电工(建筑特殊工种)操作证的学员准备的理论考试专题&#xff0c;每个月更新的建筑电工(建筑特殊工种)作业考试题库祝您顺利通过建筑电工(建筑特殊工种)考试。 1、…...

编程日记 2024/6/28 16:18:33

解锁数字化转型的双引擎：MSP和CMP的力量

随着企业数字化转型的深入&#xff0c;云计算已经成为现代企业IT基础设施的重要组成部分。为了高效地管理和优化多云环境&#xff0c;企业通常会依赖管理服务提供商 (Managed Service Providers, MSP) 和云管理平台 (Cloud Management Platforms, CMP)。本文将探讨MSP和CMP的定…...

编程日记 2024/6/28 16:17:32

Pyecharts入门

数据可视化 Pyecharts简介 Apache ECharts 是一个由百度开源的数据可视化&#xff0c;凭借着良好的交互性&#xff0c;精巧的图表设计&#xff0c;得到了众多开发者的认可。而 Python 是一门富有表达力的语言&#xff0c;很适合用于数据处理。当数据分析遇上数据可视化时&#…...

编程日记 2024/6/28 16:14:27

Socket编程详解（一）服务端与客户端的双向对话

目录 预备知识 视频教程 项目前准备知识点 1、服务器端程序的编写步骤 2、客户端程序编写步骤 代码部分 1、服务端FrmServer.cs文件 2、客户端FrmClient.cs文件 3、启动文件Program.cs 结果展示 预备知识 请查阅博客http://t.csdnimg.cn/jE4Tp 视频教程 链接&#…...

编程日记 2024/6/28 16:13:26

使用Python实现深度学习模型：强化学习与深度Q网络（DQN）

深度Q网络（Deep Q-Network，DQN）是结合深度学习与强化学习的一种方法，用于解决复杂的决策问题。本文将详细介绍如何使用Python实现DQN，主要包括以下几个方面： 强化学习简介DQN算法简介环境搭建DQN模型实现模型训练与评估1. 强化学习简介 强化学习是一种训练智能体（agent…...

编程日记 2024/6/28 16:11:23

Py-Spy、Scalene 和 VizTracer 的对比分析

在前几篇文章中&#xff0c;我们详细介绍了如何使用 py-spy、scalene 和 viztracer 进行性能分析和优化。今天&#xff0c;我们将对这三个性能分析工具进行详细对比&#xff0c;帮助你选择最适合你的工具。 工具简介 Py-Spy&#xff1a; 实时性能分析&#xff1a;Py-Spy 可以…...

编程日记 2024/6/28 16:09:19

软考架构师考试内容

软考系统架构设计师考试是中国计算机技术与软件专业技术资格&#xff08;水平&#xff09;考试&#xff08;简称软考&#xff09;中的一项高级资格考试&#xff0c;旨在评估考生是否具备系统架构设计的能力。根据提供的参考资料&#xff0c;考试内容主要包括以下几个方面&#…...

编程日记 2024/6/28 16:07:17

【MySQL基础篇】概述及SQL指令：DDL及DML

数据库是一个按照数据结构来组织、存储和管理数据的仓库。以下是对数据库概念的详细解释&#xff1a;定义与基本概念&#xff1a; 数据库是长期存储在计算机内的、有组织的、可共享的、统一管理的大量数据的集合。 数据库不仅仅是数据的简单堆积&#xff0c;而是遵循一定的规则…...

编程日记 2024/6/28 16:06:15

计算机网络 —— 网络字节序

网络字节序 1、网络字节序 (Network Byte Order)和本机转换 1、大端、小端字节序 “大端” 和” 小端” 表示多字节值的哪一端存储在该值的起始地址处&#xff1b;小端存储在起始地址处&#xff0c;即是小端字节序&#xff1b;大端存储在起始地址处&#xff0c;即是大端字节…...

编程日记 2024/6/28 16:05:13

区块链不可能三角

区块链不可能三角&#xff1a;探索去中心化、安全与可扩展性的权衡 引言 区块链技术自诞生以来&#xff0c;以其去中心化、透明、安全等特点吸引了全球的关注&#xff0c;成为金融科技领域的重要革新力量。然而&#xff0c;随着区块链应用的日益广泛&#xff0c;一个核心问题…...

编程日记 2024/6/28 16:03:11

新手第一个漏洞复现:MS17-010(永恒之蓝)

文章目录 漏洞原理漏洞影响范围复现环境复现步骤 漏洞原理 漏洞出现在Windows SMB v1中的内核态函数srv!SrvOs2FeaListToNt在处理FEA&#xff08;File Extended Attributes&#xff09;转换时。该函数在将FEA list转换成NTFEA&#xff08;Windows NT FEA&#xff09;list前&am…...

编程日记 2024/6/28 16:00:08

代码随想录Day64

98.所有可达路径 题目&#xff1a;98. 所有可达路径 (kamacoder.com) 思路&#xff1a;果断放弃 答案 import java.util.*;public class Main {private static List<List<Integer>> adjList;private static List<List<Integer>> allPaths;private sta…...

编程日记 2024/6/28 15:58:06

Angular 指令

Angular 指令是 Angular 框架中的一项核心功能&#xff0c;它允许开发人员扩展 HTML 的功能&#xff0c;并创建可复用的组件和行为。以下是一些常见的 Angular 指令&#xff1a; 1. 组件指令 (Component Directives) 组件指令是最常用的一种指令&#xff0c;用于创建可复用的 U…...

编程日记 2024/6/28 15:55:02

移动端 UI 风格，书写华丽篇章

移动端 UI 风格&#xff0c;书写华丽篇章...

编程日记 2024/6/28 15:54:01

武汉网站制作与建设/网页制作模板的网站

具体实现方法 第一步: 我们打开想要转载的博客&#xff0c;然后鼠标右键就会出现下面的菜单&#xff1a; 第二步: 点击【审查元素】&#xff0c;就会出现HTML页面的代码&#xff0c;或者&#xff1a;我们使用快捷键&#xff0c;直接按下F12 选中“article_content”&#…...

编程日记 2025/1/14 16:13:45

网站被k怎么办/网站快速排名上

2019独角兽企业重金招聘Python工程师标准>>> 1.把.ttf的包&#xff0c;或者是.otf的包 拖到你的工程里&#xff0c;就像正常三方库一样 2.在你的info.plist 里面添加这么一条数据&#xff0c;把你拖进工程里面得字体按照原来的名字注明 3.在你的controller里或者其他…...

编程日记 2025/1/14 15:59:37

网站备案主体是/福州seo代理商

derby模块抽象 我已经发布了许多有关Derby的博客&#xff1a; 同一主机上的多个Derby网络服务器 Apache Derby数据库用户和权限与Maven和内存中Derby数据库的集成测试 这本不打算是一个系列。 但是多年来&#xff0c;我越来越多地使用Derby。 最近&#xff0c;我开始将Derby用作…...

编程日记 2025/1/14 15:16:00

集团制度建设网站/虚拟主机搭建网站

前言 通过ReactiveCocoa(一)的学习&#xff0c;相信大家对ReactiveCocoa有了一些基本认识吧。下面就让我们来学习ReactiveCocoa的一些基本使用吧&#xff01; ReactiveCocoa基本使用 代替代理 在ReactiveCocoa(一)中讲到可以通过RACSubject代替代理&#xff0c;我们也可以通过r…...

编程日记 2025/1/14 12:38:03

天迈装饰网站建设项目/免费关键词挖掘工具

在IE 8下面是提供了自带的Developer Toolbar&#xff0c;按F12可以调出&#xff0c;工具栏的菜单默认是灰色的。 对于IE 6和IE 7可以查看&#xff1a; 工具-> Internet 选项-> 程序-> 管理插件-> IE Developer Toolbar BHO -> Enable Sorry,我用的英文版&#x…...

编程日记 2025/1/14 9:24:59

自学服装设计该怎么入手/seo收索引擎优化

Vue项目怎么上传到云服务器 内容精选换一换购买服务及配置特性时&#xff0c;操作步骤中未框选的配置项请保持默认值。申请服务时&#xff0c;未开通企业管理的用户页面无“企业项目”参数项&#xff0c;无需进行配置。如需开通企业项目&#xff0c;请参考如何开通企业项目/企业…...

编程日记 2025/1/14 9:18:51