安丘微信公众号开发【安丘网络推广】安丘建站、安丘网站维护、安丘网页制作、安丘微信小程序代运营公司

发表日期： 2021-05-20 14:29:47 浏览次数：127

网站建设.jpg

安丘市，山东省省辖县级市，山东省财政直管县，位于山东半岛中部，是国务院批准的首批沿海对外开放县市之一。 [1] 市境总面积1760平方千米，耕地面积130万亩，辖3个街道、9个镇，870个行政村，总人口96.2万（2019年）。 [1]

安丘市历史文化可溯至春秋莒国，莒之渠丘父封邑；汉高祖八年（前199年），以古渠丘地封将军张说为安丘侯；汉景帝中元二年（前148年）以侯国名为县名正式置县。 [2] 2017年10月，安丘市被住建部命名为国家园林城市，首批全国农村社区建设示范单位。 [3] 2020年，安丘市被评为中国夏季休闲百佳县市。 [4]

安丘市东距青岛110公里，西距济南200公里，北距潍坊25公里；国道206、省道下小路、央赣路等多条主要干线交汇于境内，胶济铁路和济青、潍莱高速临境而过，潍日高速横贯市境南北。 [1] 2019年，安丘市地区生产总值同比增长5.5%，城乡居民人均可支配收入分别增长6.5%和8.5%，完成一般公共预算收入25.48亿元，同比增长2%，扣除减税降费等因素同口径增长12%。 [5]

全面认识ECMAScript模块

关于ES模块，本文将提供一些详细的解读，希望对你有所帮助！

什么是ES模块？

ECMAScript模块（简称ES模块）是2015年推出的JavaScript中代码重用的机制。在高度碎片化的JavaScript模块场景中，它终于成为了标准。

在2015年之前，JavaScript还没有一个标准的代码重用机制。这方面曾有过很多标准化的尝试，导致这些年乱七八糟的碎片化。

你可能听说过AMD模块、UMD或者CommonJS。没有明显的赢家。终于，随着ECMAScript 2015，ES模块登陆语言。

我们现在有了一个 “官方 “的模块系统。

ECMAScript模块无处不在？

理论上，ECMAScript模块应该普遍适用于所有JavaScript环境。实际上，浏览器仍然是ES模块的主要目标。

2020年5月，Node.js v12.17.0发货时，支持ECMAScript模块，没有标志。这意味着我们现在可以在Node.js中使用导入和导出，而无需任何额外的命令行标志。

在ECMAScript模块在任何JavaScript环境中普遍工作之前，还有很长的路要走，但方向是正确的。

ES模块是怎样的？

一个ES模块就是一个简单的文件，我们可以声明一个或多个出口。以这个虚构的utils.js为例。

// utils.js export function funcA() {   return "Hello named export!"; } export default function funcB() {   return "Hello default export!"; }

我们这里有两个导出。

第一个是一个命名的导出，后面是一个默认的导出，表示为导出默认。

假设我们的项目文件夹中住着这个名为utils.js的文件，我们可以在另一个文件中导入这个模块提供的对象。

如何从ES模块导入

假设我们在项目文件夹中还有一个名为consumer.js的文件。要导入utils.js所暴露的函数，我们可以这样做。

// consumer.js import { funcA } from "./util.js";

这种语法是一种命名的导入方式，与命名的导出方式有异曲同工之妙。

如果要导入定义为默认导出的funcB，我们可以这样做：

// consumer.js import funcB from "./util.js";

如果我们想在一个文件中同时导入默认导出和命名导出，我们可以将其压缩为：

// consumer.js import funcB, { funcA } from "./util.js"; funcB(); funcA();

我们也可以用star导入整个模块。

import * as myModule from "./util.js"; myModule.funcA(); myModule.default();

要注意，在这种情况下，必须显式调用默认导出。

要从远程模块导入。

import { createStore } from "https://unpkg.com/redux@4.0.5/es/redux.mjs"; const store = createStore(/* do stuff */)

浏览器中的ECMAScript模块

现代浏览器支持ES模块，尽管有一些注意事项。要加载一个模块，请在脚本标签的type属性中添加模块。

<!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <title>ECMAScript modules in the browser</title> </head> <body> <p id="el">The result is: </p> </body> <script type="module">     import { appendResult } from "./myModule.js";     const el = document.getElementById("el");     appendResult(el); </script> </html>

这里myModule.js是同一个项目文件夹下的一个简单模块。

export function appendResult(element) {   const result = Math.random();   element.innerText += result; }

虽然可以直接在浏览器中使用ES模块，但现在捆绑JavaScript应用的任务仍然是webpack等工具的专属，以获得最大的灵活性、代码拆分和对旧浏览器的兼容性。

安丘微信公众号开发【安丘网络推广】安丘建站、安丘网站维护、安丘网页制作、安丘微信小程序代运营公司

上一页：安丘网站制作【安丘网站优化】安丘建网站、安丘微信公众号运营、安丘网页设计、安丘微信小程序商城

下一页：安丘网站推广【安丘办理400电话】安丘SEO优化、安丘微信公众号APP客户端小程序开发、安丘网站托管、安丘APP开发