javascript

A collection of 6 posts

javascript

cross domain request by CORS

same origin 限制 Same-origin policy[1]是在瀏覽器上用 javascript 發動 request的時候,要求所在頁面與 requested resource需要是同個 domain,因為安全性的因素,做 ajax call 或是拉 webfont 的時候,只能向自家伺服器請求,也加深了對於應用程式開發的限制。 CORS^Cross-Origin Resource Sharing 則是解決 cross domain 的方法之一,需要將 server/client 都設定好才會成功。 CORS 中文翻作跨來源資源共享,直接叫 cross domain 比較乾脆,現代的瀏覽器內建的 XMLHttpRequest 都支援,

javascript

javascript 存取瀏覽器的寬高

瀏覽器的寬高 window window 即為瀏覽器本身,瀏覽器的高度,有分兩種,包含工具列與不包含,當然包含工具列的值會比較大,只要不 resize,這個值是不會變的。 window.innerHeight 是不包含工具列的,比較常使用到,是瀏覽器的可視範圍。 window.outerHeight 則是包含的。 網頁文件的寬高 [document] document 即為當前瀏覽的網頁,網頁可能很大,比瀏覽器視窗還大,因此 document 的寬高比 window 寬高還要大是正常現象,網頁內容的高度,取值用 document.body.clientHeight document.documentElement.clientHeight document.documentElement.scrollHeight 三者等價,用document.body就好,

cookie

Write Cookie in JS level

通常我們寫入cookie是直接使用setrawcookie,當然安全性是個問題,在此先不討論。 setrawcookie有個要注意的事項是他必須在http response出去之前就被呼叫,因為他是header的一部份,因此呼叫setrawcookie時要注意return value,或是自己必須確保呼叫之前沒有任何echo。 如果setcookie所要寫入的值是來自于另一個後端,而且這份資料並不是一定要在header建立cookie,為了不讓這個後端擋住前端機器吐頁面,我們可以讓他inline setup cookie。 sample PHP code $cookie = array(     ‘name’          => $name,     ‘value’         => $value,     ‘expiration’    => $expiration,     ‘path’          => $path,     ‘domain’        => $domain ); $cookie[‘expiration’] *= 1000;  // from seconds to mileseconds $config = json_

javascript

Recommended sublime plugin

Sublime Text 2 還滿多人用的,而且plugin很多,以下列出好用的作為筆記。 Package Control 優先第一安裝,建議管理package都由此plugin https://sublime.wbond.net/ DocBlockr 用來產生註解 https://github.com/spadgos/sublime-jsdocs SASS 寫css的好幫手 https://github.com/n00ge/sublime-text-haml-sass PHPUnit https://github.com/stuartherbert/sublime-phpunit Mustache https://github.com/defunkt/Mustache.tmbundle Trailing Spaces https:

bookmarklet

download youtube video using bookmarklet

via http://googlesystem.blogspot.com/2008/04/download-youtube-videos-as-mp4-files.html 我對於怎麼下載youtube的影音滿有興趣的,不過動機並沒有那麼邪惡,是想要作youtube上面的影片的一些分析,不過這個不在我的學位論文範疇之內,就先打住。 youtube的影音是用flv的方式在傳遞,有些網站可以解析出這些flv檔案的所在位置並下載,對影音檔處理苦手的我是不太碰觸這領域的,google怎麼隱藏這些原始位置巴拉巴拉,我完全都不知道。 [get youtube video](javascript:if(document.location.href.match(/http://[a-zA-Z.]*youtube.com/watch/)){document.location.href='http://www.youtube.com/get_video?fmt='+

book

新書購入

禮拜天去台北和朋友吃飯之餘,去了天瓏,收了三本書。平常的我很少花錢買書的,都是用圖書館和 google,也許是消費卷領了覺得有點餘裕可以花錢。 learning python 3/e 中譯本,這本錯字聽說不少,翻譯品質不算很好,但是圖書館的 python 書都很熱門,常常無法續借,所以還是自己買一本吧。 python 3.0 這本有 cover 到的樣子,而 3.0 和 2.5 的語法差異挺多,還好我學的不夠透澈,正好重新學起 (-.-)。 ppk on javascript,說不上為什麼,就買了。我對 javascript 是一竅不通的,