以下範例Code： if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function(res){ console.log(res.coords); }, function(error){ console.log(error); }); } else { console.log(“Geolocation is not supported by this browser.”); }

情境 JavaScript如何達到靜態類別設計? https://github.com/yidas/js-design-patterns/blob/master/class/ Constructor Class var Class = function (options) { this.render = function () {} }; var object1 = new Class(); object1.render(); Literals Object JavaScript靜態物件的第一個想法， var Class = { render : function () {} }; Class.render(); 架構不錯，缺點為在物件內無法宣告區域變數(亦即達不到private變數或方法)。 若在物件方法中再次用到function，且須使用this指到物件本身就會有瓶頸，得每次帶入物件‵this‵本身，而無法從物件那層定義個物件區域變數代表this。 Static […]

使用情境 Javascript在匯出EXCEL有ASCII Code瓶頸不能完美支援，所以匯出CSV是較佳的選擇。 CSV匯出的亮點會在於Charset，例如支援中文而使用BOM。 技術亮點 var csvContent = “欄位A,欄位B\n值A,值B”; var link = window.document.createElement(“a”); link.setAttribute(“href”, “data:text/csv;charset=utf-8,%EF%BB%BF” + encodeURI(csvContent)); link.setAttribute(“download”, “upload_data.csv”); link.click(); 其中Link格式，使用UTF-8 with BOM： “data:text/csv;charset=utf-8,%EF%BB%BF” + encodeURI(csvContent) JSFiddle

問題情境 在做 HTML5 input required 送出檢查時，網頁錨點捲動是以物件做TOP定位點，可能會被 Fixed Header/Navbar 擋到。 解決方法 使用scrollIntoView override方法： var elements = document.querySelectorAll(‘input,select,textarea’); for (var i = elements.length; i–;) { elements[i].addEventListener(‘invalid’, function () { this.scrollIntoView(false); }); } jsfiddle