小麥前端 blog

前言

這是一篇我擔任完六角的遠端切版助教後，想記錄些什麼的心得文。

六角學院是一個致力於培養網頁前端開發的教育機構。去年服役完，在思考自己的職涯時，剛好有人貼六角的網頁給我；經過評估後，我就入坑惹。（這段寫起來怎麼這麼像業配文 R）

在今天五月時，六角學院的校長洧杰發出一個公告：【學員專屬徵才 - 遠端助教】無程式工作經驗者優先錄取。之所以釋出這個職缺，一方面是六角自己想培養自己的人才，一方面是六角想多些人手來幫忙回覆學員的問題。（六角的一個特色是，會在 24 小時內回覆學員在 Udemy 提出的問題，因此每天都會有不少題目需要回覆）

徵才職缺有兩種類型：網頁排版助教、以及 JS 助教。每種職缺有相對應的應徵門檻，像是 JS 助教需要完成六角 JS、Vue 課程的最終作業才可應徵。我當時 Vue 課程還沒上完但其他課程都上完了，所以有應徵排版助教的資格。但我卻害怕能力不夠，有點猶豫要不要應徵報名；還好當時看到閱部客 Youtube 頻道介紹的「靠！我要」哲學，就下定決心去應徵排版助教了。聽到洧杰老師通知我應徵上惹的時候，真的很感動 QQ

因為七月底這個短期的助教身份就要結束惹，想說 logv 一下（阿傑手勢）。以下談談六角助教在做些什麼，以及簡短心得。

最近因為當了六角的遠端助教，讓我想重新寫部落格。雖然幾年前就有用 Hexo 架好部落格，但因為當時還不太懂程式語言與套件的相關概念，導致很多功能是硬湊出來的（像是用 bash 寫自製功能 =_=）。以下將記錄從上一版過度到目前版本的過程。

前天在六角學院的不公開社團 1 看到六角校長洧杰丟了一個題目給大家思考 2，我猜應該是在練習浮動排版時，時常會看到的父元素高度塌陷吧。因此我以 clearfix 的角度去思考這個題目，下面的文字是我在該貼文底下的留言

剛剛看到一個讓人生氣的臉書貼文 1，於是想了解一下底下的留言會有什麼反應。由於在短短五個小時內，就湧入三千多則留言，數據量很多；再加上臉書的留言載入很爛，就更難閱讀了。想說用些方法讓自己比較好閱讀些

很久沒更新這個 Blog 了，但覺得應該要重新經營一下，就直接先在 Github 的網頁寫 md 了。之後應該會把過去文章備份起來，重新再建立 Blog 一次吧。

剛剛看到赤燭的包子在臉書上問說，Google Sheet 的某個語法要怎麼用，底下有人額外提到 Google Sheet 的自訂函數。一時好奇，就想說來研究一下好了。

• 王瀚宇 - 有人用過Google Sheet的Conditional Format Rules嘛？…

本來練習的課程只做了一個商品主題式列表，但因為看到很多人都做了有表頭表尾的網購首頁出來，想說不能輸，就越做越多了 XD

以下整理幾個用到的東西

因為太喜歡 Howhow 了，我課程作業想不到題材，就拿來宣傳 How 哥宇宙好了 XD
以下記錄頁內錨點、Youtube Player API 的部份

前言

最近在學習網頁排版的時候，課程裡面使用 div 以及 float 來排版，而其實這種排版方式也還算是主流(吧)的一支。但我一直覺得這種排版方式有脫褲子放屁的感覺，很阿雜，因為需要清除浮動，才不會造成父元素的高度塌陷。(可能也有人這樣想吧，所以後來有了 flex 和 grid 排版方式 XD)

以下簡單介紹目前我知道的網頁佈局方式，之後再稍微談談 display: flow-root 這個比較新的東西

前言

在重新開始學前端後，就一直很想能像 Codepen 那樣，能編輯完程式碼後，就即時在瀏覽器看到即時畫面。曾測試過一些方法，但都無法。後來找到了 browser-sync

最近在重新學習前端的基礎知識。跟著影片做中學的時候，突然想在 CSS 裡記錄想法，就跑去找 CSS 的註解方式。看到有文章寫 CSS 有單行註解 // 的時候，還很高興的使用了好幾天。

後來才發現，奇怪，怎麼預覽畫面跟想像中的不一樣，後來發現 CSS 似乎沒有單行註解，只有多行註解 /***/？

在搜尋後發現，其實好像真的沒這個規範，但很多開發者有一直討論過這件事情，VScode 裡也沒有支援這種註解方式。

BTW，之所以不支援 // 註解，好像是因為在壓縮程式碼的時候，有這種註解方式的話，會讓後面的屬性失效。但其實，我在 VScode 裡試驗過，只要在後面加個逗號 //; 就不會有影響了。