如果你很習慣用電腦、平板或手機閱讀網路文章，也許你碰過以下類似干擾你閱讀的情況...
...
2015年12月25日
2015年12月20日
今天紫爆了嗎？好用APP，隨時監測PM2.5
圖片來源：鄉民的正義
最近常常聽到電視在說紫爆紫爆的！到底紫爆是什麼勒？
就ptt鄉民的角度來說，紫爆就是當看板人氣達到十萬人以上時，會在看板前顯示一個紫色的「爆」字。
像是前陣子鬧的沸沸揚揚的服貿爭議，就在ptt的八卦版上出現「紫爆」。
等等等.....可是這怎麼和我聽到的紫爆不太一樣啊...！？
現在常聽到的紫爆指的是─PM2.5等級
其實現在大家更常聽到的紫爆，指的是PM2.5的分級？PM2.5是什麼東西呢？
簡單來說PM2.5是一種空氣汙染，細懸浮微粒的指標，數值越高，空氣汙染的程度也就越嚴重！同時不同的數值區間都會對應到一種顏色，當數值過高，達到對...
[筆記] JavaScript中Scope Chain和outer environment的概念
在上一篇[筆記] 不同execution context的變項不會互相影響中，我們說明了不同的execution context所宣告的變項並不會互相影響，但如果我們不是宣告一個新的變項，而是直接引用一個變項的話，會怎麼樣呢？...
2015年12月17日
[筆記] CSS動畫Animation --- @keyframes
在學習CSS動畫的過程中，不能不提@keyframes這個屬性，讓我們來看一下這個屬性可以怎麼樣使用吧！
基礎範例
我們先來看一下最簡單的範例，製作出來的效果如下：
我們可以看到，這個方塊會有變色的效果，讓我們來看一下這段基礎的程式碼是什麼：
HTML的部分非常簡單，就是用一個div。
CSS的部分我們先設定該div的樣式，然後裡面會包含要執行動畫的名稱animation-name和執行動畫的時間animation-duration，這兩個部分都可以根據自己的需要設定。
接著就要來設定@keyframes的內容，在@keyframes後面要先輸入剛剛在div當中所寫的animation-name，然後就可以在"{...
2015年12月15日
[筆記] 針對表格使用邊框圓角(table with border-radius)
最近在製作表格的時候，想要搭配上邊框弧形(border-radius)的屬性，結果一直做不出想要的樣子，邊框一直跑出背景色，像是這樣子：
原本的CSS程式碼長這樣：
table{
border-collapse: collapse;
}
tr{
border: 1px solid #E0607E;
}
td{
border: 1px solid #607ee0;
padding: 10px 30px;
background-color: #E0607E;
border-radius: 10px;
color: #FFF;
}
這裡我們發現兩個問題
1....
2015年12月11日
[筆記] 不同execution context的變項不會互相影響─了解function背後運作的邏輯
在JavaScript中要執行一段函式（function）並不困難，只要在函式的最後加上括號 ( ) 就可以了，在英文中，我們把執行函式的執行這個動作稱做invoke。但是，我們需要進一步了解函式運行時背後的邏輯，了解背後運作的原理，我們才可以避免不必要的錯誤產生。...