这是我第一次使用这个网站,但是我已经用尽了大部分资源来寻找答案.我正在教自己如何编程,而且我被困在我的第一个API项目上.
作为总体目标,我想建立一个网站,允许您输入特定标准并搜索所有imgur的壁纸.只是为了在我的投资组合上有一个API项目.
为了达到这个目标,我已经着手从图库中提取符合我搜索条件的图像.毕竟,如果我能够成功搜索图像,那么我可以将其缩小到我的总体目标的细节.
这是我遇到问题的地方.我能够从API中获取所有链接,但这包括专辑链接,这些链接将会中断,因为它们不是真正的图像只是它们的存储库.
我一直试图拉动画廊图像和专辑图像,或只是一个然后另一个,但我似乎已经撞墙了.下面的链接不仅显示了我的代码,还显示了他们的JSON数据样本以及来自console.log的结果,我确实显示了搜索结果.
另外,我已经为这个项目添加了我的codepen,以防你想在那里玩它.
感谢您提供任何帮助.
https://codepen.io/digitalvillainy/pen/xLdGyq?editors=0011
$(document).ready(function() {
$('form').submit(function(evt) {
evt.preventDefault();
var $searchField = $('#Search');
var $submitButton = $('#Submit');
//captures searchfield value
var tagValue = $searchField.val();
var queryURL = "https://api.imgur.com/3/gallery/search/{{sort}}/{{window}}/{{page}}?q_type=jpg&q=" + tagValue + "";
//Settings for Request
var settings = {
"async": true,
"crossDomain": true,
"url": queryURL,
"method": "GET",
"headers": {
"authorization": "Client-ID 65a5c1418e8d1fb"
}
}
//Retrieving data from Ajax
$.ajax(settings).done(function(response) {
var photoHTML = '<ul>';
//Loop through JSON data
$.each(response.data, function(i, images) {
photoHTML += '<li>'; …我知道这不是一个好的做法 :-) 但我请求打开一个“始终在顶部”的新浏览器窗口。这是一个小的通知/统计窗口，而不是一个广告弹出窗口。
我尝试从主页打开一个新窗口：
<a href="okence.html"
onclick="window.open('okence.html', 'newwindow', 'width=400,height=320'); return false;"
>Click</a>
新的 html 文件有：
<html>
<body>
<script type="text/javascript" language="javascript">
onblur = function() {
setTimeout('self.focus()', 100);
}
</script>
Test
</body>
</html>
新窗口打开，但没有“总是在最前面”。有没有其他办法？或者浏览器不允许这样做？
我尝试了一些建议（也每次都设置弹出窗口的焦点），但没有一个有效。新（小）窗口被打开，但如果我点击外面的某个地方，它就消失了。我想要一个经典的“始终在顶部”功能，其中窗口停留在屏幕上。
我有一个动态生成的网格，由于某种原因，它在未知数量的初始行中没有元素。网格容器的所有子级（最后一个除外）都被赋予了它们所属的行。有没有办法保证最后一个元素放在最后一行？有grid-row-start相当于 的grid-column-start: -1吗？
为了扩展这个问题，默认情况下，最后一个元素可能在开头是单独的：
.container {
display: grid;
grid-auto-columns: 1fr;
grid-auto-rows: 60px;
}
.normal-child {
background-color: blue;
}
.normal-child:nth-child(2n) {
background-color: red;
}
.normal-child--3 {
grid-row: 3 / span 1;
}
.normal-child--4 {
grid-row: 4 / span 1;
}
.normal-child--5 {
grid-row: 5 / span 1;
}
.last-child {
background-color: green;
} <div class="container">
<div class="normal-child normal-child--3"></div>
<div class="normal-child normal-child--3"></div>
<div class="normal-child normal-child--3"></div>
<div class="normal-child normal-child--4"></div>
<div class="normal-child normal-child--4"></div>
<div class="normal-child normal-child--4"></div>
<div class="normal-child normal-child--5"></div>
<div …我的 webapp 目录中有一个文件夹。
mywebapp/repositoryFolder
此 Web 应用程序旨在接受带有凭据的 post 请求，并在正确身份验证后在 http 响应中提供文件。我想阻止对这些文件的网络访问。例如，应该不可能从地址直接访问文件：
http://myserver.com/mywebapp/repositoryFolder/filename.ext