pupuliao的部落格

寫教學的最大目的是教會未來的自己

Get Adobe Flash player

檢查圖片連結失效

有些時候會有照片失效的狀況,為了避免出現 叉叉 的難看畫面,有下列方法解決

以下三種方法 都可以在圖片時效的情況下 替換另一張預設照片

 

1. HTML 法

在<img> 中增加 onError=”this.src=’XXXimg.jpg’ ”

2.jquery法

$('img').attr('onError','this.src="XXXimg.jpg"');

3.jquery終極處理方法
$('img').error(function(){
 $(this).attr('src', 'XXXimg.gif');
 $(this).attr('width', '1px');
 $(this).attr('height', '1px');
})

Post to Twitter Post to Plurk Post to Facebook Send Gmail

PHP 所有$_SERVER的可用參數表

引用自 http://www.w3schools.com/php/php_superglobals.asp

下表列出了可以去裡面$ _SERVER中最重要的元素:

Element/Code Description
$_SERVER[‘PHP_SELF’] Returns the filename of the currently executing script
$_SERVER[‘GATEWAY_INTERFACE’] Returns the version of the Common Gateway Interface (CGI) the server is using
$_SERVER[‘SERVER_ADDR’] Returns the IP address of the host server
$_SERVER[‘SERVER_NAME’] Returns the name of the host server (such as www.w3schools.com)
$_SERVER[‘SERVER_SOFTWARE’] Returns the server identification string (such as Apache/2.2.24)
$_SERVER[‘SERVER_PROTOCOL’] Returns the name and revision of the information protocol (such as HTTP/1.1)
$_SERVER[‘REQUEST_METHOD’] Returns the request method used to access the page (such as POST)
$_SERVER[‘REQUEST_TIME’] Returns the timestamp of the start of the request (such as 1377687496)
$_SERVER[‘QUERY_STRING’] Returns the query string if the page is accessed via a query string
$_SERVER[‘HTTP_ACCEPT’] Returns the Accept header from the current request
$_SERVER[‘HTTP_ACCEPT_CHARSET’] Returns the Accept_Charset header from the current request (such as utf-8,ISO-8859-1)
$_SERVER[‘HTTP_HOST’] Returns the Host header from the current request
$_SERVER[‘HTTP_REFERER’] Returns the complete URL of the current page (not reliable because not all user-agents support it)
$_SERVER[‘HTTPS’] Is the script queried through a secure HTTP protocol
$_SERVER[‘REMOTE_ADDR’] Returns the IP address from where the user is viewing the current page
$_SERVER[‘REMOTE_HOST’] Returns the Host name from where the user is viewing the current page
$_SERVER[‘REMOTE_PORT’] Returns the port being used on the user’s machine to communicate with the web server
$_SERVER[‘SCRIPT_FILENAME’] Returns the absolute pathname of the currently executing script
$_SERVER[‘SERVER_ADMIN’] Returns the value given to the SERVER_ADMIN directive in the web server configuration file (if your script runs on a virtual host, it will be the value defined for that virtual host) (such as someone@w3schools.com)
$_SERVER[‘SERVER_PORT’] Returns the port on the server machine being used by the web server for communication (such as 80)
$_SERVER[‘SERVER_SIGNATURE’] Returns the server version and virtual host name which are added to server-generated pages
$_SERVER[‘PATH_TRANSLATED’] Returns the file system based path to the current script
$_SERVER[‘SCRIPT_NAME’] Returns the path of the current script
$_SERVER[‘SCRIPT_URI’] Returns the URI of the current page

Post to Twitter Post to Plurk Post to Facebook Send Gmail

CSS div 置中作法

參考資料

http://www.flycan.com/article/css/css-div-position-center-1562.html

 

 

通常利用CSS 對div 方塊排版的時候,常常會使用left : 50% 這類排版方式

但是這有個很大問題 他是依照方塊的 左上角當作基準點,所以 無法做照真正的置中(或是其他比例)

解決方法是利用 margin

 

使用 margin-left : -[div一半寬度]px

就可以解決了

垂直部分也可以這樣解

Post to Twitter Post to Plurk Post to Facebook Send Gmail

好用的網頁技術學習網站codecademy

經過兩周成功嶺的”專業訓練”(大概是調整了生活作息吧) 終於進入了職場,正式脫離了學生身分。

 

我目前的工作是網站的前端工程師,簡單來說就是把行銷、美術所設計的畫面、功能製作出來,這部份我原先的知是都是來自於我在IND的自己摸索,當然還有課堂上的學習(感謝馬尚彬教授的指導,並給我更多練習的機會)

 

建立一個網站有許多技術需要結合,期中網站前端顯示的部分那就更多樣化了

目前我是使用PHP+CSS+JS(jQuery) 為主要開發語言,在這裡推薦一個很好用的教學網站

http://www.codecademy.com/

這是一個英文網站,它提供了六七種常見的網頁開發與研教學,對於一個初學者或是有點基礎但是要快速了解新語言的好網站

 

它是使用漸進式 透過大量的練習問題來達到教學目的

另外在寫作的過程中它會即時把結果顯示在瀏覽器上

這就是它最棒的地方

 

Post to Twitter Post to Plurk Post to Facebook Send Gmail

單人瘋狂東京六日遊-DAY4(迪士尼)

第四天

 

今天只有一個行程 就是迪士尼,迪士尼的交通方式很簡單,就是地鐵,從池代出發 可以坐車到 東京換車或是新木場換車,出了JR車站後 跟著人潮走就不會錯了=.=+

建議先透過網路買票,然後印下來 使用QR code 入場,不要傻傻的 現場買票,那根本人龍

其實這沒啥好說的

我去的是迪士尼世界,這裡其實沒有海洋世界刺激,但是遊樂設施也是夠多,我玩八點多出來也只玩了七成設施(沒辦法下午有下雨我也懶得排隊了)

一進場的 聖誕雪人

 

2014-11-06 09.44.47

 

繼續閱讀

Post to Twitter Post to Plurk Post to Facebook Send Gmail

單人瘋狂東京六日遊-DAY3(明治神宮、皇居)

第三天

恩….有人說我錯字多,我盡量減少….

 

今天本來的計畫是 明治神宮>六本木>東京鐵塔,不過因為昨天的皇居 和uniqlo兩大行程受挫,所以修正了行程

改成 明治神宮>皇居>錦糸町

 

一、明治神宮

因為我是買三日票的關係,地鐵到明治神宮前站下車 走個三分鐘到達明治神宮門口(JR的原宿直通大門)

2014-11-05 09.16.53

超大鳥居,拜過後開始我的神宮之旅

繼續閱讀

Post to Twitter Post to Plurk Post to Facebook Send Gmail

單人瘋狂東京六日遊-DAY2(上野、太陽城)

第二天

 

早上起來吃了飯店的早餐後出發

 

一、上野 恩賜公園

在去之前我先順路去拿metro和北捷合作的小禮品 ,今天第一天先幫大家減少一個名額,領取地點在銀座車站B2出口附近的定期票購賣站,給他看活動網站他就會給你了

2014-11-04 22.50.18

之後就繼續坐車到上野車站,上野恩賜公園真的很大阿,就算所有美術館通通關門 我也一樣逛了三個小時

繼續閱讀

Post to Twitter Post to Plurk Post to Facebook Send Gmail

單人瘋狂東京六日遊-DAY1(淺草、秋葉原)

第一天

一、中正機場

我是早上凌晨三點的飛機,所以晚上就坐著父母的車抵達了中正第一航廈,早上真冷清阿,因為廉行的飛機餐點要另外付費,所以我就帶著吃得上來,不過後來證實,別帶熱食,因為冷了就不好吃了….

首先是辦理報到手續跟行李托運,這部分台灣是長榮地勤在處理,據說他們真的只有在做報到手續,任何突發住況通通無法處理,所以要注意 機票和護照要帶,機票目前都是電子機票了,把線上訂票最後那張表格印下來給他們看就OK了

2014-11-03 01.54.28

這是一航廈改建後出關的第一個場景,雖然我看不懂在寫啥XD

說實話裝潢得還不錯,wifi 也終於連得上了(也可能是半夜人少?) 每個候機室都有充電區

繼續閱讀

Post to Twitter Post to Plurk Post to Facebook Send Gmail

單人瘋狂東京六日遊-行前篇

會有這次旅遊主要是因為在畢業後看許多同學都有出國,就突然想出國走走

其中日幣剛好貶值 又是屬於自由行難度最低的地方,所以在開團失敗後 就獨自自己衝了~~~

 

這一篇是我第一天住飯店時寫的….

 

一、兵役

我是屬於研發替代役,在畢業後如果要出國必須向當地兵役科申請,必須在出國前一個月內申請

要注意你必須在兵單來之前申請,否則一切都是屁話。

把你的出國時間跟兵役科說後,因為替代役不可能逃兵,所以很容易過,兵役科會在護照上蓋章

 

繼續閱讀

Post to Twitter Post to Plurk Post to Facebook Send Gmail

VPN比較PPTP、L2TP和IPsec的區別及優缺點

最近想要嘗試自己架設VPN,所以找了一些文章

 

引用文章

http://macivilian.blogspot.tw/2012/03/vpn-pptpl2tpipsec.html

(VPN) PPTP、L2TP和IPsec的區別及優缺點

VPN (虛擬專用網)發展至今已經不在是一個單純的經過加密的訪問隧道了,它已經融合了訪問控制、傳輸管理、加密、路由選擇、可用性管理等多種功能,並在全球的 信息安全體 系中發揮著重要的作用。也在網絡上,有關各種VPN協議優缺點的比較是仁者見仁,智者見智,很多技術人員由於出於使用目的考慮,包括訪問控制、 安全和用戶簡單易用,靈活擴展等各方面,權衡利弊,難以取捨;尤其在VOIP語音環境中,網絡安全顯得尤為重要,因此現在越來越多的網絡電話和語音網關支 持VPN協議。

  PPTP

點對點隧道協議 (PPTP) 是由包括微軟和3Com等公司組成的PPTP論壇開發的一種點對點隧道協,基於撥號使用的PPP協議使用PAP或CHAP之類的加密算法,或者使用 Microsoft的點對點加密算法MPPE。其通過跨越基於 TCP/IP 的數據網絡創建 VPN 實現了從遠程客戶端到專用企業服務器之間數據的安全傳輸。PPTP 支持通過公共網絡(例如 Internet)建立按需的、多協議的、虛擬專用網絡。PPTP 允許加密 IP 通訊,然後在要跨越公司 IP 網絡或公共 IP 網絡(如 Internet)發送的 IP 頭中對其進行封裝。 繼續閱讀

Post to Twitter Post to Plurk Post to Facebook Send Gmail

適用電子郵件訂閱網站

輸入你的電子郵件地址訂閱網站的新文章,使用電子郵件接收新通知。

訂閱 8 其他用戶

交換連結

Copyright © 2017. All Rights Reserved.

歡迎光臨
初音