短小精悍的HTML模板引擎

2021-07-26 23:04:55 字數 1107 閱讀 7433

object.defineproperties(htmlelement.prototype, ;

return

this.innerhtml.replace(new

regexp(object.keys(map).join("|"), "g"), function

(str) );}},

compile: )))

.replace(/<%=(.+?)%>/g, "r.push($1);")

.replace(/<%|%>/g, "") + //""<% %>內需要以;結束的每個語句後必須帶;

"};" + "$this.innerhtml=r.join('');return $this;"

).bind(this));

return data !== undefined ? this._tmpl(data,has_clone) : this._tmpl;

} catch (e) }}

});

順便給dom補全了個innerstring屬性,用於獲取html轉義前的dom內容,compile([sc, ][data,] [has_clone])為模板引擎的主方法;

sc[string]、data[object]、has_clone[boolean]三個為非必傳引數:

1. sc可以為外部模板字串(如果沒有就使用模板dom的innerstring);

2. data為構造資料(如果不傳該引數則返回模板的構造方法,存在該引數則返回構造後的dom,模板內可使用key或者$param.key(當不確定某個key是否存在時使用$param.key方法引用較穩)引用data裡的某個鍵);

3. has_clone可在首次編譯時指示預設編譯結果是否為轉殖dom,後面如果需要重新構造也可傳該引數代表當前編譯結果是否為轉殖dom

(功能略多不好描述,上面這些可以掠過看下面的例子)

onmouseover="this.compile([2, 3]);">

<%foreach(function(i));%>

div>

模板格式只需要注意,可執行部分放<% %>內,插入內容放<%= %>內,即可,可支援任何js語法

微核心和單核心的區別(短小 精悍)

明白了上述兩個定義後,看下面的我的理解 1 微核心相當於乙個資訊交換中心,自身可以實現的功能較少,他的主要職責是傳遞乙個請求,乙個a模組對其他模組功能的請求。而單核心相當於乙個是乙個 集權控制中心,把記憶體管理,檔案管理等功能全部管理。2 兩個核心的優缺點 a 理論上來看,微核心的設計思想更好一些,...

一道短小精悍的JS小題目

看到題目你是不是以為我在開車,沒錯,我就不承認,你能咋的,你瞅啥,別瞅我,瞅題 題目是這樣式的 結果是啥呀,這裡我就不買關子了,結果是undefined,相信基礎好一點的大佬們一眼就能看出來,像我這種就必須兩隻眼一起看,這裡我又想問一句了,大佬們閉著乙隻眼看 不累嗎 讓我們先簡單明瞭的來解釋一下上面...

用vbs寫的短小精悍的字典生成器

使用方法 use cscript this.vbs dic.txt 把下面的 儲存為this.vbs 複製 如下 a array 1,2,3,4,yndrkumk a function js1 n for i 1 to n f f f i s s for each f i in a wscript....