小编Ale*_*nik的帖子
谷歌iframe'在底部引起额外的填充
我有以下HTML代码:
<div class="google-maps">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d109782.8671228349!2d76.62734023564995!3d30.69830520749905!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390fee906da6f81f%3A0x512998f16ce508d8!2sSahibzada+Ajit+Singh+Nagar%2C+Punjab!5e0!3m2!1sen!2sin!4v1449838222081"
width="100%" height="150" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
现在我有以下CSS:
body {
color: #fff;
}
.google-maps {
margin: 1em 0;
background: #000;
padding: .5em;
}
我已经彻底浏览了HTML和CSS,但我无法弄清楚是什么导致底部的额外填充尽管偶数填充我给了IE
padding: .5em;
有人可以解释为什么我会得到这种不均匀的填充？
推荐指数
解决办法
查看次数
如何使 SVG 中的字母可以单独设置动画？
我有一个需要动画的徽标，大多数徽标由形状组成，我当然可以在插画中绘制，但在徽标的底部有以下文本：
在图形文本编辑器中，如果我继续输入这些字母，我会得到类似以下内容的信息：
<text id="XMLID_1_" transform="matrix(1 0 0 1 417 293)" class="st0 st1">FairBridge</text>
这并不是我真正想要的，我真的希望每个字母都可以动画化，所以我也必须绘制这些字母吗？这将是一项相当艰巨的任务！我究竟如何让每个字母都可以动画化，同时成为 SVG 的一部分？
PS：我知道这个问题在某种程度上与图形设计有关，但由于它需要非常初级的理解水平，而且最终我希望徽标与 CSS-3 动画一起使用，我认为适合询问SO 而不是平面设计论坛。
推荐指数
解决办法
查看次数
CSS内容中的大/粗圆点
嘿伙计们,我在为CSS内容元素获取正确的字符方面遇到了一个小问题.我想要的是我的标题下的点,3点是具体的,所以我有以下CSS:
.dotted-effect::before{
position: absolute;
top: 80%;
left: 50%;
content: '.';
font-size: 1.2em;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
pointer-events: none;
color: #444;
text-shadow: 20px 0 #444, -20px 0 #444;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
问题在于CSS点的显示方式.看看它的外观.
注意点看起来有点方形和微小.
现在我希望我的圆点是圆形的,有点大胆..略微,不是丑陋的粗体,但略显大胆.
我试着查找SO,很多人都有同样的问题:
这个帖子在几个方面解决了我的问题.问题是我有点特别想要我的点是如何,所以我不能满足于那些微小的小点.我也经历了很多HTML ASCHII图表,没有一个人有我想要的帽子.
如果有人能引导我找到解决方案,我真的很感激.因为这看起来更复杂,实际上是.
谢谢.
亚历山大.
推荐指数
解决办法
查看次数
简单的HTML原子片段不起作用
我只是想在Atom文本编辑器中创建一个简单的HTML片段,我按照本教程中的说明操作.
我基本上将以下代码段添加到我的snippets.cson文件中:
".source.html":
"HTML snippet":
"prefix": "spithtml"
"body": """<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Title here</title>
<link rel="author" href="humans.txt">
</head>
<body>
</body>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
</body>
</html>
"""
上面的代码段意味着每次我spithtml在文本编辑器中输入时,我都希望HTML骨架出现.
上面的代码段不起作用,事实上我在编辑器中收到错误说:
C:\Users\myname\.atom\snippets.cson: unexpected :
这没有意义,因为我的jQuery的其他片段工作得很好,就像这样:
".source.js":
"document ready":
"prefix": "$ready"
"body": """$(function(){
$1
});"""
并且具有完全相同的语法.那么我缺少什么,我如何在Atom中创建一个简单的HTML片段？令人惊讶的是,有很多关于如何使用原子包的文档,但没有关于如何创建简单的HTML片段的文档.
谢谢.
亚历克斯-Z.
推荐指数
解决办法
查看次数
RequestAnimationFrame polyfill 中 1000/60 的意义是什么
我刚刚浏览 vivus.js 的源代码，发现了以下代码行：
requestAnimFrame = (function () {
return (
window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame ||
function(/* function */ callback){
return window.setTimeout(callback, 1000 / 60);
}
);
})();
现在 ofcource 我运行最新版本的 chrome，第一个条件是 true，并且是实际返回的内容，但我真正关心的是最后一个条件 IE
function(/* function */ callback){
return window.setTimeout(callback, 1000 / 60);
}
为什么1000 / 60？我明白为什么使用 setTimeout，但是 1000/60 到底有什么作用？有人能解释一下这部分吗？
PS我知道这是一个数学问题，但由于它涉及大量代码，所以我不得不发布。
谢谢。
推荐指数
解决办法
查看次数
如何在本地运行react-beautiful-dnd示例？
我刚刚浏览了 React-beautiful-dnd 的文档，并在此处查看了该板拖放示例。
在react-beautiful-dnd git repo 中我看到以下文件HERE。它有以下代码：
// @flow
import React, { Component } from 'react';
import styled, { injectGlobal } from 'styled-components';
import { action } from '@storybook/addon-actions';
import Column from './column';
import { colors } from '../constants';
import reorder, { reorderQuoteMap } from '../reorder';
import { DragDropContext, Droppable } from '../../../src';
import type {
DropResult,
DragStart,
DraggableLocation,
DroppableProvided,
} from '../../../src';
import type { QuoteMap } from '../types';
const publishOnDragStart = action('onDragStart');
const publishOnDragEnd = …推荐指数
解决办法
查看次数
为什么减(负)值与索引一起使用？
我是jquery的新手,基本上,我决定将Jquery用于实际用途,所以我构建了以下脚本:
$(function () {
$(document).on('keydown', checkey);
var index = 0,
$items = $('ul li a');
function checkey(e) {
// console.log($items);
if (e.which == 38) {
// key up
index -= 1;
};
if (e.which == 40) {
//key down
index += 1;
}
console.log(index);
$items.eq(index).trigger('focus');
}
});
使用此脚本,您可以使用向上和向下箭头键导航菜单.
小提琴在这里.现在我有一个关于我使用的代码的问题,特别是下面的代码行:
$items.eq(index).trigger('focus');
现在,索引变量在我的脚本中递增和递减,但是当我继续按下键盘,并且索引继续递减并且低于0 IE -1,-2,-3,-4 ...等时$items.eq(index).trigger('focus');,此行仍然工作,我不希望它与负值一起工作,我期待它只能在0-4工作.
那么负值如何以及为何与以下陈述一起使用:
eg. $items.eq(-2).trigger('focus'); ??
注意:在小提琴中,请检查控制台并向上和箭头向下试验,以了解我在说什么.
推荐指数
解决办法
查看次数
“record.twig”中出现意外字符“$”
我的树枝模板中有以下代码来操作数据库：
{%
$tablename = $app['config']->get('general/database/prefix') . 'entries';
$query = "UPDATE $tablename SET $views = ? WHERE id = ?";
$views = record.views + 1;
$stmt = $app['db']->prepare($query);
$stmt->bindValue(1, $views);
$stmt->bindValue(2, record.id);
$res = $stmt->execute();
%}
当我在浏览器中加载模板时，出现以下错误：
Twig_Error_Syntax
Unexpected character "$" in "record.twig" at line 18.
为什么我会收到此错误？
推荐指数
解决办法
查看次数
\ b标志在JavaScript正则表达式中不起作用
我是正则表达式的新手,基本上只是在我的浏览器控制台中使用它们,使用MDN作为参考,我尝试了下面的正则表达式:
/\bg/g.test('me building and him')
即使我尝试/\bg/g,我仍然会变得虚假,为什么？
MDN定义说明以下内容\b:
匹配零宽度字边界,例如字母和空格之间.(不要与[\ b]混淆)
例如,/\bno /匹配"正午"中的"否";/ly\b /匹配"可能昨天"中的"ly".
那么为什么g建筑物的末端没有匹配？,任何人都可以解释一下吗？
推荐指数
解决办法
查看次数
为什么变量的值会在if语句中发生变化
看下面这个小片段的js:
var a = 1;
if(! (--a)) { // when i say --a i did't mean to say "change the value of a" i just meant to say "without manupulating the actual value of a , just check if --a is falsy"
console.log('ok');
}
console.log(a); // 0 ... WHY ? i never intended to change the value of a
有人可以告诉我为什么当我没有明确地设定a --a的值时,是否正在被人类化的价值？在代码中存在的if条件中我真的并不是说实际上减少了a的值,它只是一个if check我教过并且会改变它的值a.
我猜,我显然是错的.我只是想知道,这只是一个javascript的东西,还是所有编程语言共同的？(IE能够在if条件中处理变量的值,实际上你想要做的只是临时管理变量的值而不是改变实际值.)
PS: 对不起,如果这个问题听起来真的很琐碎,但对我来说很重要.
编辑:没有要求解释a - 和--a如何工作,我想知道为什么:
计划一:
var a = 1;
--a;
console.log(a) // my …推荐指数
解决办法
查看次数