2014年1月23日 星期四

瀏覽器版本、顯示裝置解析度的市佔率分佈

在現在處處都是顯示裝置的時代,網頁設計師最常碰到的議題就是螢幕解析度以及瀏覽器相容性的問題,尤其後者,最讓人頭痛的就是微軟的Internet Explorer ,受限於作業系統的相容性,從IE6~IE11這麼多版本根本無法統一,例如 windows xp 最多只能更新到 IE8...
設計人員往往為了要讓絕大多數的訪客有好的瀏覽體驗,就需要花大把的時間解決CSS相容性問題...完全不敷成本

有鑑於此,筆者特地找了不同瀏覽器以及螢幕解析度的市佔率,就讓我們把時間花在刀口上吧!

首先是螢幕解析度的市佔率分佈(2013-10 ~ 2013-12)

接著是瀏覽器版本的市佔率分佈(2013-10 ~ 2013-12)
Source: StatCounter Global Stats - Browser Version Market Share
由數據看起來,IE8 還有8.39%的市佔率,假設加上未列入的榜上的IE6,IE7,算10%好了,需不需要為10%的人付出時間金錢來解決瀏覽器相容性問題,就考驗大家的智慧了^^

2013年11月19日 星期二

[Javascript] 數字加上千分位逗號

本篇的目的是要把數字加上個千分位逗號,如 5000 變成 5,000

在php裡,可以透過number_format($num)來達成
不過有時候不見得每樣東西都要交給後端處理,這種簡單的東西還是分散一下放在前端就好了,
函式如下:
function number_format(n) {
    n += "";
    var arr = n.split(".");
    var re = /(\d{1,3})(?=(\d{3})+$)/g;
    return arr[0].replace(re,"$1,") + (arr.length == 2 ? "."+arr[1] : "");
}

2013年10月29日 星期二

Reverse Proxy Server ( 反向代理伺服器 )

參考自:
Oracle的說明
Reverse Proxy Server ( 反向代理伺服器 ) 是什麼 ?
 
代理伺服器 Proxy Server的作用,是把遠端網路上的資料先儲存到伺服器上,目的是讓伺服器鄰近區域的電腦可以用比較快的速度瀏覽這些資料。

反向代理則顧名思義,就是讓外界要連到本地端的伺服器時,先透過一個外部伺服器來回應,有需要的時候才連到內部伺服器來取資料,這個架構大概像下圖這樣:
 
大致上有兩大應用:
  1. 提高安全性
  2. 降低伺服器的負載