前端....

關於半透明背景的 IE 兼容處理

wiki 上有個記錄：使用rgba來實現半透明背景（不半透明文字等）【IE兼容處理】

關於模塊化

其實你們應該都常常用，好比在 svn 中提交的 css 常有這樣的代碼：

<!--#include virtual="block/reset.css"-->
<!--#include virtual="block/header.css"-->
<!--#include virtual="block/layout.css"-->

對於 HTML ，一樣也能夠用這樣的方式。在作大頁面的時候常有好處，能把主頁面的結構變得更清楚，特別是對於不少頁面使用或重複出現的狀況，如：

<div id="JcarList">                    
    <!--#include virtual="block/carBlock.html"-->
    <!--#include virtual="block/carBlock.html"-->
    <!--#include virtual="block/carBlock.html"-->
    <!--#include virtual="block/carBlock.html"-->
    <!--#include virtual="block/carBlock.html"-->
</div>

固然，由於是用到了 apache 的 ssi 功能，因此，須要用 http:// 的方式來訪問而不能像直接把文件拖進瀏覽器那樣用 file:/// 來訪問。

關於 JSON

JSON 全稱是 JavaScript Object Notation（JavaScript 對象表示法），有着嚴格的語法定義（參考《JavaScript語言精粹》附錄E：JSON）。

JSON 是一個鍵值對集合，形式必須是

{string1 : JSON_value, str2, val2}

 

而下面那種 這並非 JSON，這只是一個數組。

[{str1: val1}, {str2: val2}]

 

關於函數調用與回調（callback）

這是函數調用

function foo() {}
foo();

這是最簡單的回調

function bar() {console.log('call me');}

function foo(callback) {
	// 別的代碼處理

	callback();	// 執行回調函數
}

foo(bar);

把一個函數（a）做爲參數傳進另外一個函數（b）中，在執行 b 的過程當中，執行以參數形式傳入的函數 a，這個函數 a 就是咱們所說的回調函數（callback）。

其實咱們經常使用的 <script src="xxoo.jsp?callback=cb"></script> 的調用接口形式只是請求一個 JavaScript 文件，和日常的直接的 .js 文件的不一樣是接口是根據傳入的參數（如：callback=cb）來動態生成 JavaScript 代碼而已。

上面那個接口返回的內容多是這樣的：

cb(data);
// data 能夠是任意合法的 JavaScript 數值，好比 1, 'a', null, undefined, [1, 2, 3], {'name': 'John'} 等等

除了上面的直接用 <script /> 內嵌接口在頁面的作法外，更加常見的作法是根據需求，以不一樣的參數來動態請求接口，而後得到相應的數據。好比電腦網、汽車網等經常使用的用戶登陸、ip識別和地區行情等。簡單來講，代碼形如：

頁面或 js 文件中的 js 代碼

// 已定義的函數
function cb(data){
	// do something 
}

// 動態請求數據（常見爲事件觸發，好比 click 等）
var script = document.createElement('script');
var pageNo = 10;
var path = 'http://xxoo.com/getpage.jsp?page=pageNo&callback=cb';
script.src = path;
document.getElementsByTagName('head')[0].appendChild(script);

服務端大概這樣處理：

服務器端處理過程

// 獲取請求中附帶的參數
p = getByRequest('page')
c = getByRequest('callback')

data = getContentByPage(p)	// 根據請求的參數生成數據

output(c(data))		        // 返回數據到瀏覽器等客戶端

這種動態請求 js 的方法又叫 jsonp，主要目的是爲了解決 Ajax 沒法跨域的問題。雖然叫 jsonp，但和 JSON 其實沒太大的關係，只是一開始 data 的格式大可能是 JSON 而已。實際使用中，直接返回 HTML 的狀況很多。

關於 cms 讀取 json 接口

雙哥的 cms 配合 JSON 格式來處理的方法很好。不過，若是隻是讀取 JSON 接口來生成 HTML 的話，能夠看下斌哥的記錄，好比這個 CMS - 讀取json或xml文檔並生成靜態html代碼 - data系列標籤應用舉例

關於瀑布流

有一個情形須要考慮的：一次加載的數據可能存在不足以撐出豎向滾動條，這樣將沒法觸發滾動來加載更多。