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

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ม.ค. 2025

ความคิดเห็น • 32

  • @tsai94520
    @tsai94520 2 ปีที่แล้ว +7

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

    • @cwpeng-course
      @cwpeng-course  2 ปีที่แล้ว +1

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

  • @celinewu6060
    @celinewu6060 ปีที่แล้ว +1

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

    • @cwpeng-course
      @cwpeng-course  ปีที่แล้ว +2

      謝謝你的回饋,很讚 :)

  • @beggar_consultant
    @beggar_consultant 2 ปีที่แล้ว +1

    彭彭老師教得很好

  • @bo-wenchen7733
    @bo-wenchen7733 9 หลายเดือนก่อน +1

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

  • @mjboyz666
    @mjboyz666 2 ปีที่แล้ว +2

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

  • @margheritading6727
    @margheritading6727 ปีที่แล้ว +1

    谢谢彭彭老师

  • @neong6980
    @neong6980 2 ปีที่แล้ว +1

    简单明了。 Good

  • @ananda4840
    @ananda4840 2 ปีที่แล้ว +1

    🎉🎉🎉

  • @tishow8239
    @tishow8239 ปีที่แล้ว +1

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

    • @cwpeng-course
      @cwpeng-course  ปีที่แล้ว +1

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

  • @iaomX
    @iaomX 2 ปีที่แล้ว +1

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

    • @cwpeng-course
      @cwpeng-course  2 ปีที่แล้ว +1

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

  • @cerryboo9212
    @cerryboo9212 2 ปีที่แล้ว +1

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

    • @cwpeng-course
      @cwpeng-course  2 ปีที่แล้ว +2

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

  • @陳昱誠-f4g
    @陳昱誠-f4g 2 ปีที่แล้ว +2

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

    • @cwpeng-course
      @cwpeng-course  2 ปีที่แล้ว +5

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

  • @shing-b9o
    @shing-b9o ปีที่แล้ว +2

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

    • @shing-b9o
      @shing-b9o ปีที่แล้ว +1

      已經有下載live server了

    • @cwpeng-course
      @cwpeng-course  ปีที่แล้ว +1

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

  • @貓你一拳-l6o
    @貓你一拳-l6o 2 ปีที่แล้ว +1

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

    • @cwpeng-course
      @cwpeng-course  2 ปีที่แล้ว +1

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

  • @sh850126
    @sh850126 2 ปีที่แล้ว +1

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

    • @cwpeng-course
      @cwpeng-course  2 ปีที่แล้ว +1

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

  • @黃先生-d7o
    @黃先生-d7o 2 ปีที่แล้ว +1

    Good~