有多種語法,但這裡不討論語法,所以只展示一種寫法
在模組化指令碼匯出需要暴露出去的變數或其他
let flag = true;
export
在需要使用之前匯出的變數的指令碼內匯入
import from "./config.js"
在 index.html 中引入 js 檔案需要加上 type=「module」
在瀏覽器中開啟index.html
在瀏覽器中直接執行index.html時,發現控制台報錯
index.html:12 get file:///h:/vue/%e6%a8%a1%e5%9d%97%e5%8c%96/%e5%af%bc%e5%87%ba%e4%b8%8e%e5%af%bc%e5%85%a5/main.js net::err_failed1.4.1.1. 步驟
# 安裝
# 到專案目錄下
cd ***
# 把當前目錄作為**根目錄,建立乙個靜態資源伺服器
http-server
然後訪問控制台提示的網域名稱
1.4.1.2. 結果
失敗!無法開啟該網域名稱,具體原因還沒查
1.4.2.1. 步驟
經過上乙個方法的提示,是不是只要在伺服器上執行就可以呢?正好之前裝過乙個wamp,將專案檔案拷貝到wamp執行目錄www下,從伺服器端執行該專案。
1.4.2.2. 結果
執行成功!
由於同源策略的限制,可以從伺服器端去執行專案檔案
es6 的模組化
這個是需要複習下的,否則後面的react vue 就理解不清晰了 我覺得js 很牛,為啥,因為前後端都是js 這樣結合起來,很順暢 而且node 作為後端,搭建輕量級伺服器,很是好用,寫個介面絲毫沒有任何問題 後面的基本三大塊,1,node express koa 2,三大框架,react vue ...
ES6的模組化
模組化的特點 1 模組 自動執行在嚴格模式下,沒有任何辦法跳出嚴格模式 2 在模組的作用域下建立的變數,不會被新增到全域性作用域中 3 如果外部可以讀取模組當中的內容,需要模組的匯出 4 模組頂級作用域的this為undefined 匯出資料 export var color pink export...
ES6 的模組化
模組化的產生主要是為了將大型js程式拆分為相互依賴的小檔案,並且相互拼接起來。es6 模組功能主要由兩個命令構成 export和import。export命令用於規定模組的對外介面,import命令用於輸入其他模組提供的功能。在es6之前社群就已經有了commonjs 和 amd 模組兩種,在這裡暫...