腦爸打 CompBrother

 jQuery Mobile Orientation & Page Events 小教學 小知識教學類型: 手機應用程式開發 Title : jQuery Mobile Orientation & Page Events jQuery Mobile Orientation 手機使用者，有時會橫向有時會直向望手機銀幕，這個習慣視乎手機使用者自身的需要或那種方式較清楚去呈現或查閱手機中的文字、圖片或影片內容。由於我們無法估計手機使用者是即將會用那種方向(直向/橫向)去使用你的手機應用程式，所以手機應用程式編寫員可以善用 jQuery Mobile Orientation Event 去應對這種情況，當手機用戶由橫轉直或由直轉橫，jQuery Mobile orientationchange Event 就會被偵測到 (triggered)。 我們可以用 window object 去捕捉orientationchange Event，寫法如下: $(window).on("orientationchange",function(){ //當偵測到手機方向轉變時，自定想進行或展示訊息的程式段落 }); 這個function會回向(return)一個值，若果現刻是直向會是portrait值，若果現刻是橫向會是landscape值。同理的做法，可以使用window.orientation的回向值(return value)，若果現刻是直向會是0值，若果現刻是橫向會是1值。當偵測到手機方向轉變時，或特別於某方向偵測到的區段裡，手機應用程式編寫員可以自定想進行或展示訊息的程式段落。 jQuery Mobile Page Events 手機應用程式程式可簡單想像是由頁面(Page)所組成，而頁面(Page)可以有四大情況可以造成 jQuery Mobile Page EventsjQuery Mobile Page Events，這時手機應用程式編寫員可以善用Page Events去應對情況: Page Initialization - 手機Apps頁面產生(creation)前及剛產生時，例子: ...

 JavaScript Arrays 基礎教學簡介篇 小知識教學類型: 網頁設計、網站製作 為什麼網頁程式編寫員需要Array? 可以簡單想像，編寫網站程式很多時都會處理一系列的項目或數據，它們可能是屬於同一群體或有著一定聯繫性，所以JavaScript Arrays便可以給予網站程式編寫員可以簡便以Array裝載，並且提供多項實用選項功能function可以使用。 創建Array的方法，例如: const teammates = ["Sarah", "Daniel", "Tom"]; 或 const teammates = []; teammates[0]= "Sarah"; teammates[1]= "Daniel"; teammates[2]= "Tom"; 從Array中提取項目值，例如: const teammates = ["Sarah", "Daniel", "Tom"]; let team_member = teammates[1]; **0是Array中第一個值，1是Array第二個值，2是Array第三個值，如此類推等等... 從Array中更改項目值，例如: const teammates = ["Sarah", "Daniel", "Tom"]; teammates[1]= "Linda" **以上例子 Daniel 的值便會改為 Linda JavaScript Arrays所裝載的，可以不只是string字串或數字numbers，也可以盛載 object物件，例如: const teammates = {firstName:"Sarah", lastName:"Chan", age:21}; JavaScript Arrays有著很多的現成功能method可供網頁程式編寫員所使...

 jQuery Mobile Scroll Events 小教學 小知識教學類型: 手機應用程式開發 上文我們簡介了jQuery Mobile Events的各個種類，今文我們特別專談當互聯網使用者滑上滑落手機螢幕時的事件 jQuery Mobile Scroll Events: jQuery Mobile Scrollstart: $(document).on("scrollstart",function(){ alert("開始scrolling!"); }); jQuery Mobile Scrollstop $(document).on("scrollstop",function(){ alert("停止scrolling!"); }); 如需協助 「 手機應用程式開發 」 ，歡迎立即 聯絡我們 !

 jQuery Mobile Touch Events 小教學 小知識教學類型: 手機應用程式開發 上文我們簡介了jQuery Mobile Events的各個種類，今文我們特別專談當互聯網使用者點擊手機螢幕時的事件 jQuery Mobile Touch Events，我們以段落p element 作為例子: jQuery Mobile Tap: $("p").on("tap",function(){ $(this).hide(); }); jQuery Mobile Taphold: $("p").on("taphold",function(){ $(this).hide(); }); jQuery Mobile Swipe: $("p").on("swipe",function(){ alert("你正在Swipe!"); }); *而Swipe亦可分Swipeleft和Swiperight事件。 如需協助 「 手機應用程式開發 」 ，歡迎立即 聯絡我們 ! https://hongkongdp.com/shop/view.php?sid=306

 jQuery Mobile Events 小教學 小知識教學類型: 手機應用程式開發 Events (事件)在程式中都經常見到，是指互聯網使用者各式各樣的行動系統程式應該如何去回應? jQuery Mobile有多個Events (事件)處理可供網站程式編寫員所選用，而且特別用於手機頁面: Touch events: 當互聯網使用者點擊手機螢幕時的事件 Scroll events: 當互聯網使用者滑上滑落手機螢幕時的事件 Orientation events: 當手機螢幕被置橫向或直向時的事件 Page events: 頁面出現/隱藏/建立/載入/不載等事件 而關於如何設置 pagecreate 事情，可使用以下程序碼: $(document).on("pagecreate","#pageone",function(){ //jQuery Mobile事件處理 }); 如需協助 「 手機應用程式開發 」 ，歡迎立即 聯絡我們 !