ES6 moudles功能
https://developers.google.com/web/updates/2017/09/nic61#modules
chrome浏览器输入 chrome:flags
开启 Experimental Web Platform
image.png
index.html
<script type="module">
// or an inline script
import {helperMethod} from './providesHelperMethod.js';
helperMethod();
</script>
<h1>module test</h1>
�新建providesHelperMethod.js
// providesHelperMethod.js
export function helperMethod() {
console.info(`I'm helping!`);
}
在Chrome打开本地文件如果引入js会有如下错误提示
image.png
处理有以下两种方法
- 命令行选项启动
open /Applications/Google\ Chrome.app --args --allow-file-access-from-files
- 本地服务器
python -m SimpleHTTPServer 8000
image.png
Chrome中打开http://127.0.0.1:8000/index.html即可。
控制台 await操作
https://developers.google.com/web/updates/2017/08/devtools-release-notes
Console中输入如下：
await fetch('https://httpbin.org/get?a=1')
image.png
网友评论