让我们在Handlebars中说我们有这个cards-list.html部分:
{{#each data}}
<article class="card card_list-view card_list-view--regular">
<picture class="card-image">
<img src="{{root}}/assets/img/{{this.img}}" alt="">
</picture>
<section class="card-section">
<header>
<h3><a href="{{this.url}}">{{this.title}}</a></h3>
</header>
</section>
</article>
{{/each}}
Run Code Online (Sandbox Code Playgroud)
数据是这样的:
{"id": "1",
"title": "A",
"img": "imga.jpg",
"url": "card-single.html"
},
{"id": "2",
"title": "B",
"img": "imgb.jpg",
"url": "card-single.html"
}
Run Code Online (Sandbox Code Playgroud)
并且 - 在card-single.html- 我想简单地使用以下内容呈现单张卡片:
<article class="card card_single-view">
<h4>{{title}}</h4}
[etc..]
Run Code Online (Sandbox Code Playgroud)
我如何通过href属性或其他方式传递cards-list.html部分原始上下文card-single.html?
谢谢!
为TinyMCE制作一个自定义插件,我想知道如何根据当前光标位置自动选择一个单词,就像在Wordpress"添加链接"插件中一样.
我搜索过Wordpress TinyMCe Wplink代码和TinyMCE文档,但我没有参考....
我在同一页面中有多个查询,如下所示:
$args_1 = array (
'category_name' => get_query_var( 'category_name' ),
'post__in' => $sticky = get_option( 'sticky_posts' );
'orderby' => 'date',
'order' => 'DESC'
);
$sticky_query = new WP_Query ($args_1);
// loop
$args_2 = array(
'category_name' => get_query_var( 'category_name' ),
'post__not_in' => get_option( 'sticky_posts' ),
'category__not_in' => array(11114),
'orderby' => 'date',
'order' => 'DESC'
);
$query_2 = new WP_Query ($args_2);
// loop
$args_3 = array(
'category_name' => get_query_var( 'category_name' ),
'post__not_in' => get_option( 'sticky_posts' ),
'category__in' => array(11114),
'orderby' => 'date', …Run Code Online (Sandbox Code Playgroud) 我将React和Redux与结合使用react-redux,并且在React中创建了一个我想连接到Redux存储的高阶组件,如下所示:
const HoC = parameter => WrappedComponent =>
return class WithSelected extends Component {
// ..some use of 'parameter'
render() {
return <WrappedComponent />
}
[...]
const exportComponent = compose(
connect(mapStateToProps),
HoC
)
export default exportComponent;
Run Code Online (Sandbox Code Playgroud)
和
import Component from '../Component'
import exportComponent from '../file'
const componentToExport = exportComponent('someValue')(Component);
Run Code Online (Sandbox Code Playgroud)
现在,这种方法会产生以下错误:
TypeError:Object(...)不是一个函数
顺便说一句,如果我不使用currying创建Hoc,它的工作原理如下:
const HoC = (parameter, WrappedComponent) => [etc]
Run Code Online (Sandbox Code Playgroud)
和
import Component from '../Component'
import exportComponent from '../file'
const componentToExport = exportComponent('someValue', Component);
Run Code Online (Sandbox Code Playgroud)
有用。但是我该如何在React中使用currying创建HoC并同时使用Redux?
为什么不能用"for..in"向空的Javscript对象添加一个新的'key-value'对,但是它适用于非空对象?
如果我写:
function test(obj) {
for (prop in obj) {
prop = 'a';
obj[prop] = 'b';
}
return obj;
}
var g = {};
console.log(test(g));
Run Code Online (Sandbox Code Playgroud)
我明白了:
{}
Run Code Online (Sandbox Code Playgroud)
如果我写:
function test(obj) {
for (prop in obj) {
prop = 'a';
obj[prop] = 'b';
}
return obj;
}
var g = {r : 'i' , w : 'o'};
console.log(test(g));
Run Code Online (Sandbox Code Playgroud)
我明白了:
{ r: 'i', w: 'o', a: 'b' }
Run Code Online (Sandbox Code Playgroud)
为什么?
wordpress ×2
currying ×1
for-loop ×1
javascript ×1
object ×1
pagination ×1
partial ×1
react-redux ×1
reactjs ×1
tinymce ×1
tinymce-4 ×1