表现与数据分离、web语义化的理解

表现与数据分离

• 什么是表现与数据分离

一是先后端分离，全部数据都是后端经过AJAX发送给前端，前端负责展示页面，后端负责提供数据。

二是前端页面展示与数据处理分离，也就是在前端处理数据的过程当中，处理DOM的代码与处理数据的代码要区分开，不能混在一块儿，这样改起来不会牵连太多。

• 表现与数据分离有什么意义

一些小的功能或者项目其实用不用倒无所谓，可是若是一个项目很大，代码很长，DOM与处理数据掺杂在一块儿，那么维护代码时会很痛苦，而表现与数据分离使得开发和维护更加方便

• 如何实现表现与数据分离

使用mvvm、mvc、mvp等mv*框架，如vue、react等。m即model，指数据层，v即view，指表现层。

web语义化

• 什么是web语义化

web语义化是指使用恰当语义的html标签、class类名等，让页面具备良好的结构和含义，使得人和机器都能快速理解网页内容。

• web语义化有什么意义

1. 去掉或者丢失样式时能够让页面呈现清晰的结构；
2. 有利于SEO，和搜索引擎创建良好沟通，有利于爬虫抓取更多有效信息；
3. 方便其余设备解析（好比屏幕阅读器、移动设备等）；
4. 便于团队开发和维护，语义化更具可读性，是下一代web技术的重要方向。

• 如何实现web语义化

能够使用h1~h六、p等具备语义的标签，以及使用html5新增的一些语义化标签，如header、footer、nav等替代div，以此来实现语义化。