--- tags: 2021 程式體驗營 --- # 6/22 每日任務 Day12 ## HTML 任務題目 今天開始進入 SCSS 的章節囉！ 這邊簡單出幾題熱身題目給大家練習理解，請同學依序回答下方關於 Sass 的三道選擇題： ### Q1: 使用 Sass 撰寫的樣式檔案該如何引入到網頁中？ A. 編譯後，將編譯出來的 .css 檔案如平常 CSS 引入方式一樣引入 B. 不需要編譯，直接像 CSS 一樣引入，只是引入的檔案改成 .scss 或 .sass 檔 C. 兩種方式皆可 ### Q2: 以下關於 Sass 的格式哪個說明正確？ A. 在 Sass 與 SCSS 中都支援純 CSS 撰寫方式 B. 格式有 `Sass`、`SBSS`、`SCSS` 三種 C. 僅有 SCSS 可以支援純 CSS 撰寫方式， Sass 中撰寫純 CSS 因格式關係會導致出錯 ### Q3: 下方哪個敘述有誤？ A. Sass 是 JS 的擴展語言 B. 瀏覽器無法看懂 .scss 與 .sass 檔所以必須編譯成 .css 檔來使用 C. & 在 Sass/SCSS 中代表的是連結符 不知道答案的同學可以到 50 小時影音教學找 ***Sass 環境教學 - 一起掌握最世界最多人用的 CSS 管理語言！*** 章節的影片學習。 ## JS 任務題目 請同學觀看 50 小時影音教學的 ***陣列教學*** 章節影片回答下方問題： ### Q1: 定義陣列的括號是哪一種？ A. `[]` B. `{}` C. `()` ### Q2: 在定義陣列的時候，是否可以讓它是一個空陣列(像這樣：`let ary = [];`)？ A. 可以 B. 不行 ### Q3: 陣列中的內容通常用何種型別？ A. 只能是字串 如 "blue" B. 只能是數字 如 100 C. 可以是字串或數字 但不能為布林值(true/false) D. 可以是任何型別 如數字、字串、布林值、陣列物件等等的都可以 ### Q4: 取得陣列中的某個特定值時 要從幾開始算(例如`ary[2]` 這個 2 在程式中會是從 1 開始算的，還是從 0 開始算的)？ A. 0 B. 1 ### Q5: 請問 `let colors = ['pink','white','green'];` 這個陣列的長度是多少？ A. 3 ( 3 個值 所以是 3 ？) B. 2 (因為程式要從零開始算？) C. 14 ( pink 的長度 4 + white 的長度 5 + green 的長度 5？) ## 回報流程 1. 將答案貼在 Codepen 並複製 Codepen 連結貼至「回報區」回報 （也可以將答案直接貼至「回報區」） ![](https://i.imgur.com/vftL5i0.png) ## 作業回報區 <!-- 1. WangShuan - 答案：ＡＣＡ，ＡＡＤＡＡ 看不懂或有問題歡迎到 slack 上提出 --> 1. Sz - 回答：ACA, AADAA 2. ZY Hsu - ACA, AADAA 3. [Jane Lin - HTML & JS 作業](https://codepen.io/as60160/pen/MWpdKMM?editors=1100) 4. Nap－`SASS`：A、C、A。`JS`：A、A、D、A、A 5. Benson - Html：A、C、A。 JS ：A、A、D、A、A。 6. BaoH - `SASS`：ACA `JS`：AADAA 7. henry - `SASS`: ACA `JS`: AADAA 8. [Lina Chen - HTML & JS 作業](https://codepen.io/LinaChen/pen/oNZRWee) 9. Yao Lin - `SASS` : A、C、A `JS`: A、A、D、A、A 10. [Xing CT- HTML & JS 作業]:A C A, A A D A A 11. Mao - **SASS:** A、C、A **JS:** A、A、D、A、A 12. Min - `SASS` A、C、A 13. Teddy Wu - HTML作業: A、C、A 14. 阿丁兒 - HTML 任務：A C A；JS 任務：A A D A A 15. [Ching Hua - HTML & JS 作業](https://codepen.io/ching-hua-wang/pen/JjWqyPV?editors=1100) 16. huanan - HTML : A,C,A；JS ： A A D A A 17. 我是泇吟 - `SASS`: A, C, A; `JS`: A, A, C, A, A. 18. Will - HTML: ACA, JS: AADAA 19. LTL- HTML：ACA, JS: AADAA 20. HsiuTing - `HTML` : A , C , A ; `JS` : A , A , D , A , A 21. 明達在這 - `HTML`：ACA、`JS`：AADAA 22. Sabrina - `SASS` : A、C、A `JS`: A、A、D、A、A 23. [Moto - HTML & JS 作業](https://codepen.io/moto-san/pen/GRWaGXX?editors=0110) 24. yu shiuan chang -`SASS:`ACA , `JS:`AADAA 25. Hi Annie - `SASS`-ACA、`JS`-AADAA 26. [Jeff H](https://hackmd.io/@jeff14994/H10xDlBq_/https%3A%2F%2Fhackmd.io%2F%40jeff14994%2FHJB4cCi9_%2F%252Ftr2SUQD6TByl4UGnxjfvug) 27. drumrick - ACA / AADAA [HTML & JS 作業](https://codepen.io/drumrick/pen/poemMba) 28. Natsu-小夏 [HTML 作業](https://codepen.io/natsunari/pen/gOmJpGB) 29. Katie-HTML:Ａ、Ｃ、Ａ | JS:Ａ、Ａ、Ｄ、Ａ、Ａ 30. 雅琇 Alicia - `SASS` A / C / A 31. winnie-HTML-ACA/JS-AADAA 32. [Anne Lin - HTML&JS] A, A, A | A, A, D, A, A 33. Roger - HTML : A , C , A ; JS : A , A , D , A , A 34. Haley - 回答：ACA, AADAA 35. Qian - ACA, AADAA 36. [Null - HTML作業]Q1.A Q2.C Q3.A 37. [YOYO - HTML & JS 作業](https://codepen.io/lumedkle/pen/BaWXJBy) 38. LoKing - HTML:AAA /JS:AADAA 39. Kelvin Wu - ACA / AADAA 40. 蔡秉祐 - aca||aadaa 41. 三隻小貓 - SCSS:AC~~B~~A, JS:AADAA 42. [betty - HTML & JS 作業](https://codepen.io/betty-hu/pen/vYmNjPR) 43. Shiny - HTML：ACA、JS：AADAA 44. Yu - ACA ; AADAA 45. zong-huan-`SASS`: A、C、A | `JS`: A、A、D、A、A