前端页面渲染

解释

前端页面渲染,简称:前端渲染,数据显示到html页面上

渲染方式1-原始js拼装

缺点:拼装过于复杂,特别是在处理 '、"等特殊符号时

<div id="info"></div>
<script>
// 单独定义变量
let name = "张三";
let gender = "男";
let phone = "13800138000";

// 拼接渲染
let html = `姓名:${name},性别:${gender},手机号:${phone}`;
document.getElementById('info').innerHTML = html;
</script>

渲染方式2-使用js模板引擎

dot.js
art-template)

招聘网站:拉勾网,部分页面就使用了模板引擎,如下图:

https://www.lagou.com/beijing-zhaopin/Java/?labelWords=label

缺点:功能过于单一

渲染方式3-使用vue、react等前端框架

链接


原文出处:/show_1IXIDSvQP7f.html