AngularJS rize引导程序

AngularJS-rize bootstrap

本文关键字：引导程序 rize AngularJS      更新时间：2023-09-26

我刚开始想。。。

Bootstrap非常棒，但所有东西都必须放在"class"属性中的事实太糟糕了。我想到了一件事：为什么不更换

<div class="panel panel-info">
    <div class="panel-heading"></div>
    <div class="panel-body"></div>
</div>

通过注册div元素（我正在考虑angularJS指令）

<panel class="info">
    <phead></phead>
    <pbody></pbody>
</panel>

这会是无聊/难做（可能对比赛来说很慢？）还是有其他我没有想过的事情，让它变得无用/不可能？

或者查看CSS、AMCSS的属性模块。。。http://amcss.github.io/

不使用块级div元素，而是使用HTML属性及其值。例如，而不是。。。

<a class="btn btn-primary btn-lg">Large primary button</a>

你会做一些类似。。。

<a am-Button="primary large">Large primary button</a>

我仍在努力弄清楚性能统计数据，但它仍然非常有趣（从OOCSS代码的角度来看）。

所以您谈论的是当前HTML标准中没有的东西。首先，我们可以等待未来标准中的新标签。但我认为可能没有<panel>标签。如果我们在标准中定义<panel>，我们可以想象在标准中一定有其他3000个标签在一起，比如<layer> <block> <board> <square> <surface>。。。这会让HTML变得一团糟。

然后，也许我们可以允许在HTML中使用自定义标记。但目前每个标签都有自己的行为，对于<div>，它有display: block，对于<span>，它有display: inline等等。我们不能让每个自定义标签都表现为<div>，因为必须有一些标签，我们希望它们是inline或flex。

因此，我们应该有一种方法来定义自定义标记的默认行为。这就是web组件的作用。您可以定义自定义标记<bs-panel>，并通过shadow-dom定义其行为。最后必须是<div>s和<span>s，因为说"bs面板看起来像div"是可以的，但说"bs面板看起来像bs面板"是个笑话。

那么，我们最终可以放弃默认行为，并将它们全部放在CSS中吗？是的，我们可以。我们已经做到了。CSS可以用于XML文档，您可以编写任何需要的标记并使用CSS对其进行样式设置。但这种方法并没有被广泛使用，可能是因为从头开始设计一切太无聊了。

相关文章：