日照网站建设_平衡可控性和自动化

日照网站建设_平衡可控性和自动化

作为前端架构师，你需要评估标记产生的过程。你对内容的顺序、使用的元素和 CSS 类名有多大的控制权？这些元素在将来改动起来会有多大难度？模板是否易用，或者是否只有后端开发人员才能更改？甚至，你的标记全是基于模板系统的吗？你可以通过系统做出更改，还是需要手动处理？通过回答这些问题，你可能会颠覆自己构建 HTML 和 CSS 的方法。

模块化标记：自动化程度loo%，可控程度loo%

我们都在追求的理想状态是，网站上每一行 HTML 都由程序自动生成，而作为前端开发人员，我们只需要管理这个用来产生标记的模板和流程。遗憾的是，现实通常并非如此。即使在好的情况下，也存在用户生成的内容，而这些内容几乎都无法自动添加 CSS 类名来标记。无论 CMS 系统自动生成 HTML 的能力如何，让 CMS 决定类似表单和导航栏这样的标记，有时候会更简单。但是就算你已经把理想状态实现了 90%，标记的模块化方案仍然可以给你带来理想的灵活性和必要的自动化。

模块化标记和程序化标记的区别在于，对于使用什么标记输出既定内容，我们不会完全任由 CMS 决定。这使得我们可以为两个不同的导航实例使用一样的标记，虽然 CMS 生成的标记可能完全不一样。模块化标记和静态化标记的区别在于，程序化地执行完之后，我们还可以通过一套类名系统给标记动态添加 CSS 类名，并且不再通过元素标签和层级关系来决定视觉外观。让我们看一下如何用 BEM 原则模块化地实现一个简单的导航：

乍看上去，这种方案似乎相当冗长。这一点我没有什么好辩解的，但我要说的是，它的冗余程度其实是恰到好处的。给每个元素都添加了相应的 CSS 类名之后，我们就不再需要依赖那些只为了样式标签而存在的 CSS 类名或元素的层级关系来决定视觉外观了。相比动态标记，这个标记更清晰，并且我敢说，这也让标记的组织形式更“模块化”了。这个导航可以作为网站的导航通用模板，不用改任何一个标记就可以在多处复用。因此，这种标记并不是先等 CMS 创建完成再另外添加样式标记的，而是创建的同时就添加了样式标记，然后整合到网站的整个导航系统中。

  以上是日照网站建设公司（昊诺网络公司）分享，希望大家喜欢该网站建设知识，想了解更多的网站建设知识请关注我们的网站动态！