Yang Yang

要認識程式語言最簡單的方式就是從程式解題（也就是大家所謂的刷題）開始，這邊我就來介紹幾個不錯的管道。 Codewars這個平台上的題目都是大家自己上傳的題目結合自己寫的TDD當作測試資料，從超簡單到爆難的題目都有，但是這點是這裡的題目比較貼近生活化上的應用，有些題目甚至也是在職場上遇到覺得可以應用在題目上，而放上去的。主要優點： 推薦題目功能 解答討論區 題目較平民化 結合TDD 但是要注意的是，題目幾乎不會跟你講輸入輸出該長什麼樣子，事實上這正是我們平常職場上需要的情境，很多平台雖然有提供你輸入輸出會長什麼樣子，但是現實生活有很多問題並非如此，因此對有人些來說，是缺點也是優點。 Leetcode雖然我不太打上面的題目，不過我這邊推薦他們最近的活動，從4/1開始30-Day LeetCoding Challenge防疫別出門了，在家打程式吧！ Google’s Coding Competitions code jam 每一年都會在上半年舉辦的活動，活動是淘汰制的，從資格賽到final。以前本來只能在本地上傳程式，現在也可以在線上coding了，是一個蠻推薦的程式解題平台。 k ...

相信很多人都很好奇如何開發Google Extension，這裡將介紹如何使用前端框架+chrome API開發Google套件。為了方便解釋，以下以React為例，但是其他框架也是相同概念，不一樣的指令而已。 提要開發套件的難點就是，每次預覽結果的時候，必須要build完再由Google chrome載入，而且需要注意一些開發的小坑。 初始化專案參考官方頁面 12npx create-react-app <專案名稱>cd <專案名稱> 設定manifest位置在public裡面，將裡面的json取代成以下內容以辨識是google extension你可以把你喜歡的圖片放在public變成你的icon 12345678910111213141516{ "manifest_version": 2, "name": "example", "description": "", "version": "0.0.1&quo ...

在認識Closure之前，需要先了解什麼是Scope ScopeLexical Scope中文可以解讀成語彙範疇，會將字串的Token解析成好幾段，例如： 1let count = 0; 解析成let, count, =, 0, ;試問以下的Scope有幾層？ 1234567891011function foo(a) { let b = a + 1; function bar(c) { console.log(a+c); } bar(b);}foo(0); 有答案了嗎？是三個。這裡還要補充幾個知識 Shadowing 如果內層有宣告外層相同的名稱，則會採用內層的，且會採用第一個找到的。可參考以下的範例12345678var currencySymbol = "$";function showMoney(amount) { var currencySymbol = "€"; document.write(currencySymbol + amount);}showM ...

形容詞 冠詞與名詞之間 A beautiful lady is walking her dog. 所有詞和名詞之間 His cute dog is over there. 介系詞/所有格與名詞間 In his own house, he can do whatever he wants. 動詞與名詞之間 I like this beautiful girl. 直接出現在動詞後面的狀況 The lady is beautiful. It’s getting hot. The leaves have turned red. He goes crazy. Things in Taiwan have become expensive. Keep quiet. Stay calm. Please remain silent. He seems/appears angry. 形容詞修飾名詞，但是有時候很靠近動詞。例子（V + N/O + adj）： The game is making me excited. Please keep your room clean. I fi ...

基本句型S + V + OSheep is a student.I don’t know Sheep. - Sheep在此為受格 子句和句子差異看起來很像，都是S + V + O但是子句需要有搭配完整句子 完整句+子句 確保名詞子句開頭 wh-疑問句 whether/if that完整句+(1, 2, 3)+子句 子句裡面S + aux + V, aux不可為do/does/did，需要把它的時態替換到動詞上 種類 名詞子句當受格使用 I don’t know what did he buy yesterday.(X) -> I don’t know what he bought yesterday.(O) 名詞子句當主格使用 We can’t keep a dog is unfair. -> That we can’t keep a dog is unfair. 主詞補語 不能刪掉，要補足主詞意思 The teacher is Sheep. 拿掉不影響意思 He, Sheep, is a teacher. 當主詞補語的名詞 My as ...

名詞是答案的狀況以主詞來找出名詞的位置會佔用太多時間，因此學會看出空格的前後文是掌握的關鍵。 冠詞/所有格後面是名詞 A man is trying to open his briefcase. 介系詞後方是名詞 With his right, he could finish job. 及物動詞後方是名詞 The new born baby will resemble its mother. who後方為形容詞子句，前方為先行名詞 The employee who was diligent was promoted. 整理 觀察句子前後文 空格前面有冠詞, 所有格, 介系詞與及物動詞。 確認名詞位置 形容詞是答案的狀況形容詞修飾名詞形容詞修飾名詞的詞性，如果空格是用來修飾名詞的話，答案就是形容詞。如果句子有形容詞的話，前後方一定會有名詞。 冠詞和名詞之間是形容詞 A diligent supervisor will ask for the accurate information. 所有格和名詞之間是形容詞 His main responibili ...

使役動詞以前我們常聽到使役動詞後面要加原型動詞，但是真的是這樣嗎？事實上這五個使役動詞後面總共有十個不同的接續（這麼多 make + RV / p.p. have + RV / p.p. get + to RV / p.p. let + RV / be p.p. help + RV / to RV 要怎麼判斷使役動詞 + O + VO和V兩者的關係是主動還是被動的被動： p.p. / be p.p.主動： RV / to RV 範例I received a text message from Takeshi yesterday, and it mentioned that they had the equipment __ yesterday.(A)shipped (B)was shipped (C)ship (D)was being shipped 看前方的受詞叫equipment，設備一定是被運送，因此選被動(A) wantwant + to RV - 主動want + p.p. - 被動 The firm wants its product __ safely and in ...

動詞種類連綴動詞 look+形容詞 He looks happy in the crowd. 在人群當中，他看起來是開心的那個 一般動詞 look+副詞 He looks happily at the crowd. 他很開心的看著那個人群 感官型連綴動詞 look sound taste feel smell 用法 感官型連綴動詞 + 形容詞 感官型連綴動詞 + like+名詞 look look at: 非常認真看 look for: 尋找 look down: 往下看 look up to: 尊敬 see眼睛張開所看到的範圍，不經意所看到的範圍 watch專注的看（娛樂性質），引起興趣的看 watch TV watch the news bird watching 補充 如果是去電影院看電影（電影是大螢幕） see a movie 在家裡看電影（電視） watch movie 眼睛睜很大 stare at 內容來源

分詞 現在分詞 Ving - 表示主動 過去分詞 p.p.(Ved) - 表示被動 分詞的用法 an interesting movie. 一個很有趣的電影 a surprised student. 一位感動驚訝的學生 a student punished by the teacher. 一位被處罰的學生 an introdution allowing people to know more about project. 一個簡介讓人們了解更多企劃案 分詞的用法分詞可以當作形容詞而且形容詞都會跟名詞綁在一起 重點不一定是形容詞+名詞也可以是名詞+形容詞綁在一起就行了，誰先誰夠不重要 困難的分詞構句空格放在句首這個時候題目會變成 ___, S+V只要仔細看仔細空格的動詞文意跟逗點後面的S文意關係。分詞構句的訣竅就是找主詞。 題目 Many of taxs breaks __ to strengthen the domestic steel industry will be canceled once the new adminitration office.(A)provide (B ...

為什麼需要Reset CSS這其實是有一些歷史的，在W3C制定規格的時候，事實上並沒有規定每一家的瀏覽器如何去實作樣式，好幾年前是IE一統天下的時代，因此這個課題在當時是沒有任何理由去探討的。而如今各家瀏覽器紛紛出來搶市場，網頁在每個瀏覽器上都會有差異, 相容性等問題，很誇張的是IE6~IE11的預設都是不一樣的呀，因此CSS Reset的需求也不斷增加。 預設CSSCSS本身就有預設值，但是事實上預設值時常在排版的時候帶來很大的不便，尤其各家的瀏覽器又有各自的預設值，使開發者需要花一些時間成本去針對各瀏覽器的CSS去做調整，使得Reset CSS開始熱門。 未使用Reset CSS在還沒聽過Reset CSS這個東西之前，相信大家都看過下面這個東西： 1* {} 這個選取器可以選取網頁上面所有的標籤，因此在效能上也是可以想像的。在這個效能隨時會影響SEO的時代，CSS渲染的速度也是不能小看的。 使用Reset CSSEric A. Meyer針對CSS時常發生的問題，寫成了一個Reset CSS。例如：大家很討厭的margin歸0，還有其他間距, 行高……只要掛上 ...