Archive for the ‘ Website ’ Category
[PHP]將 Discuz! 由 7.2 昇級至 X3.0 的步驟
主要步驟
Discuz! 沒辦法直接從 7.2 昇級至 X3.0，中間需先昇級至 X1.5 或 X2.0 才行! 主要的昇級步驟如下:
- 將 UCenter 昇級至 1.6.0
- 全新安裝 Discuz! X2.0，安裝時選「僅安裝 Discuz! X (手工指定已經安裝的 UCenter Server)」
- 轉換 Discuz! 7.2 的資料庫至 Discuz! X2.0
- 昇級至 Discuz! X3.0
你需要準備的帳號、密碼:
- Discuz! 7.2 的資料庫名稱、帳號、密碼
- UCenter 創始人的密碼
- Discuz! 7.2 的管理者帳號、密碼
昇級前請先至 Discuz! 的管理中心關閉站點。
歡迎加入本站的 Facebook 粉絲頁
因為 Google Reader 關了，想到 RSS 這樣方便的東西在未來可能也會有被拋棄的一天，所以才想要開始經營 Facebook 的粉絲頁。Google 這樣的作為，沒讓 Google+ 得利，反而讓 Facebook 更有機會成為網路上最大的資訊來源。
本站的 Facebook 粉絲頁冷冷清清的，寫這些文章也不是為了賺錢，如果覺得 Blog 的內容還不錯的話，還希望大家按個讚來 follow 一下:
不過每次在 Blog 寫個文章還要自己把網址貼到 Facebook 粉絲頁實在有點麻煩，還是來找找看有沒有比較簡單的方法好了...
網站套件的「設定檔」安全性問題
這是我在 Facebook 上看到的安全資訊，我覺得很重要，也適用在任何的網站套件上。
以 WordPress 為例，首先，請查看你的 WordPress 目錄下是否有這些檔案:
|
|
Adsense 與 IE8 的錯誤訊息 800a03e8
最近變更網頁的佈景主題, 也插入了 Adsense 的廣告。網頁在 Firefox、Chrome 的顯示都正常, 唯獨在 IE8 卻會出現 "800a03e8" 的 Javascript 錯誤, 有時甚至連網頁都無法顯示!!
畫面如下:
解決方法:
因為新的佈景主題有加入了 IE7 的 "相容性檢視", 只要把這一行從佈景主題的原始碼刪除即可:
<!meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
這樣做了的缺點是，以後只能使用 IE8 允許的標準設計網站!!不過這也不算什麼缺點，畢竟 IE 過去都不按照 W3C 的網站設計標準走。
[JavaScript]模擬 jQuery 的 CSS 選擇器 (Selector)
2017/03/21 更新:
可能是之前為了要相容舊版 IE (v9.0 之前) 的緣故，所以沒發現到 JavaScript 還有 querySelector() 與 querySelectorAll() 這兩個函式，它們的功能分別為:
- querySelector(): 回傳第一個符合選擇器規則的元素
- querySelectorAll(): 回傳全部符合選擇器規則的元素
從範例中可以得知，這兩個函式遵循 CSS 語法，可以實現複雜的 CSS 選擇器的層級、屬性、分組、串聯、偽元素...等判斷，功能已不是 getElementById()、getElementsByClassName()、getElementsByTagName() 可以比擬!
當然複雜的 CSS 層級可改由 querySelector() 或 querySelectorAll() 來取得元素，不過若是目標明確，考量效率我還是用 getElementById() 來處理可能會比較好。
自訂函式 $$() 改寫如下:
function $$(element, isFirst){ if(isFirst === 1){ // 強制回傳第一筆符合的元素 return(document.querySelector(element)); } else if(/^\#[\w\-]+/.test(element)){ // 以 $$("#id") 回傳元素 return(document.getElementById(element.slice(1))); } else{ // 回傳元素陣列 return(document.querySelectorAll(element)); } }($$() 增加了第二個參數: isFirst，若設為 1 則強制回傳第一筆符合 CSS 選擇器的元素，而非元素陣列)
之前的內容:
自訂函式
JQuery 強大、方便的選擇器 (Selector) 是 jQuery 不可或缺的功能之一。不過如果我們不想載入 jQuery 而只想使用類似 jQuery 選擇器的功能，那可以用自訂函式的方式做到:
function $$(element){
switch(element.charAt(0)){
case("#"):
// 以 $$("#id") 回傳元素
return(document.getElementById(element.slice(1)));
case("."):
// 以 $$(".class") 回傳元素陣列，IE 要 v9.0 之後才支援
return(document.getElementsByClassName(element.slice(1)));
default:
// 以 $$("tag") 回傳元素陣列
return(document.getElementsByTagName(element));
}
}
或是單純一點，僅傳回指定 id 的元素就好:
function $$(element){
return(document.getElementById(element));
}
我把這個自訂的函式命名為 $$()，用以與 jQuery 的工廠函式 $() 做區隔。
但是要注意，以上自訂函式回傳的都是 DOM 元素，與 jQuery 在其它操作上並不相同。
換掉 jQuery 的工廠函式
如有需要也可以用 jQuery.noConflict() 換掉 jQuery 的工廠函式 $()，ex:
var jq = jQuery.noConflict();
這樣就能改用 jq() 來做為 jQuery 操作，而原本的 $() 只要再次重新定義為自訂函式即可使用，不會與 jQuery 衝突。
幫大家試過用 € 與 ¥ 做為自訂函式的名稱，不過都失敗，大家可以不用試了!
參考網頁
[jQuery]《網頁設計-愛上jQuery》讀書心得及評論
使用 JavaScrip 的程式庫來開發網頁的程式可以加快開發的速度，其中 jQuery 也是頗受歡迎的一員。
不過目前可以買得到的 jQuery 中文書籍實在寥寥可數，以下是最近閱讀《網頁設計-愛上jQuery》這本書的心得及評論 (作者是羅子洋)。 Read more
INFORMATION
我們解決了什麼問題？我們創造了什麼價值？
近期迴響