我想在用户提供视频链接后,将YouTube视频嵌入到我的页面中.
<iframe width=\'560\' height=\'315\' src='http://www.youtube.com/watch?v=<video id>&output=embed' frameborder=\'0\' allowfullscreen></iframe>
Run Code Online (Sandbox Code Playgroud)
但是当我尝试添加这个时,我得到了这个错误.在chrome中检查页面后,我在控制台选项卡中看到此错误
"因X-Frame-Options禁止显示器而拒绝显示文档"
我不能看视频,甚至在IE
和Firefox
也
我甚至试过加入
header('X-Frame-Options:Allow-From http://www.youtube.com');
header('X-Frame-Options:GOFORIT);
&output=embed to the url
Run Code Online (Sandbox Code Playgroud)
在其他帖子中阅读了某些解决方案后
但我仍然得到同样的错误.
我也看到youtube有对象嵌入的方法来显示视频,但是youtube已经将其作为嵌入视频的旧方法.所以我想使用新的iframe方法将视频嵌入到我的页面中.
问题出现在
有人遇到过这个问题吗?
将填充应用于子元素会使子项覆盖其包含父项的边界.你能否解释一下边距,填充和内容宽度的尺寸考虑.
如果我们增加填充,为什么不考虑子节点填充大小,父节点也会调整大小到所有子节点的累积大小.
<div>
<ul>
<li><a>srikanth</a>
</li>
<li><a>sunkist</a>
</li>
<li><a>sunday</a>
</li>
</ul>
</div>
div {
margin-top:90px;
margin-left:90px;
background-color:#676896;
}
ul {
list-style-type:none;
}
ul li {
display:inline-block;
}
a {
background-color:#c34567;
padding:10px 10px 10px 10px;
}
Run Code Online (Sandbox Code Playgroud)
我们需要考虑哪些编码实践才能解决这个问题.
好吧,我有很多答案可行.任何人都可以根据子元素解释父级大小计算.在计算包含父母的大小时考虑的孩子的特征是什么.什么时候不考虑整个填充?
我能够从我的Linux薄荷16转移到Linux薄荷17.3 64位版本.这是期待已久的迁移.
转移到Linux Mint 17.3后,我无法安装python3-venv模块,据说它是python 3.x中virtualenv的替代品.在我的linux mint 16中,我可以访问pyvenv-3.4工具.我不知道我在Linux mint 16中安装该模块的时间.
有人遇到过这个问题吗?
python -m venv test
The virtual environment was not created successfully because ensurepip is not
available. On Debian/Ubuntu systems, you need to install the python3-venv
package using the following command.
apt-get install python3-venv
You may need to use sudo with that command. After installing the python3-venv
package, recreate your virtual environment.
izero@Ganesha ~/devel $ sudo apt-get install python3-venv
[sudo] password for izero:
Reading package lists... Done
Building dependency tree …
Run Code Online (Sandbox Code Playgroud) #include<QMetaType>
typedef QList<int> IntList;
qRegisterMetaType<IntList>("IntList");
error C2909: 'qRegisterMetaType': explicit instantiation of function template requires return type
Run Code Online (Sandbox Code Playgroud)
C2909说我需要定义
template int qRegisterMetaType<IntList>("IntList");
Run Code Online (Sandbox Code Playgroud)
如果我像上面提到的那样定义,那么我得到以下错误
error C2059: syntax error : 'string'
warning C4667: 'int qRegisterMetaType(void)' : no function template defined that matches forced instantiation
Run Code Online (Sandbox Code Playgroud)
为什么我会收到此错误?
假设我有资源代表图像
PUT/images/[id] with path - >如果已经存在更新我的资源,将创建一个新的图像资源
POST/images/[id] - >更改或更新资源例如图像名称
DELETE/images/[id] - >这将删除我的资源
GET/images/[id] - >获取图像详细信息
现在是实际的问题.如果我需要为图像添加其他操作,该怎么办?让我们说图像资源将响应红眼减少动作或任何其他类似的裁剪,调整大小
那么如何考虑这些行为以及如何在宁静的界面中调用它?
/图像/ [ID]/remove_redeye
/图像/ [ID] /作物
/图像/ [ID] /调整大小
上述调用在restful接口中是否有效?我对应该考虑采取什么行动感到困惑(PUT POST)?
在这里提出这个问题之前,我已经想了很多并阅读了很多文章.这些文章都没有给我一个正确的答案.
http://mayaposch.wordpress.com/2011/11/01/how-to-really-truly-use-qthreads-the-full-explanation/
QThread* thread = new QThread;
Worker* worker = new Worker();
worker->moveToThread(thread);
connect(worker, SIGNAL(error(QString)), this, SLOT(errorString(QString)));
connect(thread, SIGNAL(started()), worker, SLOT(process()));
connect(worker, SIGNAL(finished()), thread, SLOT(quit()));
connect(worker, SIGNAL(finished()), worker, SLOT(deleteLater()));
connect(thread, SIGNAL(finished()), thread, SLOT(deleteLater()));
thread->start();
Run Code Online (Sandbox Code Playgroud)
Worker对象具有新线程的亲和力.
1> Worker完成信号将调用线程上的quit().这将结束线程的事件循环并启动线程完成信号.
2> Worker完成信号连接到worker deleteLater().根据deleteLater()文档
**安排此对象删除.当控制返回到事件循环时,将删除该对象.如果事件循环>未运行
当调用此函数时(例如,在QCoreApplication :: exec()之前在对象上调用deleteLater()),一旦启动事件循环,该对象将被删除.
注意,进入和离开新的事件循环(例如,通过打开模态对话框)将不执行延迟删除; 对于要删除的对象,控件必须返回到调用deleteLater()的事件循环.
注意:不止一次调用此函数是安全的; 在传递第一个延迟删除事件时,将从事件队列中删除该对象的任何挂起事件.**
因此,当没有eventloop时,由于线程已经退出并且它已经提升了完成的信号,我们将不再再次启动相同的线程.在这种情况下,将永远不会处理deleteLater(),因为事件循环不存在,并且根本不会删除worker对象.这不会造成内存泄漏吗?
connect(worker, SIGNAL(finished()), worker, SLOT(deleteLater()));
connect(worker, SIGNAL(finished()), thread, SLOT(quit()));
Run Code Online (Sandbox Code Playgroud)
如果我们认为交换这两行将解决问题,那么我还有另外一个问题.QT明确指出,在发出信号时调用插槽的顺序是不确定的
上面提到的文章链接中有很多评论.即便是作者也无法完全回答这个问题
由于某些原因,向SELECT标记添加选项不会选择selected ='selected'属性选项,而是选择列表中的下一个选项.
请看上面的jfiddle.
<select id="category">
<option value='1'>Categroy 1</option>
<option value='2'>Categroy 2</option>
<option value='3'>Categroy 3</option>
</select>
<select id="sub-category">
<option value='1' data-parentid='1'>Car1</option>
<option value='2' data-parentid='1'>Car2</option>
<option selected='selected' value='3' data-parentid='1'>Car3</option>
<option value='4' data-parentid='1'>Car4</option>
<option value='5' data-parentid='1'>Car5</option>
<option value='6' data-parentid='2'>Car6</option>
<option value='7' data-parentid='2'>Car7</option>
<option value='8' data-parentid='2'>Car8</option>
<option value='9' data-parentid='3'>Car9</option>
<option value='10' data-parentid='3'>Car10</option>
<option value='11' data-parentid='3'>Car11</option>
<option value='12' data-parentid='3'>Car12</option>
</select>
$(document).ready(function(){
var allsuboptions = $('#sub-category option').remove();
var selectedOptions = allsuboptions.filter(function () {
return $(this).data('parentid').toString() === $('#category').val().toString();
});
selectedOptions.appendTo('#sub-category');
});
Run Code Online (Sandbox Code Playgroud)
在上面的示例中,应选择Car3,但在将选项附加到选择后选择Car4.
动作.js
export const setX = () => {...}
export const setY = () => {...}
export const setT = () => {...}
Run Code Online (Sandbox Code Playgroud)
一些组件.js
import {setX, setY, setT} from 'actions'
export class somecomponent extends React.Component
{
constructor(props,context)
{
super(props)
this.state={
X,
Y,
T
}
}
componentWillMount()
{
let reduxstate = this.store.getState()
Object.keys(this.state).forEach(n => {
let fn = n + '-Changed';
this[fn] = evt => {
let update = {};
update[n] = evt.target.value;
this.setState(update);
RETRIEVEDFUNCTION = ****//How to retrieve the imported actions …
Run Code Online (Sandbox Code Playgroud) <div id="hello">
<ul>
<li>Hello</li>
<li>Hello</li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
和上面的HTML的CSS
#hello{
margin:0px;
padding:0px;
border:1px solid black;
float:left;
}
#hello ul{
position:relative;
display: inline-block;
list-style:none;
margin:0px;
padding:0px;
}
#hello li{
float:left;
}
Run Code Online (Sandbox Code Playgroud)
对于上述html和CSS,我总是为ul元素获得额外的5px边距。
在仔细检查我的代码中的每个css语句并编写上面的示例后,我发现问题出在
display:inline-block;
or
display:inline-table;
Run Code Online (Sandbox Code Playgroud)
解决这个问题的正确方法是什么?
其他一些论坛建议使用
“为父容器设置字体大小:0;对于子容器设置字体大小:your_size;”
是否有其他解决方案可以防止这种情况发生,所以我的字体大小0不会降级为子级。
谢谢你斯里坎特
html ×4
javascript ×3
css ×2
ecmascript-6 ×1
jquery ×1
linux ×1
linux-mint ×1
node.js ×1
php ×1
python ×1
python-3.x ×1
python-venv ×1
qobject ×1
qt ×1
qthread ×1
quit ×1
reactjs ×1
redux ×1
rest ×1
security ×1
select ×1
signals ×1