利用後端給的模板去渲染前端相似格式的內容

2022-01-14 18:49:25 字數 615 閱讀 7295

結果 2020-03-17;19:18:00;1313625;姓名:張三;年齡:20;學歷:大學;工資:302,510

已知以下兩個陣列物件如何獲取上面的結果(不允許修改原陣列)

let sourcedata =

}

let warndata =[

]

解法:

let warninfo = warndata[0].warninfo

let content =sourcedata.content

const reg = new regexp(/\w+/g)

const str =warninfo.match(reg)

for (let i = 0; i < str.length; i++)

}for (key in

content) }}

console.log(warninfo)

//20200317;191800;13134625;姓名:張三;年齡:20;學歷:大學;工資:302510;

日期可以通過moment.js去更改格式,工資格式可通過函式去更改

前端渲染與後端渲染的區別

前端渲染 指的是後端返回json資料,前端利用預先寫的html模板,迴圈讀取json資料,拼接字串 es6的模板字串特性大大減少了拼接字串的的成本 並插入頁面。好處 網路傳輸資料量小。不占用服務端運算資源 解析模板 模板在前端 很有可能僅部分在前端 改結構變互動都前端自己來了,改完自己調就行。壞處 ...

前端渲染跟後端渲染的區別

前端渲染 前後端分離,前端先寫好頁面後,拿到後端給的api介面,把資料新增到頁面中渲染出來。如果沒有後端,只是不能進行資料互動,使用者還是能看到頁面的。右鍵檢視網頁源 前端渲染的東西只能看到渲染後的,而無法看到原來的 後端渲染 資料跟頁面都是一起渲染到瀏覽器上的。如果沒有後端,那麼整個頁面都會出不來...

前端渲染和後端渲染的區別

前端渲染 指的是後端返回json資料,前端利用預先寫的html模板,迴圈讀取json資料,拼接字串,並插入頁面後端渲染 指的是前端傳送請求,後端用後台模板引擎直接生成html,前端接收到資料後直接插入頁面對比 對比前端渲染 後端渲染 頁面顯現速度 主要受限於頻寬和客戶端激起的好壞,優化的好,可以逐步...