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

es6---模块化

news 2026/5/12 21:58:43

main.js

import { bar } from "./module1";
import module2 from "./module2";
bar()
module2()

module1.js

// 多变量导出，导入变量需要变量名一对一映射
export const module1='module1'
export function bar(params) {console.log(module1)
}

module2.js

// 默认导出任何数据类型，导入变量名可随机取名
export default function bar(){console.log('bar module2');
}

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"}]]}

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 // 多变量导出，导入变量需要变量名一对一映射 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 数据科学映像

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

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

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

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

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

Java基础之static关键字

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

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

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

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

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

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

安装MonkeyDev遇到的坑环境：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实现识别图像验证码

效果图，简单的还行，复杂的。。。拉跨懒得写讲解了，全部源码直接上吧 /// <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

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

编程日记 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，一般展频时钟调制,用来评估相邻周期的随机抖动。...

编程日记 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文件（零件图）另存为CAD文件另存为part文件（零件图） 如图一个STP文件，右上角标注是什么文件呢另存为零件图，即另存为part …...

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

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

文章目录 🐸一、栈的概念及结构🍄1、栈的概念定义🍄2、动图演示🌲入栈🌲出栈🌲整体过程 🐸二、栈的实现🐸三、数组结构栈详解🍎创建栈的结构⭕接口1：定义结构…...

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

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

with cte as的用法查询的一个有用工具，允许创建临时命名结果集，可在查询中多次引用相同的子查询结果，可以提高查询的可读性和维护性 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后，还需要安装PPOCRLabel这个标注工具，想要自己训练模型的话，有个标注工具会起很大作用。尤其是PPOCRLabel就是跟PaddleOCR配套的标注工具，同样是开源的。在下载 PaddleOCR 整个源码中&#x…...

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

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

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

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

powershell 搜索文本并返回行号

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

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

网络原理

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

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

通用汽车IT部门裁员600人，为AI人才腾空间，软件团队变革进行时

通用汽车IT部门裁员600人，AI人才成新宠通用汽车证实已对其IT部门进行裁员，约600名领薪员工（占比10%以上）被裁，目的是清除专业知识不再适用的员工，为具有AI背景的人员腾出空间。公司表示这是面向未来做好准…...

编程新知 2026/5/12 19:47:57

Sketch Find and Replace插件终极指南：如何快速批量替换设计文本

Sketch Find and Replace插件终极指南：如何快速批量替换设计文本【免费下载链接】Sketch-Find-And-Replace Sketch plugin to do a find and replace on text within layers 项目地址: https://gitcode.com/gh_mirrors/sk/Sketch-Find-And-Replace 你是否曾…...

编程新知 2026/5/12 18:18:07

【PHP】编写php扩展

【PHP】编写php扩展第一步下载PHP的源代码，如php-5.4.16。解压后进入php-5.4.16/ext目录。输入 ./ext/_skel –extnamemyext，myext就是扩展的名称，执行后生成myext目录。 ext/_skel是PHP官方提供的用于生成php扩展骨架代码的工具。 cd myex…...

编程新知 2026/5/12 18:00:59

数据分析进阶——【连载 5/9】《Power BI数据分析与可视化案例教程》项目5 数据建模

Power BI 数据建模教程｜推介总结适应人群：数据分析师、业务分析人员、财务 / 运营 / 销售岗、高校学生、企业内训学员、Power BI 进阶学习者。重要性总结：本文档是 Power BI 数据建模核心实操教程，系统讲解数据建模全流程&#…...

编程新知 2026/5/12 17:58:57

Windows 10/11 下 Node.js 安装踩坑实录：为鸿蒙HarmonyOS开发扫清环境障碍

Windows 10/11 下 Node.js 安装踩坑实录：为鸿蒙HarmonyOS开发扫清环境障碍当你在Windows系统上准备搭建鸿蒙HarmonyOS开发环境时，Node.js的安装往往是第一个拦路虎。不同于官方文档中"下一步到底"的理想化流程，真实场景中你会遇到…...

编程新知 2026/5/12 17:50:00

Memor：为LLM对话构建结构化记忆引擎，实现可重现、可移植的AI交互管理

1. 项目概述：Memor，为LLM对话赋予结构化记忆如果你和我一样，长期和各类大语言模型打交道，从早期的GPT-3到现在的Claude、Gemini，一个绕不开的痛点就是：对话历史的管理。默认的聊天界面里，历史记…...

编程新知 2026/5/12 17:27:57

3步诊断Reloaded-II模组依赖无限下载循环：新手友好修复指南

3步诊断Reloaded-II模组依赖无限下载循环：新手友好修复指南【免费下载链接】Reloaded-II Universal .NET Core Powered Modding Framework for any Native Game X86, X64. 项目地址: https://gitcode.com/gh_mirrors/re/Reloaded-II 如果你在使用Reloaded-I…...

编程新知 2026/5/12 16:17:55

如何免费获得Windows风扇智能控制：FanControl终极指南

如何免费获得Windows风扇智能控制：FanControl终极指南【免费下载链接】FanControl.Releases This is the release repository for Fan Control, a highly customizable fan controlling software for Windows. 项目地址: https://gitcode.com/GitHub_Trending/fa…...

编程新知 2026/5/12 15:54:15

Loop习惯追踪：从零开始构建你的长期习惯养成系统

Loop习惯追踪：从零开始构建你的长期习惯养成系统【免费下载链接】uhabits Loop Habit Tracker, a mobile app for creating and maintaining long-term positive habits 项目地址: https://gitcode.com/gh_mirrors/uh/uhabits 你是否曾下定决心培养一个好习…...

编程新知 2026/5/12 14:13:57

从零手写CNN：理解卷积网络的生物学原理与工程逻辑

1. 项目概述：从人眼到机器之眼，一次真实的视觉理解之旅你有没有盯着一张照片发过呆？比如朋友刚发来的旅行照——蓝天、雪山、一只歪头的雪豹。你几乎是一瞬间就认出了“雪豹”，甚至能判断它“在看镜头”“毛很厚”“可能刚睡醒”。…...

编程新知 2026/5/12 13:16:22

note:

相关文章：