基本說明
在開發中如果某塊資料需要在多個地方使用(比如乙個很長的段落或者是有格式的字串)那麼可以考慮使用簡單模板。
因為某塊資料在多個地方都要用到,勢必需要把這份資料拷貝多次,而這樣會造成冗餘度過高的問題,且不方便維護。
假如後期需要對這塊資料進行修改,那麼所有用到的地方都要進行修改比較麻煩,因此建議使用模板來處理。
type="text/template"
class="test">
聽說白雪公主在逃跑 小紅帽在擔心大灰狼
聽說瘋帽喜歡愛麗絲 醜小鴨會變成白天鵝
聽說彼得潘總長不大 傑克他有豎琴和魔法
聽說森林裡有糖果屋 灰姑娘丟了心愛的玻璃鞋
只有睿智的河水知道 白雪是因為貪玩跑出了城堡
script>
//01 獲取模板中的內容
var oscript = document.getelementsbyclassname("test")[0];
var ostring = oscript.innertext;
script>
模板框架的使用
1)有的時候模板中的內容結構是相同的,但是具體的細節可能並不一樣,這時候需要對模板進行傳參處理。
2)使用示例:
002 在頁面中包含必要的js檔案:003 提供並設定模板:
004 呼叫template方法傳遞引數並獲取模板的內容
var data = ;
var html = template('demo', data);
document.body.innerhtml = html;
script>
微博專案中使用模板框架
// 001 包含模板引擎檔案// 002 提供並設定模板的內容(注意需要設定id標識)// 003 呼叫方法並傳遞引數,獲取模板的內容
var div = $("
"); div.addclass("reply"); // 設定每條微博樣式
var temp = template("deno", obj);
div.html(temp);// 給微博寫入內容
建模版 建外掛程式 配模版
1.拆分整個頁面的靜態的jsp 具體怎麼拆分要看頁面的布局,命名規則自己規定。jsp 2.在原頁面的 中把拆分的部分用替換。html 3.新建模版,配置外掛程式,預覽頁面是否跟拆分之前的一模一樣。外掛程式節點對應 測試拆分的對否 4.靜態外掛程式改寫成動態的。可變的,可以發稿件的 已變紅的模版 靜態...
JS物件建立模式
1 var person new object 23 person.name name 4 person.age 43 56 console.log person 1 套路 先建立空object物件,再動態新增屬性 方法 2 適用場景 起始時不確定物件內部資料 3 問題 語句太多 1 var per...
CodeIgniter框架 利用CI建立模型
利用ci建立模型 1 模型的存放目錄 專案目錄 models 2 建立目錄就是建立乙個類檔案 必須繼承資料核心類ci model,同時過載父類中的構造方法 class model name extends ci model 3.ci為我們提供了乙個非常強大和簡單的資料庫函式類 active reco...