Site Overlay

Recent Posts

Chrome載入CSS問題

印象中看過「css的link標籤不論放在哪(head or body)都會先載入」的這個說法,不過今天卻發現當Chrome在某些情況時,結果似乎會有點非預期。 首先我在head與body最後都各放一個link標籤,並且在onload時跳出alert 在這個case,第一次alert時瀏覽器還是空白畫面,而第二次alert時,畫面上的row, col已被正確render了。看起來link不論放在哪都會先載的這個說法是成立的。 但奇怪的事情來了。當我把head裡的link拿掉時,chrome會呈現一個不穩定的結果。

Vue2基本型別陣列的更新問題

當我們在Vue2中使用陣列時,若陣列中的內容是基本型別,也就是非物件的情況下,如果只更新陣列中的某一筆資料,會發現Vue並不知道資料已更新,導致畫面不會重繪。 在Vue2中的data區塊內所宣告的屬性,都被轉換成getter setter,因此當你重新賦值時,Vue就可以知道你更新了資料,然後就執行重繪畫面的工作。在data內所宣告的物件,如果一開始就有先宣告其屬性,屬性們也會被轉換成getter setter,但後來才加進去的屬性就無法被轉換,除非整個物件重新賦值,才有辦法轉換新的屬性。 宣告過的物件屬性可以觸發更新: 沒宣告過的不會觸發更新: this.myObj.b = 10 這樣才能讓繼續閱讀Vue2基本型別陣列的更新問題

實測各語言學習平台

在語言學習的道路上不斷折返跑のMe,應該也最適合來幫大家走看看有沒有冤枉路。 不知道大家有沒有過這種經驗 —— 明明已經考過JLPT N4,但卻在準備N3時,覺得某個文法好眼熟,卻又怎麼都想不起來它是誰。一查之下,竟然是已經練過好幾次的N4文法!!當下實在會有種「之前的付出的努力到底算什麼」的感覺。 有看過動畫腦筋急轉彎的人應該都知道人的記憶,有分成短期記憶與長期記憶。在語言學習的過程中,一段時間不使用的東西會忘記很正常。這是因為新學習的東西,通常會先處在短期記憶中。一直不斷使用之下才有機會成為長期記憶。因此最理想的方式,就是創造機會,讓自己能持續使用(必須要有輸入與輸出)學習到的東西。 一般繼續閱讀實測各語言學習平台

Gist的Host服務

Gist可以用來在文章中漂亮地展示一些程式碼片段以外,還可以透過以下兩個Host服務,直接展示成網頁。算是一個除了codepen以外的選項吧,雖然以功能面來說是差蠻多的,不過只是要展示簡單的東西時,也還蠻方便。