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

es6---模块化

news 2026/3/28 9:02:04
  1. main.js
import { bar } from "./module1";
import module2 from "./module2";
bar()
module2()
  1. module1.js
// 多变量导出，导入变量需要变量名一对一映射
export const module1='module1'
export function bar(params) {console.log(module1)
}
  1. module2.js
// 默认导出任何数据类型，导入变量名可随机取名
export default function bar(){console.log('bar module2');
}
  1. package.json 和babel.config.json
{"name": "es6","version": "1.0.0","description": "","main": "main.js","scripts": {"compile": "babel js --out-dir lib && browserify -e ./lib/main.js -o ./dist/boundle.js"},"author": "","license": "ISC","devDependencies": {"@babel/cli": "^7.22.15","@babel/core": "^7.22.15","@babel/preset-env": "^7.22.15"}
}{"presets": [["@babel/preset-env",{"targets": {"edge": "17","firefox": "60","chrome": "67","safari": "11.1"},"useBuiltIns": "usage","corejs": "3.6.5"}]]}
  1. index.html中使用编译之后的js
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>es6</title>
</head>
<body></body>
<script src="./dist/boundle.js"></script>
</html>

note:

babel js --out-dir lib && browserify -e ./lib/main.js -o
./dist/boundle.js script中的compile命令，使用管道符&&串联命令。
先使用babel转换es6语法(名为env的preset)，再使用browserify编译代码

相关文章：

es6---模块化

main.js import { bar } from "./module1"; import module2 from "./module2"; bar() module2()module1.js // 多变量导出&#xff0c;导入变量需要变量名一对一映射 export const module1module1 export function bar(params) {console.log(module1) }m…...

编程日记 2023/9/11 2:15:23

【项目 计网12】4.32UDP通信实现 4.33广播 4.34组播 4.35本地套接字通信

文章目录 4.32UDP通信实现udp_client.cudp_server.c 4.33广播bro_server.cbro_client.c 4.34组播multi_server.cmulti_client.c 4.35本地套接字通信ipc_server.cipc_client.c 4.32UDP通信实现 udp_client.c #include <stdio.h> #include <stdlib.h> #include <…...

编程日记 2023/9/11 2:14:22

创建简单的 Docker 数据科学映像

推荐&#xff1a;使用NSDT场景编辑器快速搭建3D应用场景 为什么选择 Docker for Data Science&#xff1f; 作为一名数据科学家&#xff0c;拥有一个标准化的便携式分析和建模环境至关重要。Docker 提供了一种创建可重用和可共享的数据科学环境的绝佳方法。在本文中&#xff…...

编程日记 2023/9/11 2:13:21

angualr：CSS一个div内两个子元素的高度自适应

问题&#xff1a; 如题 参考&#xff1a; CSS一个div内两个子元素的高度自适应-腾讯云开发者社区-腾讯云...

编程日记 2023/9/11 2:12:20

Java基础之static关键字

目录 静态的特点第一章、静态代码块第二章、静态属性第三章、静态方法调用静态方法时静态方法中调用非静态方法时 第四章、static关键字与其他关键字 友情提醒 先看文章目录&#xff0c;大致了解文章知识点结构&#xff0c;点击文章目录可直接跳转到文章指定位置。 静态的特点…...

编程日记 2023/9/11 2:11:19

iPhone 15 Pro有5项重大设计升级，让iPhone 15看起来很无聊

距离苹果9月份的发布会还有不到一周的时间&#xff0c;我们很快就会第一次看到iPhone 15系列。源源不断的传言表明&#xff0c;这一代人将对大多数机型进行另一次增量更新&#xff0c;这对那些想换iPhone 14或更旧手机的人来说是个坏消息。 但这一次的高端选择&#xff0c;iPh…...

编程日记 2023/9/11 2:10:18

xCode14.3.1运行MonkeyDev出现“Executable Not Found“的解决办法

安装MonkeyDev遇到的坑 环境&#xff1a;Xcode Version 14.3.1 (14E300c) 错误提示 is not a valid path to an executable file. 报错 /Users/xxxx//Library/Developer/Xcode/DerivedData/MonTest-ccparhdyzjuqhjdergwrngpfwwoh/Build/Products/Debug-iphoneos/MonTest.app…...

编程日记 2023/9/11 2:09:17

C# Emgu.CV+Tesseract实现识别图像验证码

效果图&#xff0c;简单的还行&#xff0c;复杂的。。。拉跨 懒得写讲解了&#xff0c;全部源码直接上吧 /// <summary>/// 验证码识别/// </summary>public partial class FrmCodeIdentify : FrmBase{private string _filePath;// 原图像Image<Bgr, byte> …...

编程日记 2023/9/11 2:08:15

ORACLE 11.2.0.4 RAC Cluster not starting cssd with Cannot get GPnP profile

最近&#xff0c;处理一次oracle 11.2.0.4 rac cluster由于cssd无法启动&#xff0c;导致集群一个节点的CRS集群无法正常启动的故障。原本&#xff0c;计划变更是从ASM剔除磁盘&#xff0c;解除存储到数据库服务器的映射&#xff1b;磁盘已经成功从ASM剔除&#xff0c;也已经成…...

编程日记 2023/9/11 2:07:11

Converting Phase Noise to Random Jitter(Cycle-to-Cycle)

借用Phase Noise to Random Jitter(Period)的转换过程推导了Cycle to Cycle random Jitter&#xff0c;一般展频时钟调制,用来评估相邻周期的随机抖动。...

编程日记 2023/9/11 2:06:10

HashMap知识总结

HashMap: 1. 扰动函数hash值右移16位与原hash值做异或运算得出的新hash值散列程度高. 2. 负载因子0.75,就是说一个数组初始化new HashMap(17)容量会比17最小2的n次方大,就是32,想要已空间换时间,就是负载因子小于0.75这样的话hash冲突更低,但是扩容频率更高.3 扩容,jdk…...

编程日记 2023/9/11 2:05:09

PLC编码器测速(限幅滤波+中心差分法求导SCL源代码)

M法测速的基本原理，大家可以查看专栏的系列文章，这里不再赘述常用链接如下： PLC通过编码器反馈值计算速度的推荐做法(算法解析+ST代码）_编码器脉冲怎么转换为速度_RXXW_Dor的博客-CSDN博客PLC如何测量采集编码器的位置数据，不清楚的可以参看我的另一篇博文：三菱FX3U PLC…...

编程日记 2023/9/11 2:04:08

SW的stp文件转成CAD格式文件学习笔记

SW的stp文件转成CAD格式文件 文章目录 SW的stp文件转成CAD格式文件另存为part文件&#xff08;零件图&#xff09;另存为CAD文件 另存为part文件&#xff08;零件图&#xff09; 如图一个STP文件&#xff0c;右上角标注是什么文件呢 另存为零件图&#xff0c;即另存为part …...

编程日记 2023/9/11 2:03:07

【数据结构】栈---C语言版（详解！！！）

文章目录 &#x1f438;一、栈的概念及结构&#x1f344;1、栈的概念定义&#x1f344;2、动图演示&#x1f332;入栈&#x1f332;出栈&#x1f332;整体过程 &#x1f438;二、栈的实现&#x1f438;三、数组结构栈详解&#x1f34e;创建栈的结构⭕接口1&#xff1a;定义结构…...

编程日记 2023/9/11 2:02:05

sqlserver 联表查询、子查询、窗口函数、聚合函数等概念与例子

with cte as的用法 查询的一个有用工具&#xff0c;允许创建临时命名结果集&#xff0c;可在查询中多次引用相同的子查询结果&#xff0c;可以提高查询的可读性和维护性 WITH cte_name (column1, column2, ...) AS (-- 这里是子查询SELECT column1, column2, ...FROM your_ta…...

编程日记 2023/9/11 2:00:01

GO学习之 消息队列(Kafka)

GO系列 1、GO学习之Hello World 2、GO学习之入门语法 3、GO学习之切片操作 4、GO学习之 Map 操作 5、GO学习之 结构体 操作 6、GO学习之 通道(Channel) 7、GO学习之 多线程(goroutine) 8、GO学习之 函数(Function) 9、GO学习之 接口(Interface) 10、GO学习之 网络通信(Net/Htt…...

编程日记 2023/9/11 1:59:00

搭建自己的OCR服务，第三步：PPOCRLabel标注工具安装

一、安装说明 安装好了PaddleOCR后&#xff0c;还需要安装PPOCRLabel这个标注工具&#xff0c;想要自己训练模型的话&#xff0c;有个标注工具会起很大作用。 尤其是PPOCRLabel就是跟PaddleOCR配套的标注工具&#xff0c;同样是开源的。 在下载 PaddleOCR 整个源码中&#x…...

编程日记 2023/9/11 1:57:58

Java学习笔记37——网络编程01

网络编程入门 网络编程入门网络编程概述网路编程的三要素ip地址InetAddress类的使用端口 网络编程入门 网络编程概述 计算机网络 是指将地理位置不同的具有独立功能的多台计算机及其外部设备&#xff0c;通过通信线路连接起来&#xff0c;在网络操作系统&#xff0c;网络管理…...

编程日记 2023/9/11 1:56:57

powershell 搜索文本并返回行号

目录 powershell 搜索文本并返回行号 python调用powershell搜索文本并返回行号&#xff1b; powershell 搜索文本并返回行号 $keyword PS dir "d:\" -Filter "*.txt" -Recurse | foreach {$line 0 $fileName $_.FullNameGet-Content $fileName | f…...

编程日记 2023/9/11 1:55:55

网络原理

网络原理 传输层 UDP 特点 特点&#xff1a;无连接&#xff0c;不可靠&#xff0c;面向数据报&#xff0c;全双工 格式 怎么进行校验呢&#xff1f; 把UDP数据报中的源端口&#xff0c;目的端口&#xff0c;UDP报文长度的每个字节&#xff0c;都依次进行累加 把累加结果&a…...

编程日记 2023/9/11 1:54:53

Openclaw中文版落地：nanobot支持中文错误提示、中文文档与本地化调试

Openclaw中文版落地&#xff1a;nanobot支持中文错误提示、中文文档与本地化调试 1. nanobot&#xff1a;超轻量级OpenClaw中文版 nanobot是一款受OpenClaw启发的超轻量级个人人工智能助手&#xff0c;现在全面支持中文环境。这个工具最大的特点是轻量高效&#xff0c;仅需约…...

编程新知 2026/3/28 8:53:58

Phi-3-mini-128k-instruct数学推理能力展示：求解方程与几何证明

Phi-3-mini-128k-instruct数学推理能力展示&#xff1a;求解方程与几何证明 最近&#xff0c;我花了不少时间测试微软开源的Phi-3-mini-128k-instruct模型&#xff0c;想看看它在数学推理这块到底行不行。毕竟&#xff0c;一个模型如果能清晰、有条理地解决数学问题&#xff0…...

编程新知 2026/3/28 8:27:50

Kimi-VL-A3B-Thinking作品分享：OCR识别模糊手写体+公式识别+LaTeX自动转换

Kimi-VL-A3B-Thinking作品分享&#xff1a;OCR识别模糊手写体公式识别LaTeX自动转换 1. 引言&#xff1a;当AI能看懂你的草稿纸 想象一下&#xff0c;你有一张拍得有点模糊的会议白板照片&#xff0c;上面潦草地写满了讨论要点和几个复杂的数学公式。或者&#xff0c;你翻出一…...

编程新知 2026/3/28 8:03:41

NCM格式解密技术深度解析：如何实现网易云音乐无损音频转换

NCM格式解密技术深度解析&#xff1a;如何实现网易云音乐无损音频转换 【免费下载链接】ncmdump ncmdump - 网易云音乐NCM转换 项目地址: https://gitcode.com/gh_mirrors/ncmdu/ncmdump ncmdump是一款专业的网易云音乐NCM格式解密工具&#xff0c;它通过Java实现完整的…...

编程新知 2026/3/28 8:03:41

PyTorch 2.5快速部署指南：3步开启你的AI模型训练之旅

PyTorch 2.5快速部署指南&#xff1a;3步开启你的AI模型训练之旅 1. PyTorch 2.5环境准备 PyTorch 2.5作为当前最流行的深度学习框架之一&#xff0c;带来了多项性能优化和新特性。在开始之前&#xff0c;我们需要确保环境配置正确。 1.1 系统要求检查 操作系统&#xff1a…...

编程新知 2026/3/28 7:29:15

问题解决：AI股票分析师启动失败？自查脚本与Ollama服务加载

问题解决&#xff1a;AI股票分析师启动失败&#xff1f;自查脚本与Ollama服务加载 1. 引言 你满怀期待地部署了那个“AI股票分析师”镜像&#xff0c;点击启动&#xff0c;然后……页面一片空白&#xff0c;或者提示服务不可用。这种感觉就像准备大展拳脚时&#xff0c;发现工…...

编程新知 2026/3/28 7:17:00

拆解RoboteX AVATAR机器人：4个电机如何驱动履带+摇臂？一份紧凑传动布局的保姆级图解

RoboteX AVATAR机器人传动系统深度解析&#xff1a;四电机协同驱动履带与摇臂的机械艺术 当第一次看到RoboteX AVATAR Tactical Robot在复杂地形中自如穿梭的视频时&#xff0c;很难不被它那看似简单却异常高效的移动方式所吸引。这款战术机器人的核心秘密&#xff0c;就藏在它…...

编程新知 2026/3/28 7:00:53

WordPress建站避坑指南：Ubuntu服务器常见权限问题与安全配置

WordPress建站避坑指南&#xff1a;Ubuntu服务器常见权限问题与安全配置 引言&#xff1a;为什么你的WordPress网站总出问题&#xff1f; 每次看到新手开发者兴奋地宣布"我的WordPress网站上线了"&#xff0c;我都忍不住想问&#xff1a;你真的检查过文件权限了吗&am…...

编程新知 2026/3/28 6:02:28

实时交易系统架构设计：从事件驱动到向量化框架的终极指南

实时交易系统架构设计&#xff1a;从事件驱动到向量化框架的终极指南 【免费下载链接】awesome-systematic-trading A curated list of insanely awesome libraries, packages and resources for systematic trading. Crypto, Stock, Futures, Options, CFDs, FX, and more | 量…...

编程新知 2026/3/28 5:58:23

M2LOrder模型管理实战：Python脚本自动扫描/opt目录并生成模型索引表

M2LOrder模型管理实战&#xff1a;Python脚本自动扫描/opt目录并生成模型索引表 1. 项目背景与需求 在实际的AI模型部署和维护过程中&#xff0c;我们经常会遇到模型文件分散存储、版本混乱、信息不透明的问题。M2LOrder情感识别系统就是一个典型的例子&#xff0c;它包含了9…...

编程新知 2026/3/28 5:12:00