让我们假设有一个TodosStore看起来像这样的单例:
class TodosStore {
@observable isLoading;
@observable todos;
@action.bound fetchTodos() {
this.isLoading = true;
return api.getTodos().then(todos => this.todos = todos)
.finally(()=>this.isLoading=false);
}
getTodoById(id) {
return this.todos.find(todo => todo.id === id);
}
}
Run Code Online (Sandbox Code Playgroud)
我们还假设有一个使用 URL 表示状态的待办事项详细信息视图,例如/todos/123。
@observer class TodoDetail extends React.Component {
constructor(props){
TodosStore.fetchTodos().then(
this.todo = TodosStore.getTodoById(props.subscriptionId);
);
}
render(){
return (
<div>
{TodosStore.isLoading ?
'Loading, please wait...' :
<h1>this.todo.text</h1>
}
</div>
);
}
}
Run Code Online (Sandbox Code Playgroud)
所以,this.todo显然不是反应性的,所以设置它不会重新运行render()。
一种选择是在视图代码中创建一个@observable todo;,但我宁愿将 mobx 助手保留在视图之外。
请问有更好的方法吗?
当我使用facebook.com/share.php?u=mysite.com时,我必须在index.html文档中做些什么才能获得图像?
设置标题和META描述将填充标题和链接的描述.
我不知道怎么做才能显示图像.(index.html中有Flash,没有图片).
谢谢!
可以这样做吗?
for($i=0;$i<strlen($str);$i++)
{
if(!in_array($str[$i],$arAllowedCharset)){$str[$i]='';}
}
return $str;
Run Code Online (Sandbox Code Playgroud)
它有效,但我不确定我是否"被允许"这样做,即$str[$i]='';.
注意:$str是一个字符串变量,$arAllowedCharset是一个只包含字母数字字符和短划线的数组.
我用它来格式化自定义CMS中用户提交的URL.
谢谢.
如何在使用facebook.com/sharer.php?u=mysite.com时添加缩略图?我已将此添加到标题中:<link rel="image_src" href="http://mysite.com/image.jpg"/>
但是:1.它还没有工作.2.它不是有效的XHTML.
还有其他方法还是我做错了什么?
谢谢.
我想在网页的视口周围有一个 8px 的纯黑色边框。它不滚动,内容从它的“后面”滚动。它是透明的。如果我使用具有大 z-index 的固定 div,它将阻止与其下的元素进行交互。
我怎样才能做到这一点?我可以制作 4 个 div,每边一个,左右宽度为 8px,顶部和底部高度为 8px,但这似乎是解决这个问题的糟糕方法。
谢谢你。
我有一个有很多图像的容器.我不想在每个图像上添加用于点击和其他鼠标事件的监听器,而是仅在图像的父级上监听这些事件.
那可能吗?
让我们用左单引号:‘.
它的Unicode编号是U+2018.然而:
‘并将其称为字符的"Unicode数字实体".content:'\2018';.Alt+来获取它0145.这是为什么?
我构建了一个自定义指令,向用户提供了类似于下拉列表的一些选项(让我们假设"真实" <select>元素不适合这种特殊情况).
该指令被输入数据并显示它.
它还为每个项目附加一个单击侦听器.
项目由唯一编号标识.
指令如何在其范围之外传达被点击项目的编号?
谢谢.
我想window.top.location.origin从 iFrame 内部读取。
父级和 iFrame 位于不同的 HTTPS 域中。
例如,尝试访问会在 Chrome 中引发安全错误。
[DOMException: Blocked a frame with origin "..." from accessing a cross-origin frame.]
是否有可能在不触发错误的情况下做到这一点?
我需要window.top的来源,因为我根据该来源发送不同的 postMessage。
我知道这是一个开放式的问题,但是有一个PHP框架被普遍称赞为"最好的"吗?
谢谢.
什么是ECMAScript的PHP等价物:
var myObject={};
Run Code Online (Sandbox Code Playgroud)
编辑:我期待声明一个PHP对象.
谢谢.
如何向ng-class使用此表单的指令添加另一个表达式:
ng-class="{true:'loading', false:'loading-done'}[data.loader===null]"
Run Code Online (Sandbox Code Playgroud)
我想在列表中添加这样的内容:
{highlight:isSpecial}
Run Code Online (Sandbox Code Playgroud)
没有扩展第一个表达式是否可能?
谢谢.
鉴于两个类:
class A
{
private $prop1;
}
class B extends A
{
private $prop2;
public function __sleep()
{
return array('prop1','prop2');
}
}
Run Code Online (Sandbox Code Playgroud)
这只会序列化prop2它的值,因为它是B类的直接属性.
如何让它输出prop1从超类A 继承的?
编辑:
未定义__sleep()将显示private序列化字符串中的属性而不将其设置为protected.他们看起来像是?A?prop1,只有我不能得到 是什么.
php ×4
angularjs ×2
facebook ×2
add ×1
border ×1
cross-domain ×1
css ×1
frameworks ×1
html ×1
iframe ×1
image ×1
javascript ×1
mobx ×1
object ×1
oop ×1
postmessage ×1
reactjs ×1
share ×1
sleep ×1
thumbnails ×1
unicode ×1