页面引擎的总结与归纳

发布时间:2022-11-22 15:52:10 来源:本站编辑:GD工单系统

导读:首先我们一起来明白什么是页面,页面就我个人了解来讲其所产生的目的在于处理展现与数据的藕合,实质上页面或是一段标识符,只不过是其中还有一些精彩片段跟数据有关。 页面引擎的总结与归纳


知识导读

  • 页面引擎系统的搭建与设计
  • 页面引擎系统的渲染发展变化
  • 页面引擎系统如何提升对页面的收录
  • 页面引擎系统助力门店新增长
  • 页面引擎的总结与归纳

  • 1.页面引擎是什么

    首先我们一起来明白什么是页面,页面就我个人了解来讲其所产生的目的在于处理展现与数据的藕合,实质上页面或是一段标识符,只不过是其中还有一些精彩片段跟数据有关,具体设计中依据数据实体模型与页面来动态生成最后的HTML(或者其它种类精彩片段,文中多以HTML为例)

    而页面引擎就是能够简单化该拼凑全过程,通过一些申明与词法或格式的一种手段,尽量让最后HTML的形成简易且形象化

    搬一下网络上的定义:页面引擎(这儿专指用以Web研发的页面引擎)就是为了使操作界面和业务数据(具体内容)分离出来而引起的,它能够形成特殊格式的文本文档,用以页面的页面引擎便会形成一个标准的文本文档。

    页面引擎的关键原理便是两字:更换。将事先界定标签标识符更换为指定业务流程数据,或是依据某类界定好的操作流程开展导出。

    2.不能使用页面引擎的实例

    接下来我们通过一个事例来更为直白的掌握页面引擎。

    首先我们应该完成这样的一个页面:

    有以下规定:-数据务必由来一个指定二维数组-具备动态性,不可以写死数据

    假如不能使用页面引擎,期待最后HTML页面跟数据关联得话比较常见的完成主要有两种。

    字符串拼接

    85562734hkashdfglhaetj

    直接用有关编码,本身就是将HTML做为字符串数组一个个拼出:结构DOM目标

    依靠DOM目标和数据源来实际操作

    能够看见以上两种形式虽然能达到要求,可是特别是在繁杂且欠缺标准,非常容易出差错。

    我们这样思索,不过这些数据更换的地方就是不变的也有一定的逻辑性,那能否把这个更换逻辑性抽离出来产生标准,来统一予以处理呢?

    3.前面和后端页面引擎渲染发展变迁

    上边推荐的基本上紧紧围绕页面引擎的完成原理和定义,下边关键分析一下现阶段页面引擎的运用和发展过程,及其差别

    发展过程

    后面页面引擎渲染

    一开始页面引擎就放在后端,那时候静态页面占多数,基本上返回全是后面拼凑好一点的HTML,前面用来立即渲染,然后用JS进行一些互动解决就可以了。

    此方式存在一些不够:-前后端是在一个工程项目,不便开发设计调节,与功能测试-前面没法应用自身生态-前后端岗位职责搞混

    可是此方式也具备页面渲染快,SEO友善,时下许多纯展现性网页页面依然使用这个方法予以处理

    手机客户端渲染

    伴随着后面前端工程化及其前后端财务职责定义确立后,一系列前面MVVM架构也出现,手机客户端开展页面渲染逐渐成为了流行。

    这时后面只管Model层解决,不会再关注一切渲染相关知识。

    前后端耦合,数据根据ajax方式开展互动

    优点不言而喻:-前面单独出去,能够完全应用每个绿色生态与专用工具-更强管理方法-职责明确

    依然存在不够:-首屏载入迟缓,由于得等JS载入完成之后才可以解决页面,渲染最后页面-SEO能力差,由于html中基本上都是页面信息内容。

    Tag: 页面引擎 页面引擎系统 页面引擎流程