文章

顯示從 4月, 2022 起發佈的文章

JavaScript Date 獲取日子的方法

圖片
 JavaScript Date 獲取日子的方法 小知識教學類型: 網頁設計、網站製作 日期對於人類現實生活和電腦世界都非常重要,時間的正確和一致性,才不會讓程式產生錯誤或誤解。因此,我們必須要熟識JavaScript Date 獲取日子的方法。 getFullYear() 以四位數字形式獲取年份 (yyyy) getMonth() 以數字形式獲取月份 (0-11) getDate() 以數字形式獲取日數 (1-31) getHours() 獲取小時 (0-23) getMinutes() 獲取分鐘 (0-59) getSeconds() 獲取小時秒數 (0-59) getMilliseconds() 獲取毫秒 (0-999) getTime() 獲取時間(自 1970 年 1 月 1 日以來的毫秒數) getDay() 以數字形式獲取工作日 (0-6) Date.now() 獲取時間 (ECMAScript 5) 同理 JavaScript Date 亦有類似的 Methods 可以獲取 UTC 日期 (Universal Time Zone dates): getUTCDate() 類似 getDate(), 但返回 UTC 日期 getUTCDay() 類似 getDay(), 但返回 UTC 日數 getUTCFullYear() 類似 getFullYear(), 但返回 UTC 年份 getUTCHours() 類似 getHours(), 但返回 UTC 小時 getUTCMilliseconds() 類似 getMilliseconds(), 但返回 UTC 毫秒 getUTCMinutes() 類似 getMinutes(), 但返回 UTC 分鐘 getUTCMonth() 類似 getMonth(), 但返回 UTC 月份 getUTCSeconds() 類似 getSeconds(), 但返回 UTC 秒數 善用好JavaScript Date 獲取日子的方法,不同程式內部不會運算錯誤,給予大眾使用者也可大大減少誤解。 ...

究竟子網域還是子目錄對SEO有幫助?

圖片
 究竟子網域還是子目錄對SEO有幫助? 小知識教學類型: SEO搜尋引擎優化 究竟子網域(sub domain)還是子目錄(sub directory)對SEO有幫助? 這是非常常見的問題,要解答我們可以先從一些基礎中去了解。 例子: http://hello.abc.com/xyz/index.html http: 國際的通訊協定 (Protocol) hello: 子網域(sub domain) abc.com: 網域名稱 (Domain Name) xyz: 子目錄(sub directory) index.html: File 文件檔案 子網域(sub domain)還是子目錄(sub directory)影響著網站內容的展示結構,最簡單和直接的理解是,子網域(sub domain)通常會被視為一個較為獨立的網站,而子目錄(sub directory)則仍是裙帶著原先的主網站。 子網域(sub domain)例子: http://seo.abc.com http://news.abc.com http://admin.abc.com 子目錄(sub directory)例子: http://abc.com/seo/ http://abc.com/news/ http://abc.com/admin/ 採用子網域(sub domain)有什麼好處? - 可創建一個獨立的網站 - 獨立的網站可以自身便可使用不同的seo服務工具 (e.g. google webmaster, google analytics, bing webmaster etc) - 與主網站的累積表現沒有非常直接的關聯 子目錄(sub directory)有什麼好處? - 與主網站的累積表現有著直接的關聯性 - 非獨立的網站不可以使用seo服務工具 (e.g. google webmaster, google analytics, bing webmaster etc) - 主網站的成功可帶動到子目錄(sub directory) 因此,在選擇子網域還是子目錄時,最大的分享就是要考慮你想的自主性和對主網站的依賴性...

jQuery Mobile Data Attributes 有那些? (B)

圖片
 jQuery Mobile Data Attributes 有那些? (B) 小知識教學類型: 手機應用程式開發 jQuery Mobile Data 的 Attributes 給予了手機應用程開發員很多的選擇,除了方便易用增加程的的便利性,亦因為jQuery Mobile是採用HTML5 data-* attribute,所以亦大大強化了手機程式的容易使手度和外觀也有所提升。上文我們簡介了部份的jQuery Mobile Data Attributes,今文我們繼續一齊查看更多jQuery Mobile Data Attributes 有那些: Content: data-theme letter (a-z) 定義內容content的主題色 Controlgroup: data-exclude-invisible true | false 指定是否在分配圓角時排除不可見的子項目 data-mini true | false 定義指定組應該是小還是常規大小 data-theme letter (a-z) 定義指定組的主題色 data-type horizontal | vertical 定義指定組是水平顯示還是垂直顯示 Dialog: data-close-btn left | right | none 指定關閉按鈕的位置 data-close-btn-text sometext 指定關閉按鈕的文字顯示內容 data-corners true | false 指定對話框是否應該有圓角 data-dom-cache true | false 指定是否清除單個頁面的 jQuery DOM 緩存 data-overlay-theme letter (a-z) 指定對話框頁面的覆蓋背景色 data-theme letter (a-z) 指定對話框頁面的主題顏色 data-title sometext 指定對話框頁面的標題 Enhancement: data-enhance true | false 如果設置為“true”,jQuery Mobile 將自動設置頁面樣式,使其適用於移動設備。...

Crawl Budget Google的抓取預算 與 SEO 的關係?

圖片
 Crawl Budget Google的抓取預算 與 SEO 的關係?  小知識教學類型: SEO搜尋引擎優化 什麼是 Crawl Budget抓取預算? 一個很簡單的想像, 你覺得 Googlebot 是會無了期及無限地去你的網站抓取所有的資料? 還是一切其實都有上限? 這個「上限」概念就是Crawl Budget抓取預算。 Crawl Budget抓取預算如何影響SEO的表現? Crawl Budget抓取預算如上述是指Googlebot抓取網站資源的上限,有上限就代表著不能夠完全抓取你的網站上所有的資料,那即是說可被google index的資料(例如文字、圖片、meta描述)通通亦有所限制,那自然會影響到SEO的表現。 Crawl Budget抓取預算受著什麼的影響? 各有各的說法,但一般來說我們可以從三分面去理解: 1) 網站的整體品質 (例如 資料的原創性? 網站程式的編寫會否過舊? 有否經常更新網站內容?) 2) 網站運載 (網速? 網站運載順暢? 會否過長時間執行數據庫運載? ) 3) 搜尋者滿意程度 (經溲尋後進入你的網站會否很快便找到想找的資訊? 還是很快便離開網站? 或是內容很久運載也不能呈現?) 如何優化Crawl Budget抓取預算從而優化SEO? 也是各有各的說法,但一般來說我們可以這些方面去把你的網站進行優化: 1) 修正網站404不存在的錯誤,檢索你的網站是否包含不存在的頁面。 2)正確提交網站地圖 (Sitemap.xml),但需確保XML中的連結是正常可以運載的。 3)正確使用 nofollow 和 robots.txt 去告知 google 那些網站頁面不用抓取,以節省Googlebot的工序。 4) 保持網站運載速度,不會運慢才能顯示內容。 5) 不要重複網站的內容(文字和圖片皆是),需讓Googlebot保持能夠抓取原創及有用的新資訊。 6) 定期更新網站,保持網站內容更新及準確,及檢測編程不會太老舊。 Crawl Budget抓取預算影響著 Googlebot 對你的網站的資源分配,分配愈多自然可index到google的內容便愈多愈快速,從而優化和提升SEO...

JavaScript Date 淺淡 日期對網站編程的重要

圖片
 JavaScript Date 淺淡 日期對網站編程的重要 小知識教學類型: 網頁設計、網站製作 日期在人類生活中尤關重要,時間是我們的人生倒數計時器,也是我們秒復秒的生存依據,日期和時間是人類世界的共同語言,是人類社會生活的必需統一計算單位。 同樣的原理,在網絡世界的編程世界,日期Date有著同樣的同樣式,或更技術觀點看,比一般人類世界有更多重的意義,一方面統一的時間度量行為世界上各地的人都能互相理解,而程式的世界語言之間也需有著類同的統一時間度量行,才可讓網絡全球化。 JavaScript 的 日期Date設定,給網站程式編寫員很多的編程便利性和選擇! 首先,有4個常用的建立Date Object的方法: 1. new Date() 可以取得現刻的日期和時間 (current date and time) 2. new Date(year, month, day, hours, minutes, seconds, milliseconds) 從這7組數子的組成,可以自行定義Date Object的值,例如 new Date(2020, 12, 24, 9, 30, 37, 0); 當然,亦可以不是以7組數子去構建Date Object,網站程式編寫員可以簡單使用: 五組數字: year, month, day, hour, and minute 四組數字: year, month, day, and hour 三組數字: year, month, and day 兩組數字: year and month 3. new Date(milliseconds) 以 zero time plus milliseconds 去創建 Date Object,例如 new Date(100000000000); 4. new Date(date string) 以 date string 去創建 Date Object,例如 new Date("March 20, 2017 12:11:00"); **註: 現在 JavaScript Date 是採用ISO國際標準 "YYYY-MM-DD...