JavaScript Modules 模組基礎 - Front End 網頁前端工程教學

[@tsai94520]

很怪一堆人講程式課都聽不懂，就彭彭老師講課，邏輯跟實作特別能夠理解。謝謝老師。

[@cwpeng-course]

感覺很棒，很高興這樣的方式適合你 :)

[@celinewu6060]

謝謝澎澎老師教的如此好懂!

[@cwpeng-course]

謝謝你的回饋，很讚 :)

[@beggar_consultant]

彭彭老師教得很好

[@cwpeng-course]

謝謝 :)

[@bo-wenchen7733]

老師, 我在 modules.html中要點開 Go live 它顯示了Open a folder or workspace... (File -> Open Folder) 然後遲遲不進去,請問為什麼會這樣呢? 有什麼方法嗎? 謝謝

[@margheritading6727]

谢谢彭彭老师

[@cwpeng-course]

:)

[@mjboyz666]

老師好，想詢問這系列的影片看完，如果未來規劃想走前端，是否接續看您的REACT等相關影片，謝謝

[@cwpeng-course]

可以哦 :)

[@neong6980]

简单明了。 Good

[@cwpeng-course]

Thanks :)

[@陳昱誠-f4g]

很清楚明白原來不僅在後端nodejs能用 前端js也行 但是老師您有提到如果依照傳統在html引用lib.js會造成跟別人變數衝突問題 那這不就規範講好 或是改用var來去定義比較臨時性變數嗎 😂 另外react 或是其他框架都是有在不同的組件檔export 出去讓其他組件調用 好像也沒有額外加上type=module還是這是webpack做掉這一層其實沒看到而已嗎

[@cwpeng-course]

var 其實還是會有資料衝突，只是他不會報錯，重複宣告會當成使用相同的變數，產生變數資料混淆的狀況。 因為這個原生的作法比較近期，目前的框架在處理模組化的時候，主要是使用 webpack 在協助，webpack 支援 export/import 的語法，但最終會編譯成非 export/import 的傳統切割方式。

[@tishow8239]

請問老師，在27分左右時的例子 因為lib.js已經被import了，所以名稱可以隨便取，它都抓得到 那如果在lib.js export不只一個資料，那怎麼辦，謝謝

[@cwpeng-course]

export 不只一個資料就要用非預設的輸出，export {x, y, z} 這樣，輸入的時候也是用非預設的輸入，要加上大括號。

[@sh850126]

期待彭彭老師的第四屆WeHelp Bootcamp

[@cwpeng-course]

歡迎哦，期待明年中第四屆的訓練 :)

[@iaomX]

老師你好,我想問如果這些課程學完後,要做一個拍照辨識的網頁有什麼相關推薦課程?

[@cwpeng-course]

如果是前端的解決方案，可以研究一下 tensorflow.js 和 MediaDevices 這兩個關鍵技術。

[@cerryboo9212]

老師你好，請問你覺得網頁前端或者web developer在未來還會有很大需求嗎？

[@cwpeng-course]

我覺得可見的未來還是相當有需求的哦 :)

[@貓你一拳-l6o]

我按照上面寫的 會跑出 Uncaught SyntaxError: Unexpected token 'export' 結果會有 但就一直出現驚嘆號跟 紅色訊息

[@cwpeng-course]

網頁若能執行就沒問題，提示訊息可能是你的外掛工具偵測到的，但不一定完全正確。

[@ananda4840]

🎉🎉🎉

[@cwpeng-course]

:)))

[@shing-b9o]

按go live下去沒有跑出網頁欸@@?但右下角有顯示Port:5500

[@shing-b9o]

已經有下載live server了

[@cwpeng-course]

可以直接在瀏覽器上打 localhost:5500/

[@黃先生-d7o]

Good~

[@cwpeng-course]

Thanks ~