第四週｜課程直播｜切版班 by Sz

# 第四週｜課程直播｜切版班 by Sz ###### tags: `Sz` `第四週` `直播筆記` `2021夏季切版班` 多頁式 gulp [課前該用好的 gulp by Sz](/JIqaY79XQxqolJVJr3YZug) ## 每日助教我不要再回答問題ㄌ ## 就業程度、如何發想作品 vue 作品實戰班 ## 環境建立每個公司都有自己的環境建置學到的 gulp 是六角的使用版本 ## layout 利用樣板語言不同頁面的重複內容不要重複寫拉出來獨立檔案來統一管理 ### 瀏覽器看不懂 ejs 他是便於輸出的檔案格式，最後會編譯為正常的 html ### <%-content %> 神祕符號，樣板語言 ### html 置頂內容這裡放很多變數～可以自己加 ``` --- title: <title> // head 裡面那個 title 標籤 layout: ./app/layout.ejs // 共同版型， header, footer 終於幸福ㄌ engine:ejs // 使用的樣板語言，跟我們所學的內容很像 current:index // 暫時不動囉 --- <body 內容> ``` ### 用一個大 div 包住不同頁面 html 這樣就可以分開不同頁面的 class 了 ## NPM 套件：軍火庫可以拿來下載 bootstrap、jQuery、各種各種核心：node.js ### 跟 cdn 的差別 npm 可以透過指令就更新而且不用四處去網站找資料 ### node.js 安裝 ![](https://i.imgur.com/99cSDSw.png) ### 前端任務工具先會用工具就好想知道原理可以之後再去研究 ## 【問】 ### layout 能不能包 layout 複製貼上比較合適（目前只有一層的 layout ） ### 如果吃兩個layout要怎麼寫呢? 目前先不要等神人筆記囉！ ### gulp裡面的任務跟功能等等都要自己寫嗎(在業界中) 一人前端團隊前端(3人up) 技術長通常偏後端有沒有好的前輩，緣分 ### 如果直接在github上面改README.md內容是不是會出錯？ >如果在網頁上改內容，記得本地端也要同步更新之後才可以繼續push喔，不然會出錯唷 ### layout: ./app/layout.ejs 的點斜線是甚麼一絲呢 ./ 是當下位置 ../ 上一層位置 ./assets = assets ### 如果想讓qa以及index.html在不同的子資料夾，該怎麼做？建議先放同一層 ### 如果想讓qa以及index.html的a連結設定active樣式~，該怎麼做呢？ ejs:class設定變數 html 置頂新增變數 ## scss

Syntax	Example	Reference
# Header	Header	基本排版
- Unordered List	Unordered List
1. Ordered List	Ordered List
- [ ] Todo List	Todo List
> Blockquote	Blockquote
Bold font	Bold font
Italics font	Italics font
~~Strikethrough~~	~~Strikethrough~~
19^th^	19^th
H~2~O	H₂O
++Inserted text++	Inserted text
==Marked text==	Marked text
[link text](https:// "title")	Link
![image alt](https:// "title")	Image
`Code`	`Code`	在筆記中貼入程式碼
```javascript var i = 0; ```	`var i = 0;`
:smile:		Emoji list
{%youtube youtube_id %}	Externals
$L^aT_eX$	L^aT_eX
:::info This is a alert area. :::	This is a alert area.