function validate() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if (username == "") {
document.getElementById("message").innerHTML = "USERNAME CANNOT BE EMPTY";
document.getElementById("username").style.borderColor = "red";
return false;
}
if (password == "") {
document.getElementById("message").innerHTML = "PASSWORD CANNOT BE EMPTY";
document.getElementById("password").style.borderColor = "red";
return false;
}
}#username:focus {
background-color: yellow;
border-color: green;
}
#password:focus {
background-color: yellow;
border-color: green;
}
#message {
color: red;
}<form onsubmit=" return validate()">
LOGIN:-
<br>
<input id="username" type="text" name="username" placeholder="USERNAME">
<br>
<input id="password" type="password" …我收到了很多用户的抱怨，说当他们使用我的基于 jQuery 的选项卡时，他们发现很烦人，当他们回击浏览器时，他们没有转到上一个选项卡而是转到上一页. 我添加了以下上一个/下一个按钮，但还不够。如何重新配置我的按钮，以便用户在单击浏览器后退箭头时转到上一个选项卡而不是上一个页面。你可以在这里测试它。
$('#quicktabs-registration_steps').append('<div class="prevnext"><a class="tablink-prev btn" href="#">Prev</a><a class="tablink-next btn btn-lg btn-primary" href="#">Continue</a></div>');
$('.tablink-prev').click(function () {
var index = $('.quicktabs-tabs li.active').index();
$('.quicktabs-tabs li').eq(index).removeClass('active');
if (index == 0) {
index = 1;
}
$('.quicktabs-tabs li').eq(index - 1).addClass('active');
$('.quicktabs-tabs li').eq(index - 1).find('a').click();
return false;
});
$('.tablink-next').click(function () {
var length = $('.quicktabs-tabs').first().children().size();;
var index = $('.quicktabs-tabs li.active').index();
$('.quicktabs-tabs li').eq(index).removeClass('active');
// if (parseInt(index) == parseInt(length) - 1 ) {
// index = index - 1;
// }
if (parseInt(index) == …我昨天问了一个类似的问题，但解释得不好，并且没有说明我对纯 CSS 解决方案的渴望，我认为这应该是可能的，所以我再试一次。
基本上，我有一个问题，我有一个可滚动消息的 div 和它下面的输入字段。当我单击一个按钮时，我希望输入字段提高 100 像素，而消息的 div 也不会滚动。
如您所见，当您单击“添加边距”按钮时，消息 div 也会向上滚动。我希望它留在原地。同样，如果您稍微向上滚动以便只能看到倒数第二条消息，则单击该按钮应在单击时同样保持该位置。
有趣的是，这种行为“有时”会被保留。例如，在某些情况下（我不能完全推断）滚动位置被保留。我只是希望它始终如一地表现。
window.onload = function(e) {
document.querySelector(".messages").scrollTop = 10000;
};
function test() {
document.querySelector(".send-message").classList.toggle("some-margin");
}.container {
width: 400px;
height: 300px;
border: 1px solid #333;
display: flex;
flex-direction: column;
}
.messages {
overflow-y: auto;
height: 100%;
}
.send-message {
width: 100%;
display: flex;
flex-direction: column;
}
.some-margin {
margin-bottom: 100px;
}<div class="container">
<div class="messages">
<div class="message">hello</div>
<div class="message">hello</div>
<div class="message">hello</div>
<div class="message">hello</div>
<div class="message">hello</div> …我最近开始开发一个 Java 项目，其中包含一些子项目。他们都是gradle。因此，假设有两个项目 A 和 B 已经实施。而且我要介绍另一个gradle项目C，依赖是这样的。
所以我需要在没有循环依赖错误的情况下实现这个项目 C，因为它是我尝试用 gradle 构建项目时给出的。我看到一些答案，Interface 是一个解决方案。但就我而言，项目 A 和 B 是大型项目，我无法考虑如何为它们引入接口。我唯一能做的就是为项目 C 引入接口。那么有没有办法解决我在这些情况下的问题？如果没有，有什么方法可以拥有这样的一个？请注意，这些 A、B、C 项目是单独的项目，因此不能合并为一个项目。
我最近开始使用 GitHub 操作，所以我想做的是在推送完成后在 firebase 中托管我的 React 项目。我在这个 CI/CD 过程中使用了 GitHub 操作。这是我现在拥有的 main.yml。
name: Build and Deploy
on:
push:
branches:
- master
jobs:
build:
name: Build
runs-on: ubuntu-latest
steps:
- name: Checkout Repo
uses: actions/checkout@master
- name: Install Dependencies
working-directory: ./my-app
run: npm install
- name: Build
working-directory: ./my-app
run: npm run build
deploy:
name: Deploy
needs: build
runs-on: ubuntu-latest
steps:
- name: Checkout Repo
uses: actions/checkout@master
- name: Deploy to Firebase
uses: w9jds/firebase-action@master
with:
args: deploy --only hosting
env:
FIREBASE_TOKEN: …