腦爸打 CompBrother 部落格

一段網站運行的網頁程式，總會出現很多種不同的情況，像人生一樣，但位處 JavaScript 的網站程式，就可以藉著JavaScript Switch來管理不同情況時如何去處理。
switch(選擇項) {
case x:
// 當身處情況x時，如何處理?
break;

(繼續閱讀...)

腦爸打 發表在 痞客邦 留言(0) 人氣()

人生世上總會遇上多次如果所以的因果關係，在JavaScript的網站程式編程世界一樣，也有著If Else 如果所以的因果鏈。

If 常見的JavaScript格式 Syntax
if (條件比對) {
  //  條件為真時執行的代碼塊
}

(繼續閱讀...)

腦爸打 發表在 痞客邦 留言(0) 人氣()

小知識教學類型: SEO搜尋引擎優化
不管是任何的原因，若果需要把網站的網址 (Domain) 變更，都不是一件值得鼓勵的事情，因為或多或少若處理不善都會大大影響到 Google / Yahoo / Bing 等SEO的表現，過往做的種種SEO功夫都可能白費了。 但若果真的非把網站變更網址不可，其實都有辦法把SEO的影響減到最低:
1) 把舊網站內容完整搬到新網站
- 第一步當然是把舊網站內容完整搬到新網站，「完整」的意思是把括 source code, data base, images, videos 及最好連網站架構也不變的情況完全一樣地搬到新網站裡。
2) 像過往小編教大家對待新網站的方法，新網站創建sitemap，並於各大搜尋引擎中的 webmaster admin 創健新網站資料，並把sitemap上戴

(繼續閱讀...)

腦爸打 發表在 痞客邦 留言(0) 人氣()

前文，我們一齊了解過jQuery Mobile可以好像html的編程，使用慣常的CSS Classes來控制手機的UI界面排列和設計，今文我們更深入地去看看更多的jQuery Mobile CSS Classes:
Theme Classes:
ui-bar-(a-z) 指定bar的顏色 - 頁眉、頁腳和其他bar
ui-body-(a-z) 指定內容塊的顏色 - 頁面內容窗格、列表視圖項、彈出窗口、可折疊項、加載程序、滑塊和Panel
ui-btn-(a-z) 指定按鈕（和圖標）的顏色

(繼續閱讀...)

腦爸打 發表在 痞客邦 留言(0) 人氣()

腦爸打 發表在 痞客邦 留言(0) 人氣()

小知識教學類型: SEO搜尋引擎優化
當我們談到SEO很自然，今天第一個會想到的必定是Google，但其實拆解SEO來看， Searching Engine Optimization 搜尋引擎優化，指的是所有有著搜尋引擎的，只要嘗試去作出優化，也可理解為SEO。
搜尋引擎平台的SEO優化:
Google是世界搜尋引擎平台的一哥，當然要做好SEO必數Google，小編也在無數的SEO排名優化文章，集中說的也是Google。 但世界上其它的搜尋引擎平台也不能忽視，因為仍然生存到今天，也一定有著他的使用者，當中包括雅虎Yahoo、Bing和百度等等。
社交平台的SEO優化:

(繼續閱讀...)

腦爸打 發表在 痞客邦 留言(0) 人氣()

小知識教學類型: 手機應用程式開發
手機應用程式Apps與網頁程式一樣，都有著頁面中有著頁面的架構，當一個頁面跳到另一個頁面，再由新頁面跳向再新一個頁面，或從後置頁面往前推返回前面等等，jQuery Mobile Navigation Bars 都可以提供到清晰頁面關係的配置。
jQuery Mobile Navigation Bars 通常放置於手機應用程式Apps的頂端Header或尾端Footer，一方面不會阻礙到用戶瀏覽頁面內容，另一方也可提供到清楚資訊讓用戶知道自己身處手機應用程式Apps的何方。
以頂端Header配置 jQuery Mobile Navigation Bars 作為範例:
在 data-role="header" 的div 內再加上 data-role="navbar" ，然後再使用常用的 ul 和 li 列點清單由上而下去列出 jQuery Mobile Navigation Bars 的頁面次序。

(繼續閱讀...)

腦爸打 發表在 痞客邦 留言(0) 人氣()

小知識教學類型: 網頁設計、網站製作
人類世界的對錯是一個十分複雜的課題，當中可以涉及倫理道德亦可以涉及世界各地不同的行為規範，或有些地方更是位處中間的灰色地帶，總而言之，人類實體世界的對錯並沒有劃一的標準線。但對於網頁程式世界的對錯，則簡單得多了，對錯完完全全視乎於數理邏輯的推論!
Boolean(): 返回對(TRUE) 或錯 (FALSE), 例如 Boolean(3 > 1) 會返回 對(TRUE)，而 Boolean(1 > 6) 則會返回 錯 (FALSE)
關於條件性(Conditions)的比較(Comparisons)可分為以下常用的三類:
== 等於

(繼續閱讀...)

腦爸打 發表在 痞客邦 留言(0) 人氣()

小知識教學類型: SEO搜尋引擎優化
網頁跳出率(Bounce Rate)素來都被視為影響著網站SEO的關鍵指標之一，那究竟什麼是跳出率(Bounce Rate)? 又如何去減低跳出率(Bounce Rate)從而提升網站 Google SEO 排名?
什麼是網頁跳出率(Bounce Rate)?
跳出率(Bounce Rate) = 用戶到達網站頁面 (Landing Page)後沒有作出任何活動總人數 / 進入網站頁面 (Landing Page)的總人數
怎樣算是用戶到達網站頁面 (Landing Page)後沒有作出任何活動?

(繼續閱讀...)

腦爸打 發表在 痞客邦 留言(0) 人氣()

小知識教學類型: 手機應用程式開發
手機應用程式Apps 並不像網站程式有著足夠大的空間，在有限的手機界面中如何有效地整理及展示資訊，是每位手機應用程式開發者必需要處理的課題，而jQuery Mobile Toolbars則提供了這方面的方便性。
Header Bars
- 手機程式頂端的Toolbars，通常位處logo旁，可以分為左上或右上的工具列，例如:
data-role="header", class="ui-btn ui-icon-home ui-btn-icon-left" 用以創建左上角的 Mobile Header Toolbars 按鈕

(繼續閱讀...)

腦爸打 發表在 痞客邦 留言(0) 人氣()

腦爸打 發表在 痞客邦 留言(0) 人氣()

小知識教學類型: SEO搜尋引擎優化
網站包含著很多不同的頁面，但一個頁面又會常可以以不同的連結網址呈現，例如 http://www.abc.com, http://abc.com , http://www.abc.com/index.html 明明是三個網址連結，但都是指向著同一個網址頁面內容。對於 google yahoo 等搜尋引擎會視為重覆性的內容，若要google yahoo 等搜尋引擎把這些重覆的內容索引index，會對SEO搜尋排名結果有著明顯的負面影響!
這個時候，我們可以 head 標記中善用Canonical Link，把指定網頁連結統一指定到某一連結網址，例如:
http://www.abc.com
http://abc.com

(繼續閱讀...)

腦爸打 發表在 痞客邦 留言(0) 人氣()