小编Ami*_*ode的帖子

把手:通过href将信息从页面传输到另一个页面

让我们在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

谢谢!

partial handlebars.js

7
推荐指数
1
解决办法
936
查看次数

TinyMCE自定义插件,如何根据当前光标位置自动选择一个单词?

为TinyMCE制作一个自定义插件,我想知道如何根据当前光标位置自动选择一个单词,就像在Wordpress"添加链接"插件中一样.

我搜索过Wordpress TinyMCe Wplink代码和TinyMCE文档,但我没有参考....

wordpress tinymce tinymce-4 tinymce-plugins

5
推荐指数
1
解决办法
176
查看次数

多个查询的一个分页(或如何对一个查询进行分组)

我在同一页面中有多个查询,如下所示:

$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)

wordpress pagination

4
推荐指数
1
解决办法
1665
查看次数

如何使用currying在React中创建HoC并同时连接到Redux存储?

我将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?

currying reactjs react-redux

4
推荐指数
1
解决办法
42
查看次数

为什么无法使用"for..in"向空的JavaScript对象添加新的"键 - 值"对,但它是否适用于非空对象?

为什么不能用"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)

为什么?

javascript for-loop object

1
推荐指数
1
解决办法
64
查看次数