前端 學習心得 模板渲染的簡單方法

2022-08-30 08:18:08 字數 484 閱讀 4159

平時我們使用ajax請求完資料後通常都會有 乙個渲染資料的過程,最開始的時候我的做法是在html介面做好資料模板,使用一些類似於angular的標記,然後用使用replace函式替換這些標記為真實的資料,後來再學習過程中找到了乙個更加簡潔的方法。該方法使用了正規表示式中的捕獲陣列的方法,完美實現了資料的渲染。

var regexp = /(?:\]+)(?:\}\})/g

function render(template, data)  else       }); }

window.rendertemplate = render;

核心**如上,我們這裡定義的正則是匹配}裡面的資料,這個render方法傳遞了兩個引數,乙個是模板,乙個是要渲染的資料,比如我們定義模板 的dom 結構為   }

,返回資料為json,同樣包含,那麼我們呼叫完render(template,data)後得到的就是帶上真實資料的模板了,大家可以嘗試一下。假如專案小可以試著自己寫渲染模板。

Android學習MVP架構的最簡單方法

最近總是聽說到mvp,自己便開始研究起來,看了兩三篇部落格,大明其意。學習mvp最簡單的方法,就是寫demo。關於mvp和mvc的區別和分析,我就不多說了,看以下兩篇部落格,十分清晰明了。鴻洋大神 mvp 殘劍大神的demo不錯 貼一下我的專案結構 專案執行效果圖 model層 主要分為bean物件...

學習Linux系統中命令的簡單方法

如果說如何快速學習 了解linux的話,我的答案是學命令 背命令!為何呢?對於一名新手來說,去學習linux的思想 了解linux的架構 明白linux中 一切皆檔案 概念雖然說是沒有錯,是對的。但是個人認為去學習這些 高大上 的東西不是一時半會的事兒,它需要一定的時間和經驗去沉澱才能掌握。那麼如何...

學習心得 快速掌握一款新型MCU的方法

任何一款mcu,其基本原理和功能都是大同小異,所不同的只是其外圍功能模組的配置及數量 指令系統等。對於指令系統,雖然形式上看似千差萬別,但實際上只是符號的不同,其所代表的含義 所要完成的功能和定址方式基本上是類似的。因此,對於任何一款mcu,主要應從如下的幾個方面來理解和掌握 mcu的基本功能 對於...