JavaScript中,switch條件式的代碼是什麼?什麼情況下使用它?這篇有解答! switch 條件式在 JavaScript 中，若你有多個條件需要測試的話，為每個條件編寫 if...else 語句可能不是那麼有效率。此時，前端工程師們可以使用 switch 敘述式，就可以依據不同的條件而執行所指定的程式。 switch 用法如下面代碼所示：See the Pen JavaScript8-switch-1 by Tedutw (@Tedutw) on CodePen. switch 敘述式只運算一次，我們需要看看敘述是否符合各個情況(case)所指定的條件。當有條件成立時，就會執行該情況(case)所對應的程式。如以下例子：變數「day」若為 1 時則輸出「Mon」、為 2 時，則輸出「Tue」、為 3 則輸出「Wed」、為 4 則輸出「Thu」、為 5 則輸出「TGIF」，都不符合就輸出「Weekend day」。See the Pen JavaScript8-switch-2 by Tedutw (@Tedutw) on CodePen.註1：以上例子，前端工程師們也可以使用 if...else 條件式 來寫，但不如 switch 來的精簡。註2：每一個 case 中的「break」語句，作用是讓 JavaScript 跳出該 switch 程式區塊，以阻止更多的程式碼執行、或是繼續在該區塊內繼續測試的動作。通常一種情況（case）的條件陳述中，會放一個「break」。 switch 條件式中的「default」當所有條件都不成立時，「default」關鍵字指定 JavaScript 要執行的動作。如下例，若變數「member」的值都不符合所有情況（case）的條件陳述時，JavaScript 就跑到「default」，顯示「不是Stratovarius的現任團員」。以下的變數（var）「member」的值為 「Tokki」，讓我們來看看是否符合每個情況（case）的條件陳述。See the Pen JavaScript8-switch-3 by Tedutw (@Tedutw) on CodePen.布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣(6)
你知道最新出版的Google Ads編輯器1.2它的新功能嗎?這篇就帶你一起來瞧瞧!
布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣(48)
急速發展的人工智慧,讓世界的運作亂了套!一起來看看在未來,我們會在哪些方面被物聯網影響!
布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣(33)
JavaScript的教學文又產出啦!回歸第一篇:if,else,if...else條件式,還不曉得它們的人快看下去阿!if 條件式在使用 JavaScript 編寫程式碼時， 若希望程式能依據不同的狀態，去加以執行不同的操作時，當然又需要使用條件陳述式（conditional statements）啦。我們可以使用if 條件式敘述：當一個指定的條件成立（為真）時會執行的程式碼，用白話來說就是「當...條件成立時，則會執行...程式」。if 條件式的 JavaScript 語法如下：See the Pen JavaScript7-if-1 by Tedutw (@Tedutw) on CodePen.前端工程師們可要記住了：只有當指定的條件成立時，程式碼才會執行。下面為 if 條件式 的範例，聲明當「變數 Num1 小於 變數 Num2」的條件成立時，才會顯示「JavaScript其實不難啊！」。See the Pen JavaScript7-if-3 by Tedutw (@Tedutw) on CodePen. 承上面的例子，當「變數 Num1 小於 變數 Num2」的條件不成立時，則程式會自動跳過要執行的代碼，不會顯示「JavaScript其實不難啊！」。如下所示：See the Pen JavaScript7-if-4 by Tedutw (@Tedutw) on CodePen.else 敘述當條件不成立時，除了不讓程式執行之外，我們還可以選擇使用「else」語句來指定當不符合指定條件時，所要執行的動作。請看看上方的例子：當不符合「變數 Num1 小於變數 Num2」 的狀況時，就顯示「前端工程師都必須學JavaScript」。See the Pen JavaScript7-if-5 by Tedutw (@Tedutw) on CodePen. else if 敘述if 條件式 中，我們還可以加入「else if」敘述另一個條件，代表：當所指定的條件不成立時，是否還符合另一個條件？如以下例子所示，當變數「age」大於 17 的條件成立時，則顯示「成人」；若不成立，則看看是否符合另一個條件（變數是否大於 11）。當另一個條件成立時，則顯示「青少年」；若兩個條件都不成立，就顯示「兒童」。See the Pen JavaScript7-if-6 by Tedutw (@Tedutw) on CodePen.布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣(64)
布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣(74)
布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣(75)
網路上百百種的達內教育評價,直接聽過來人的說法最準!一起來了解,她是如何透過達內教育這平台,兼顧家庭跟事業!
布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣(803)
布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣(3)
布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣(14)
SEO五大重點,幫你解決"語言不通"的問題!想要讓網站更國際化,支援更多語言?看完這篇就能開始行動! 當在架設擁有多語言的網站（如跨境電商網站）時，你需要注意幾個 SEO 的要點要注意。因為目前的演算法機制著重於網站的使用者體驗，所以若 SEO 做得好的話，無論對你的客戶、或是你的商業，都是有正面效果的。要進行多種語言的 SEO，首先要確保使用者可以在他所在的地區內，看到對應於該地區的網頁（這意味著各國有各國的網頁：美國有美國的網頁、甚至加拿大，法語區與英語區的網頁是不同的），同時也要避免讓搜尋引擎誤會網站中有「太多內容重複的網頁」而在排名上給予懲處。幸好 Google 有針對多國語言，做了一些 SEO 上的建議，讓我們可以放心的進行 SEO 優化、提昇網頁的排名。 首先，也是最重要的，是要先了解多國語言 SEO 的本質： 什麼是多國語言/跨境電商網站的 SEO？多國語言 SEO （multilingual SEO）是指在同一個網站上，分別針對各種不同的語言，來做對應的 SEO 優化。如此一來，不同國家的使用者就可以輕易看見你的網頁，幫助你更快的開拓市場。多國語言網站/跨境電商網站的 SEO 基要如下列五點：1. 使用包含語言指示的 URL一個多國語言網站，首先要避免的是：讓搜尋引擎誤判為「重複的內容」而降低網站權重。雖然並非所有重複的內容都對 SEO 有害，但是當同樣的內容出現在網站的多個頁面中，可能會導致排名降低、甚至跳出搜尋引擎索引之外。
避免因被搜尋爬蟲誤判內容重複而導致懲罰，Google 就建議使用含有「language indicator（語言指示符）」的「專用 URL」。含有「language indicator（語言指示符）」的 URL 可讓使用者以及搜尋引擎，可以直接從網址的文字，看出該網頁的使用語言。例如，若原本的網址為 www.example.com，則其英文的版本就可以為「www.example.com/en」、法文版本即為「www.example.com/fr」，以此類推。
無論你的 URL 是頂級網域、子網域或是子目錄的架構，都可插入語言指示符，例舉如下：頂級網域：www.example.en子網域：www.en.example.com子目錄：www.example.com/en 就算是使用 language indicator（語言指示符），有時候仍然會有被 Google 誤判的狀況（點此看例子）。因此這只是確保網站與多國語言 SEO 兼容的第一步，且還有很多要做的。
SEO優化-網址優化與子目錄
2. 使用<hreflang>標籤除了前面提到的「language indicator（語言指示符）」之外，Google 也使用了<hreflang>標籤來輔助辨識網頁的語言、針對哪個地區等等。
<hreflang>標籤可以加在網頁中的 header 區域，或是使用網頁地圖 sitemap 來提交。例如，一個針對住在加拿大的法語區居民的網站其<hreflang>標籤可能會是：<link rel=”alternate” hreflang=”fr-ca” href=”http://example.com/fr/” />要是是針對多重地區的網頁，就可以依照地區的多寡，而加多個<hreflang>標籤。3. 每一頁都只專注用同一種語言當只翻譯一個頁面的某些部分，而其他部分保持原來的語言，聽起來可能很省力省時。一個頁面呈現多種語言的狀況，經常見到的狀況如下：只翻譯主要內容、導覽列仍維持原語言使用者自產內容（如論壇網站上，不同的留言可能會以留言者使用的語言出現）在以上的例子中，這個頁面的預設語言以及地區，都可以使用前述的<hreflang>標籤來定義。但是當一個頁面呈現許多不同的語言，會降低使用者體驗。上述的第一個例子中，雖然主要內容是以多種語言呈現，方便各國的使用者閱讀。但是當他要瀏覽同站的其他頁面時時，他可能看不懂導覽列（因為導覽列只以原來的語言呈現）所以就無法逛到同網站的其他頁面而增加跳出率。而上述的第二個例子中，由於論壇呈現各種不同的語言，所以可能會讓該討論內容無法連貫，甚至讓使用者感到困惑。因此你必須盡可能讓你的頁面，從導覽列到內容等，都是用同一種語言。但是倘若你的網頁很多（如電商網站）、或是人力有限的話，坊間有一些付費工具，可以自動偵測網頁上所呈現的語言（包含論壇網頁中不同語言的留言）並翻譯，以確保不同語言的使用者可以讀懂你的網頁。4. 翻譯你的中繼標中繼標一直以來都是網頁優化的重點。所以除了網頁內容有多國語言之外，也別忘了把中繼標翻譯成對應的語言 - 當然你得避免逐字的機械式翻譯，以免不符合該語言的文法與敘述方式。SEO 應該要針對目標國家，做該國家的關鍵字研究，看看哪些關鍵字及搜尋習慣（慣用的搜尋引擎、該語言區人民較常搜尋的字眼等）是符合該地區，並做出關鍵字規劃。像是日本的關鍵字規劃，可能就無法複製到法國；而美國西岸的關鍵字搜尋習慣，可能就不同於東岸等等，所以到這你會知道：不同的國家，就需要有不同的關鍵字規劃。坊間有一些免費或是需要付費的 SEO 工具，例如 Ahrefs 或是 Ubersuggest，可以針對不同的地區/國家給予不同的關鍵字建議清單。
SEO 8部曲之3-老方法Meta Tag還是要做
5. 確認你網頁的載入速度夠快
從 2018 年 7 月開始，網頁載入速度就是影響排名的重要因素之一。當 SEO 為了提昇網頁速度，而所做的每一個微調，都會大大影響網頁的流量（對於原本載入速度超過三秒的網頁最明顯）。SEO 可以安裝啟用頁面緩存的插件、或是使用 CDN 等方式來加速網頁的載入速度。
SEO 8部曲之2-你的網頁夠快嗎?
以上只有舉例五點多國語言 SEO 的基本要點。其實每個國家的 SEO 都有所各自需要注意的細節，而且也不是所有國家的使用者都跟台灣、美國一樣，慣用 Google 搜尋引擎。像是美國之外，全球第二大經濟體中國大陸，則是使用百度搜尋引擎，在演算法與 Google 有所不同，因此 SEO 的手法也有所不同。目前台灣也有數位行銷教學單位，針對百度搜尋引擎開設 SEO 課程，請你可以到「百度搜尋引擎 SEO 課程」了解詳情。另外， 若想善用 Google 行銷工具，可點此「Google 數位行銷工具六小時課程」了解詳情。 相關閱讀推薦：圖片格式怎麼選?? 八大圖片SEO必點技能(5)
網路行銷課程竟然能運用在這種地方!我簡直不敢相信! 你知道你現在擁有的虛擬3D人偶跟網路行銷課程有很大的關係嗎?圖片格式怎麼選?? 八大圖片SEO必點技能(5)
今天就要教教網路行銷人員們:如何適應臉書最新的演算法?(1) 程式課程選達內，美上市IT課程教育集團
網路行銷課程-SEO優化特別篇(上):擴大關鍵字的同時也在擴大你的客群!! 2天考取Google Ads證照！新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師 44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略 從無到有 挑戰14小時取得Google證照布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣(2)
