Javascript 文章筆記 2016-12-11
Websocket on MDN:
https://developer.mozilla.org/zh-TW/docs/WebSockets/WebSockets_reference/WebSocket
https://developer.mozilla.org/zh-TW/docs/WebAPI
Javascript ASYNC與DEFER差異
http://peter.sh/experiments/asynchronous-and-deferred-javascript-execution-explained/
拖曳上傳
http://html5doctor.com/drag-and-drop-to-server/
http://www.w3schools.com/jsref/dom_obj_event.asp
http://stackoverflow.com/questions/5392344/sending-multipart-formdata-with-jquery-ajax
http://stackoverflow.com/questions/13652955/get-all-values-of-multiple-file-select-with-jquery
http://stackoverflow.com/questions/166221/how-can-i-upload-files-asynchronously
Javascript存取本機資訊
https://developer.mozilla.org/en-US/docs/Web/API/FileReader
原生瀏覽器加密API:
https://developer.mozilla.org/en-US/docs/Web/API/Window/crypto
https://github.com/diafygi/webcrypto-examples
https://msdn.microsoft.com/zh-tw/library/dn265046(v=vs.85).aspx
偵測物件值變更
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/watch
http://stackoverflow.com/questions/1063813/listener-for-property-value-changes-in-a-javascript-object
使用Require.js管理JS套件庫
http://requirejs.org/docs/api.html#jsfiles
https://github.com/requirejs/example-jquery-cdn
http://jsnwork.kiiuo.com/archives/2056/jquery-%E4%BD%BF%E7%94%A8-masonry-%E9%85%8D%E5%90%88-requirejs-%E5%BC%95%E7%94%A8%E7%9A%84%E6%96%B9%E6%B3%95
http://jsnwork.kiiuo.com/archives/2056/jquery-%E4%BD%BF%E7%94%A8-masonry-%E9%85%8D%E5%90%88-requirejs-%E5%BC%95%E7%94%A8%E7%9A%84%E6%96%B9%E6%B3%95
iframe內呼叫父元件方法
parent.$.......
parent.location.origin之類
傳統js方式選取textarea內文字
https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange
Javascript的物件導向
http://wbkuo.pixnet.net/blog/post/162108917
https://github.com/programmermagazine/201302/blob/master/source/article2.md
https://developer.mozilla.org/zh-TW/docs/JavaScript_%E7%89%A9%E4%BB%B6%E5%B0%8E%E5%90%91%E4%BB%8B%E7%B4%B9
==================================
navigator.geolocation的defer式寫法
http://odetocode.com/blogs/scott/archive/2012/06/18/geolocation-geocoding-and-jquery-promises.aspx
Javascript效能強化方法
http://design2u.me/blog/606/javascript-10-js-jquery-performance-tuning
Simple Push API(Demo)
https://simple-push-demo.appspot.com/
https://developer.mozilla.org/zh-TW/docs/WebAPI/Simple_Push
Service Worker
https://developer.mozilla.org/zh-CN/docs/Web/API/Service_Worker_API
讓String名稱轉為function
http://www.sitepoint.com/call-javascript-function-string-without-using-eval/
PC版通知(適用於FF,Chrome)
https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API
Javascript判斷式
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements
JS hasOwnProperty
https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty
Navigator 相關
https://developer.mozilla.org/en-US/docs/Web/API/Navigator
Service Worker 入门
http://www.w3ctech.com/topic/866
===============================================================
透過javascript加入request header的方式(CORS ForceCORS Settings)
http://www.html5rocks.com/en/tutorials/cors/
https://developer.mozilla.org/zh-TW/docs/HTTP/Access_control_CORS
jQuery Defer用法
http://blog.zhusee.in/post/48857667691/jquery-deferred-object
透過JSONP獲取跨域資訊
http://schock.net/articles/2013/02/05/how-jsonp-really-works-examples/
iframe跨域
https://github.com/jiangyuan/blog/blob/master/blog/javascript%20%E7%9A%84%E8%B7%A8%E5%9F%9F%E9%97%AE%E9%A2%98.md
跨網域的英文教學
http://blog.teamtreehouse.com/cross-domain-messaging-with-postmessage
iFrame防止被盜取
https://developer.mozilla.org/zh-TW/docs/HTTP/X-Frame-Options
Web Speech API
https://www.google.com/intl/en/chrome/demos/speech.html
Chrome版本的notification??
https://developer.mozilla.org/zh-TW/docs/Web/API/ServiceWorkerRegistration/showNotification
Location Replace與Location Href差異
http://blog.miniasp.com/post/2009/03/25/location-href-and-location-replace-in-practice.aspx
Drag and Drop and Automatically Send to the Server
http://html5doctor.com/drag-and-drop-to-server/
===============================================================
JAVASCRIPT - 物件導向(OBJECT-ORIENTED LANGUAGE, OOP)
http://blog.kkbruce.net/2012/02/javascript-object-oriented-
language-oop.html#.VwDA45x97Gh
Windows Location
https://developer.mozilla.org/zh-TW/docs/DOM/window.location
jQuery多選取值方法
http://stackoverflow.com/questions/11945802/how-to-get-multiple-checkbox-value-using-jquery
javascript 動態function呼叫方式
http://stackoverflow.com/questions/969743/how-do-i-call-a-dynamically-named-method-in-javascript
不刷頁情況下更新網址列(window.history.pushState)
http://stackoverflow.com/questions/3338642/updating-address-bar-with-new-url-without-hash-or-reloading-the-page
[ES6] Javascript 開發者必須知道的 10 個新功能
https://medium.com/@peterchang_82818/es6-10-features-javascript-developer-must-know-98b9782bef44#.auex6oab6