小编sta*_*lay的帖子

假设我有一个可点击的复杂div元素结构,它链接到另一个页面,如下所示.这是目前正在点击的事情.单击(css:活动状态)更改<a>标记内的背景颜色并重定向到其他页面.

我想知道这是否符合HTML5验证或者考虑作为最佳实践,div与使用JavaScript 包装并使用JavaScript管理链接重定向和点击背景颜色更改相比.

对我来说,第一种方法似乎更清洁,更直接.

我相信这是许多Web开发人员面临的常见问题,但我不确定是否存在现有的最佳实践解决方案.

1)保持这一点

<a href="page1.html">
    <div>
        <!-- complex layout -->
    </div>
</a>

2)<a>在点击事件期间省略标签并管理背景颜色,并使用JavaScript重定向

<div id="#redirectLink" data-link="page1.html">
    <!-- complex layout -->
</div>

我有左右离子侧菜单,我想改变菜单宽度.我已成功更改左侧菜单宽度,如下所示,但我不知道如何更改右侧菜单宽度.目前,左侧菜单宽度发生变化,但当正在切换右侧菜单时,右侧菜单内容会失真.

.menu.menu-left{
    width: calc(100% - 70px) !important;
}
.menu-open .menu-content{
    transform: translate3d(calc(100% - 70px), 0px, 0px) !important;
}

Codepen链接

我有一个表单数据之外的按钮。当我提交表单时，我可以获得序列化值，但不能获得FormData. 我怎样才能得到FormData？

function submitForm() {
  console.log($('#form1').serialize());
  console.log(new FormData(document.getElementById('form1')));
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form id="form1" name="form1">
    <input type="firstname" value="First Name" name="firstname">
    <input type="lastname" value="Last Name" name="lastname">
</form>
<button onclick="submitForm()">Submit</button>

我有一个用例，用户可以通过正常登录以及社交登录（例如 Twitter、Google、Facebook）登录。我绘制用例如下，但不确定它是否正确。

登录账号---扩展--->正常登录
---扩展--->推特登录
---扩展--->谷歌登录
---扩展--->Facebook登录