2021-04-28

Webpack-4

目錄

• babel/polyfill
• Axios
• CopyWebpackPlugin
• • 如果搬的是字型檔案的話記得要讓 webpack 去判斷他的副檔名
• ProvidePlugin
• • 非必要盡量不要使用 ProvidePlugin 這個做法!!!
• Html-Webpack-Plugin Template

Read More

2020-12-27

Webpack-3

目錄

• SassLoader
• • postcss-loader
• webpack-dev-server
• Babel
• import and require
• • Node應用由模塊組成，採用 CommonJS 模塊規範

Read More

2020-12-13

Webpack-2

目錄

• Filename 檔案名稱修正
• • 總結
• CSS Loader
• • Loader 的順序都是由後面執行到前面的
• 獨立拆分 CSS 檔
• FileLoader 搬移檔案

Read More

2020-12-06

Webpack-1

目錄

• 初探 Webpack
• Path 檔案路徑設定
• npm scripts 的使用
• 環境變數 NODE_ENV 的概念與使用
• • 讀取 NODE_ENV
• • 總結
• 永不停止的 WATCH

Read More

2020-11-29

基礎Vue元件-4

目錄

• Slot 插槽替換
• • 沒有插槽可替換的狀態
• • slot 替換
• • 具名插槽
• 使用 is 動態切換組件
• • 使用 is 顯示單一組件
• • 使用 is 動態切換組件
• 完成作業 - 城市空污

Read More

2020-09-27

基礎Vue元件-3

目錄

• Props 的型別
• • 怎麼在 Props 定義型別？
• • Props 帶有預設值
• • 靜態屬性
• • 動態屬性
• 向外層傳送事件 emit
• • 元件觸發外層 methods
• • emit 傳遞參數

Read More

2020-08-17

基礎Vue元件-2

目錄

• props 基本觀念
• • 設定 props
• • 靜態傳遞
• • 動態傳遞
• Props 注意事項
• • 單向數據流
• • 尚未宣告的變數
• • 物件傳參考特性
• • 維持狀態與生命週期

Read More

2020-07-27

基礎Vue元件-1

目錄

• 使用 x-template 建立元件
• • 使用 x-template 建立表格元件
• • 使用 is 掛載 template
• • 局部註冊
• 元件必須使用 function return
• • 元件內的 data 一定要使用 function return

Read More

2020-07-06

Vue進階模板-5

目錄

• v-on 事件綁定
• • 切換下方 box 的 className
• • 帶入參數
• • 事件修飾符
• • • 使用 stop 模式
• • • 使用 capture 模式
• • • 使用 self 模式
• • • 使用 once 模式
• • 按鍵修飾符
• • • keyCode
• • • 別名修飾
• • • 相應按鍵時才觸發的監聽器
• • 滑鼠修飾符
• 作業練習：表格排序
• • 完成作業 - 表格排序

Read More

2020-06-15

網頁切版直播班心得

目錄

• 學習資源
• 當初為什麼報名這堂課？
• 最大的收獲是？
• 最喜歡直播班的哪些活動？
• 身為學長姐，分享些想入坑的新同學一些勉勵的話

Read More