腦爸打 CompBrother

 腦爸打 Compbrother Blogger - 科技小教學巴打文章分享 腦爸打 @ 痞客邦 https://www.pixnet.net/pcard/compbrother/ 腦爸打 Compbrother Medium Blog https://compbrother.medium.com/ 腦爸打 Compbrother Pinterest Blog https://www.pinterest.com/comprbrotherpin/ 腦爸打 Compbrother on Behance https://www.behance.net/Compbrotherhk 腦爸打 Compbrother - 香港資訊科技公司 https://compbrother.tumblr.com/ 腦爸打 Compbrother - Wordpress分享小教學小技巧 https://compbrother.wordpress.com/

 腦爸打 : 其它 JavaScript Data Types?  小知識教學類型: 網頁設計、網站製作 前文我們一起探討過三種常用的JavaScript Data Types: Number 數值、String 字串和Object 物件，並了解過數值間的運算，字串間的編寫法則等等的重要性。 其實JavaScript 尚有多款其它的 Data Types可供網站程式編寫員因應程況需要而使用: JavaScript Booleans: 兩個可能的值 true (正確) or false (錯誤)，常見於變數之間或data之間的比較。 JavaScript Arrays: 把一系例的值存在同一個籃中，並以簡單的逗號, 將其分隔便可。 例如: const classmate = ["John", "Peter", "May"]; Undefined: JavaScript 的程式藝術當中，一個變數可以值(value)和類別(type)都無而定義，提供一個相當的彈性供網頁程式編寫員後期的使用。例如 let classmate; ， classmate 並沒有定義值(value)，沒有被定義的類別(type)。 如需協助 「 網頁設計、網站製作 」 ，歡迎立即 聯絡我們 !

 腦爸打 : JavaScript 數值 和 字串 之間的微妙關係? 小知識教學類型: 網頁設計、網站製作 上文我們曾提到，Number 數值 和 String 字串皆是JavaScript 非常常見的 Data Types，程式的運算或對外用戶的呈現，都多用這兩種Data Types。 但想像一下，若果一個Number 數值加上一個 String 字串究竟會變成什麼? 或是會做成 JavaScript 的 error? 測試一: 當數值加上字串 let x = 10 + "ABC"; 結果: 數值會自動被當成字串，結果就是兩個字串的合併 10ABC 測試二: 當字串加上數值 let x = "ABC" + 10; 結果: 同樣是數值會自動被當成字串，結果就是兩個字串的合併 ABC10 測試三: 當數值加數值再加上字串 let x = 10 + 5 + "ABC"; 結果: 前兩個數值會先以數值的狀況相加，然後才會自動被當成字串，結果亦是兩個字串的合併 15ABC 測試四: 當字串加數值再加數值 let x = "ABC" + 10 + 5; 結果: 後方的兩個數值都會自動被當成字串，結果就是三個字串的合併 ABC105 以上四個測試可見，必需要知道JavaScript Data Types之間運算法則的重要性，不然就會運算出錯誤的結果了。 如需協助 「 網頁設計、網站製作 」 ，歡迎立即 聯絡我們 !

 什麼是 JavaScript Data Types?  腦爸打 / 腦巴打 : 小知識教學類型: 網頁設計、網站製作 在程式語言世界裡，充滿著無數的一條又一條的資料運算才可以讓程式正常運行和實現它的目的，那什麼是 JavaScript Data Types? 最為常見的例如有: Number 數值: let counter = 11; String 字串: let person = "David"; Object 物件: let xyz = {Gender:"M", Surname:"Kong"}; Data Types 的運算和定義是極為重要，決定著數值間的運算，字串間的編寫法則等等，若不知其中法則，則很易會做成演算上的錯誤，輸出錯誤結果，或甚至不能正常地執行程式。 而JavaScript的Data Types提供了一個彈性，即使當一個變數被定義為Number 數值，也可以隨時轉為String 字串，反之亦然。 如需協助 「 網頁設計、網站製作 」 ，歡迎立即 聯絡我們 !

 SEO角度怎樣才算是好的標題? 小知識教學類型: SEO搜尋引擎優化 標題是文章之五官，位排最前方供其它人所辨識，亦是電影的預告給大眾賣個關子。但從網站來看，「標題」的用處和呈現可能就變得更有目的性的分別了，小編認為網頁的標題可以分為三大類: (1) 給Google等搜尋引擎知道的標題: 位處於 html title 當中，可再細分為「不變Title」或「動態Title」，其用處及對SEO的分別可於我們的前文中看到。 (2) 給人肉眼看的標題: 主要是指 html h1, h2, h3，人可以看到網站中的大字標題，對SEO也有著相當重要的權重。 (3) 給CSS調節外觀和layout用的標題: 主要是指 html h4, h5, h6，其配合css可以有效控制網頁文字及layout之間的配合和有序展示，但因為SEO權重較輕，所以網頁設計員可安心與CSS所搭配。 如需協助 「 SEO搜尋引擎優化 」 ，歡迎立即 聯絡我們 !

 Headings h4 至 h6 對SEO較次要，但對網站外觀有不錯的控制 小知識教學類型: SEO搜尋引擎優化 前文，我們曾探討過 html h1, h2, h3 標題編碼對SEO起著非常重要的效用，重要需突出的關鍵字都可以置於h1, h2, h3 標題當中，但其實 html 亦有其它標題的選項 h4, h5 和 h6，它們對SEO較次要，但對網站外觀有著不錯的控制選項。 h4: 常見於網頁的side bar邊端位置，在較微小的網站空間中亦能突出較重要的部份及定義一個區域其主題性質。 h5: 常見於網頁的底部，從傳統SEO觀點來看可能有助於 footer 的 backlinks (但從今天較新的SEO觀點來看並不一定)，可突出網站底的重要內容。 h6: 較少出現，SEO效果也不明顯。 從 h4 至 h6 的標題，網頁設計員亦可使用CSS來強化標題的外觀觀感權重分別，給用戶有更清晰的閱讀體驗。 #腦爸打 #Compbrother 如需協助 「 SEO搜尋引擎優化 」 ，歡迎立即 聯絡我們 !

 Headings h1 至 h3 對SEO非常實用 小知識教學類型: SEO搜尋引擎優化 編寫文章時，我們都會很常用到標題來突出篇章的重點，而在網絡網站世界，標題更可以因應重要性或範圍大小來分級控制，這就是html中常用到 h1, h2, h3, h4, h5 和 h6，級別的不同，除了在篇章上有層級的意義，對於SEO和關鍵字權重而言也有著重要性之分，本文我們特別探究對SEO有著極為重要角色的 h1, h2, h3: h1: 文章或文字篇章中最重要的一級，通常一個網站頁面就只有一個h1標題。 h2: 較h1次一等級重要的h2，通常會作為段落文章分隔的標題，同一網站頁面中可以出現多次。 h3: 技術來看，h3的SEO效果可能與h2差不多，可作為h2的輔助性質。 從 h1 至 h3 的標題，網頁設計員亦可使用CSS來強化標題的外觀觀感權重分別，給用戶有更清晰的閱讀體驗。 如需協助 「 SEO搜尋引擎優化 」 ，歡迎立即 聯絡我們 !

  jQuery Mobile Filters 小參考教學 小知識教學類型: 手機應用程式開發 前文提到，jQuery Mobile 能像 html 可以簡單地管理和生成 jQuery Mobile List Views ，輕鬆和簡潔地展示點列的資訊清單內容。而當點列的資訊清單內容眾多時，程式編寫員更可以透過jQuery Mobile Filters給點列清單提供易用的搜尋、隱藏等基礎資料庫管理功能。 jQuery Mobile Filters做法會分為兩段程式碼: 首先需建立一個class="ui-filterable"的表單form，表單form中需有一個文字輸入列作資訊搜尋之用，例如 input id="thisFilter" data-type="search" 第二段程式碼就是jQuery Mobile Filters，在 ul 中加上 data-filter="true" data-input="#thisFilter"，然後用li逐項鍵入資料便可以做到一個簡單的jQuery Mobile Filters了! jQuery Mobile Filters 給了手機應用程式mobile apps開發很好的資料點列展示/隱藏/搜尋管理。 如需協助 「 手機應用程式開發 」 ，歡迎立即 聯絡我們 !

  jQuery Mobile List Icons 小參考教學 小知識教學類型: 手機應用程式開發 上文提到，jQuery Mobile 像 html 可以簡單地管理和生成 jQuery Mobile List Views ，而無遞增性點列清單ul，程式編寫員更可以透過jQuery Mobile List Icons給無遞增性點列清單裝飾和美化外觀。做法很簡單，只需在 li 加入想展示的 data-icon 便可以 ，而 data-icon 選擇也十分之多，手機應用程式開發程序員可因應外觀設計而自行選擇: action alert arrow-d arrow-d-l arrow-d-r arrow-l arrow-r arrow-u arrow-u-l arrow-u-r audio 等等... 完整data-icon 選擇可查看: https://api.jquerymobile.com/icons/ jQuery Mobile List Icons 給了手機應用程式mobile apps開發很好的資料點列美觀和user friendly上的設計管理。 如需協助 「 手機應用程式開發 」 ，歡迎立即 聯絡我們 !

 jQuery Mobile List Views 小參考教學 小知識教學類型: 手機應用程式開發 在傳統的html程式語言中， ol 和 ul 是非常常用的點列格式， ol 是指有遞增性的點列清單，而 ul 則並無遞增性，兩款點列清單中每個項目由li所展示。 而在jQuery Mobile程式語言中，亦有著差不多類同的概念，只需在ol 和 ul中加入 data-role="listview"便可創作jQuery Mobile List Views，而程式編寫員更可以透過data-inset="true"給點列清單裝飾和美化其外觀。 每個li點列項目，亦可透過data-role="list-divider"來把不同類別的點列項目有層次地相隔開，或在頂端中的ol 和 ul加上data-autodividers="true"皆可自動生成點列項目的間隔。 jQuery Mobile List Views 給了手機應用程式mobile apps開發很好的資料點列選擇。 如需協助 「 手機應用程式開發 」 ，歡迎立即 聯絡我們 !

 JavaScript 入門小技巧(Assignment Operators篇) 小知識教學類型: 網頁設計、網站製作 之前，我們了解了JavaScript Arithmetic Operators有關於數值在網頁程式中的基本運算，而其實Assignment Operators更可把整個運算在程式展現上簡化及更為清楚易明，例如: x += y 相等於 x = x + y x -= y 相等於 x = x - y x *= y 相等於 x = x * y x /= y 相等於 x = x / y x %= y 相等於 x = x % y 程式多會用到數值，或根本離不開數值，所以JavaScript Assignment Operators給了網頁程式設計員清楚簡潔的數值運算工具。 如需協助 「 網頁設計、網站製作 」 ，歡迎立即 聯絡我們 !

 JavaScript 入門小技巧(Arithmetic Operators篇) 小知識教學類型: 網頁設計、網站製作 變數variables或數值之間如何互相運算? JavaScript Arithmetic Operators 提供了多個Operators可供網頁程式設計員去選擇: + : 加 - : 減 * : 乘 / : 除 % : 模除 (尋找餘數) ++ : (以1)遞增 -- : (以1)遞減 程式多會用到數值，或根本離不開數值，所以JavaScript Arithmetic Operators給了網頁程式設計員很好的數值運算工具。 如需協助 「 網頁設計、網站製作 」 ，歡迎立即 聯絡我們 !

 JavaScript 入門小技巧(Const篇) 小知識教學類型: 網頁設計、網站製作 小編繼續和大家分享一些JavaScript 入門小技巧，深入淺出，希望不管有否program底子的，都可以輕鬆了解到JavaScript在網頁設計上的用處，今次我們特別談談JavaScript Const。 之前我們談到JavaScript可以定義變數variables，variables可以隨時因應program運算階段而改變其值，但JavaScript Const則可以想像一個永遠都不會變更其值的代名詞。 例如 const PI = 3.141592653589793; ，這個PI在同一程式中，則是一個永恆不變的值3.141592653589793，若果你嘗試去改變其值 (例如 PI = PI + 50)，程式便會出現error。 JavaScript Const可以為程式員帶來十分清晰的定義，不會在程式運算中出現混淆或混亂。 如需協助 「 網頁設計、網站製作 」 ，歡迎立即 聯絡我們 !