表现与数据分离
什么是表现与数据分离？
一是前后端分离，所有数据都是后端通过AJAX发送给前端，前端负责展现页面，后端负责提供数据。
二是前端页面展现与数据处理分离，也就是在前端处理数据的过程中，处理dom的代码与处理数据的代码要区分开，不能混在一起，这样改起来不会牵连太多。
表现与数据分离有什么好处？
一些小的功能或者项目其实用不用倒无所谓，但是如果一个项目很大，代码很长，DOM与处理数据掺杂在一起，那么维护代码时会很痛苦，而表现与数据分离使得开发和维护更加方便
web语义化
什么是web语义化？
web语义化是指使用恰当语义的html标签、class类名等，让页面具有良好的结构和含义，使得人和机器都能快速理解网页内容。
web语义化有什么意义？
- 去掉或者丢失样式时可以让页面呈现清晰的结构；
- 有利于seo，和搜索引擎建立良好沟通，有利于爬虫抓取更多有效信息；
- 方便其他设备解析（比如屏幕阅读器、移动设备等）；
- 便于团队开发和维护，语义化更具可读性，是下一代web技术的重要方向。
如何实现web语义化？
可以使用h1~h6、p等具有语义的标签，以及使用html5新增的一些语义化标签，如header、footer、nav等替代div，以此来实现语义化。
对W3C标准，对表现与数据分离、Web语义化等有深刻理解
网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。所以W3C对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等
npm 语义化版本控制
为了在软件版本号中包含更多意义，反映代码所做的修改，产生了语义化版本，软件的使用者能从版本号中推测软件做的修改。npm 包使用语义化版控制，我们可安装一定版本范围的依赖，npm 会选择和你指定的版本相匹配的最新版本安装。
前端语义化
语义化是指根据内容的结构化（内容语义化），选择合适的标签（代码语义化），便于开发者阅读和写出更优雅的代码的同时，让浏览器的爬虫和机器很好的解析。如何理解语义化?
对HTML语义化的一些理解和记录
通俗的来讲就是从代码上来展示页面的结构，而不是从最终视觉上来展示结构。单纯的HTML代码是不带任何样式的只是用来标记这一段是标题、这一块是代码、那一个是要强调的内容等等
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!