小编Sha*_*eer的帖子

我正在研究HTML5,我遇到了各种各样的HTML5语义标签等<article> <section> <aside> <nav> <header> <footer> <audio> <video> <source> <track> <embed> <canvas>.

我想知道使用这些语义标签的优势究竟是什么.是快速加载还是其他任何功能？

请分享你的想法.

如何使用自定义 CSS 创建一个四舍五入的复选框？类似于下图的东西。我知道有像 bootstrap 这样的框架提供了这一点，但我不想将框架用于这个唯一目的，因为我已经在使用角材料。

HTML代码：

    <label class="checkbox-inline">
        <input type="checkbox" name="favoriteColors" ng-model="notification.checked"> 
    </label>

提前致谢。

我的问题可能听起来很愚蠢，因为我是 javascript 新手。我有以下一段纯 JavaScript 代码。我想要实现的是在单击按钮时更改按钮的背景颜色。我正在尝试使用普通的 javascript 来实现这一点。没有 jquery 或任何其他框架。

JS

var save = document.querySelector('.wrapper .content button');
save.addEventListener('click', function () {    
    save.classList.style.background-color = 'red';
});

我已经在 google chrome light house 中为我的角度应用程序运行了可访问性测试，并收到以下错误

我添加了“aria-labelledby”，但似乎不起作用。谁能帮我解决这个问题。下面是给我这个错误的html代码。

<div class="heading form-group col-md-4 col-xs-12">
     <label for="fuels">Fuel Filter</label>
     <ng-select class="oss-ngselect" [items]="fuelType" bindLabel="name"
           placeholder="View All" [(ngModel)]="searchPremiseFuelType" [dropdownPosition]="'bottom'" 
           id="fuels" name="fuels" (change)="changeFuelType(searchPremiseFuelType.type)"
           aria-labelledby="fuels">
     </ng-select>
</div>

我有以下 JS 代码，我根据 API 的响应密钥显示不同的状态。有没有更好的方法来优化此代码，以便我不必使用 IF 检查每种情况，以防状态数量增加

if (data.shippingStatus) {\n  let shippingStatus = data.shippingStatus.toString();\n  if (shippingStatus === "AWAITING_SHIPMENT") {\n    shippingStatus = "Awaiting Shipment";\n  } else if (shippingStatus === "SHIPPED") {\n    shippingStatus = "Shipped";\n  } else if (shippingStatus === "DELIVERED") {\n    shippingStatus = "Delivered";\n  } else if (shippingStatus === "CANCELLED") {\n    shippingStatus = "Cancelled";\n  }\n  resData.push(setData(data.shippingStatus ? shippingStatus : ""));\n}\n