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

es6---模块化

news 文章来源：https://blog.csdn.net/aliven1/article/details/132736274 2024/11/27 6:28:19

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

力扣（LeetCode）算法_C++——同构字符串

给定两个字符串 s 和 t ，判断它们是否是同构的。如果 s 中的字符可以按某种映射关系替换得到 t ，那么这两个字符串是同构的。每个出现的字符都应当映射到另一个字符，同时不改变字符的顺序。不同字符不能映射到同一个字符上，相…...

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

网管实战⑼：配置华为S5720交换机

配置好汇聚交换机后，需要根据单位情况配置具体的接入交换机。自从2019年12月底配置好交换机后，基本上都没有怎么操作交换机了。那时候使用的是H3C交换机，主要是H3C S7706、H3C S5120、H3C S5130、H3C S5500、H3C S3600等型号的交换机&#x…...

编程日记 2023/9/11 1:52:48

文件上传漏洞第十六关十七关

第十六关第十七关第十六关直接上传php文件判断限制方式： 同第十五关白名单限制第十六关源码： 代码逻辑判断了后缀名、content-type，以及利用imagecreatefromgif判断是否为gif图片，最后再做了一次二次渲染二次渲染图片马&…...

编程日记 2023/9/11 1:51:47

Try llama2 in NUC (by quqi99)

编程日记 2023/9/11 1:50:46

强大易用的开源建站工具Halo

特点可插拔架构 Halo 采用可插拔架构，功能模块之间耦合度低、灵活性提高。支持用户按需安装、卸载插件，操作便捷。同时提供插件开发接口以确保较高扩展性和可维护性。 ☑ 支持在运行时安装和卸载插件 ☑ 更加方便地集成三方平台 ☑ 统一的可配置设置表…...

编程日记 2023/9/11 1:49:44

如何使用vuex

1.安装vuex 2.在store文件夹内写index.js 此处tab是自定义的文件 import Vue from "vue" import Vuex from "vuex" import tab from "./tab"Vue.use(Vuex)export default new Vuex.Store({modules:{tab} }) 3.在store文件夹内写tab.js(自定义…...

编程日记 2023/9/11 1:48:43

动手深度学习——Windows下的环境安装流程（一步一步安装，图文并配）

目录环境安装官网步骤图文版安装Miniconda下载包含本书全部代码的压缩包使用conda创建虚拟（运行）环境使用conda创建虚拟环境并安装本书需要的软件激活之前创建的环境打开Jupyter记事本环境安装文章参考来源：http://t.csdn.cn/tu8V8 官网…...

编程日记 2023/9/11 1:47:43

个人博客系统-测试用例+自动化测试

一、个人博客系统测试用例二、自动化测试使用selenium4 Junit5单元测试框架，来进行简单的自动化测试。 1. 准备工作 （1）引入依赖，此时的pom.xml文件： <?xml version"1.0" encoding"UTF-8&quo…...

编程日记 2023/9/11 1:46:41

C语言文件读写常用函数

文章目录 1. fopen函数2. fclose函数3. fgetc函数4. fgets函数5. fputc函数6. fputs函数7. fprintf函数8. fscanf函数9. fseek函数10. ftell函数 1. fopen函数返回值：文件指针（FILE*）参数：文件名（包括文件路径&#…...

编程日记 2023/9/11 1:45:39

【C++基础】实现日期类

👻内容专栏： C/C编程 🐨本文概括： C实现日期类。 🐼本文作者： 阿四啊 🐸发布时间：2023.9.7 对于类的成员函数的声明和定义，我们在类和对象上讲到过，需要进行…...

编程日记 2023/9/11 1:44:38

宠物网站建设的可行性/天津优化公司

目录前言构建一颗二叉树声明实现二叉树的遍历求一颗二叉树的结点个数求二叉树叶子结点的个数求二叉树第K层结点的个数查找数的层序遍历广度优先销毁判断完全二叉树oj练习前言由于二叉树是数据结构中偏难的一块，这里我们先熟悉二叉树的结构，再具体来实现…...

编程日记 2024/11/27 5:12:45

自己用电脑网站建设/徐州做网站的公司

使用redisjava(模仿数据库)实现对象的存储和读取实现前要引入Redis架包 maven项目 <dependency><groupId>redis.clients</groupId><artifactId>jedis</artifactId><version>2.9.0</version> </dependency> 一、创建类&#x…...

编程日记 2024/11/27 2:23:21

网站建设制作设计公司哪家好/php免费开源crm系统

// 1、引入命名空间Ext.namespace("ExtUD.Ext");//相当于java中包的作用// 2、编写自定义控件类ExtUD.Ext.UDPanel Ext.extend(Ext.Panel, { title : 自定义控件, html:自定义控件面板, layout:fit, getAlert:function(){alert(自定义控件函数！)…...

编程日记 2024/11/27 1:12:26

wordpress 移动端编辑/百度智能小程序怎么优化排名

2. 锁机制 3. 并发 Excutor框架 4. 并发性与多线程介绍 1. synchronized 参考1、 synchronized 分两种方式进行线程的同步：同步块、同步方法 1. 方法同步 1.1 普通方法同步 1.2 静态方法同步 2. 块同步 2.1 this同步 2.2 Object同步 3. 总结 2. volatile 参考1、参…...

编程日记 2024/11/27 0:55:18

网站建设方法有那几种/百度百科官网登录

昨天提交给苹果审核版本的时候出现了： ERROR ITMS-90037:"This bundle is invalid. the Info.plist is missing or could not be parsed. Please check it for embedded control characters..." 从网上找了各种方法，最后还是给解决了&#xff…...

编程日记 2024/11/26 18:43:30

专做网页的网站/网址

预处理语句对于防止 MySQL 注入是非常有用的。预处理语句及绑定参数预处理语句用于执行多个相同的 SQL 语句，并且执行效率更高。预处理语句的工作原理如下：预处理：创建 SQL 语句模板并发送到数据库。预留的值使用参数 "?" 标记。…...

编程日记 2024/11/26 17:44:52

note:

相关文章：