JS筆記

2017-05-09

JS 繫結資料說明

透過js繫結資料到html網頁是前端工程常用的方法,常用的資料集格式有JSON及XML,以下說明如何實作: XML XML資料集 < ?xml version='1.0' ?> < doc>     < dataset>         < data1>data1< /data1>         < data2>data2< /data2>     &nb...
更多資料
2016-11-27

JS資源應用

Dropzone.js 應用: 建立拖曳式上傳介面 來源: http://www.dropzonejs.com/#event-removedfile   DataTable.js 應用: 建立常用表格控制功能介面 來源: https://datatables.net/ Highchart.js 應用: 建立資料圖表用的介面 來源: http://www.highcharts.com/demo/line-basic   Leaflet.js 應用: 建立地圖用的介面 來源: http://leafl...
更多資料
2016-11-24

透過JS抓螢幕寬度,卷軸的尺寸會被偵測到的問題

最近遇到一個問題,就是透過jquery的width()取螢幕寬度的值,window環境下會出現有時候是有加上卷軸的寬度(17px)有時候沒有,非常困擾。 當我用$(window).width()來取螢幕寬的時候,當我把視窗尺寸調整時,所得到的是實際寬度,然後我就可以用來計算各區塊的尺寸了 有趣的是當我把視窗高度內縮時,卷軸寬度就會被偵測到,所得到的是實際寬度減掉卷軸的寬度,而這種狀況只有出現在高度內縮才會發生,寬度內縮是不會有這種狀況出現的 因此我找了一下相關資料,發現可以用javascript內的window.innerWidth來取代jquery的$(window...
更多資料
2016-06-04

計算css cover的比例

透過js計算出css background image cover的值,從這邊我們可以找出相關的背景縮放比例用來apply在其他物件上 function fnTransform(){         var imgWidth = 1702;     // 原始圖片長寬         var imgHeight = 964;         var containerWidth = $("#slide3").widt...
更多資料
2016-05-26

透過javascript實現自動偵測使用者當前語系

要偵測前端瀏覽器語言版本其實有很多做法,透過前端或後端都可以,這篇介紹如何透過javascript來實現偵測前端語系的做法: 透過以下這一串js就可以取得當前瀏覽器使用的語系了,browserLanguage是IE再用的 var language = navigator.language.toLowerCase() || navigator.browserLanguage.toLowerCase(); //for IE 取得資料就可以進行進階的判斷,看是要導向還是要抓資料都可以,判斷的依據可以透過http://www.metamodpro.com/browser-langua...
更多資料
2016-05-12

關於JSSOR SLIDER的問題

在使用JSSOR的時候,碰到Mobile Safari會掛掉,請教google大神得到的結果,是因為兩個原因造成的: 1. 如果$AutoPlay設定為true 2. 圖片太多的狀況 在這兩個狀況下,會使Jssor Slider在頁面載入的時候loading太重,造成原本就不是很夠的iphone 5以下的Moble Safari記憶體不足,然後就掛掉了。 所以如果要解決這個問題,可以透過三個修改來處理: 1. 把$AutoPlay設定為false,然後透過api call  (jssor_slider2.$Play();) 來在所有scale都...
更多資料
2015-12-23

跳出視窗轉址母視窗的方法

跳出視窗轉址母視窗的方法 <script language="text/javascript"> window.opener.location.href="新網址"; //先轉址母視窗 self.close(); //再把自己關掉 </script> 此方法常用在登入視窗,當登入者登入驗證完成後,將母視窗的位址轉向到登入完後的位址  ...
更多資料
2015-11-06

製作桌面應用神器 node webkit

經過多次測試後目前0.12.0的build版本是可以成功的,以下是透過cmd來自動化建置的方式: 用npm來安裝nwbuild npm install -g nwbuild 到專案資料夾底下,然後cmd以下指令即可 nwbuild -p win64 -v 0.12.0 -o "../publish/" -f ./ 註: 上方指令會建製win64版在專案同目錄下的publish資料夾中   自訂視窗frameless的狀況下,我們可以透過下方方式來建立window的相關控制  style="-web...
更多資料
2015-11-05

javascript function 預設參數設定方式

如果再設定js function時,遇到參數沒有在使用時被設定,如: function fn(param){     return "output: " + param } fn(1); //此時回饋為: output: 1 fn(); //此時回饋為: output: undefined 為解決輸出時為undefined,我們可以在function中執行如下的設定  function fn(param){    param = param || "default...
更多資料

Contact

Github

Codepen

歡迎參觀我的賣場
© 2013 Copyright Digishot Web | Design Tools
Visitors【168892】
digishot webdesign studio