小编Rul*_*ure的帖子

如何在 react redux 中添加受保护的路由

我创建了一个登录组件,其中包含所有逻辑内容。

登录减速器是:

const openState = {
  loggedIn: null,
  user: null
}

export default (state = openState, action) => {
  switch (action.type) {
    case LOGIN:
      return { ...state, loggedIn: true, user: action.payload }
    case LOGOUT:
      return { ...state, loggedIn: false, user: null }
    default:
      return openState
  }
}
Run Code Online (Sandbox Code Playgroud)

那个行动 :

export const logIn = (user) => {
  return {
    type: LOGIN,
    payload: user
  }
}

export const logOut = () => {
  return {
    type: LOGOUT
  }
}
Run Code Online (Sandbox Code Playgroud)

一切正常,但我不确定如何将actionloggedIn和 …

javascript ecmascript-6 reactjs redux react-redux

14
推荐指数
2
解决办法
1556
查看次数

如何将一个字符串split()到一个整数数组

我有一个应该作为数组执行的字符串:

var q = "The, 1, 2, Fox, Jumped, 3, Over, 4";
var z = q.split(',');
Run Code Online (Sandbox Code Playgroud)

如果我使用split(),它将创建一个字符串数组:

[‘The’, '1', '2', ‘Fox’, ‘Jumped’, '3', ‘Over’, '4'] 
Run Code Online (Sandbox Code Playgroud)

我不需要那个.我需要一个像这样的数组:

[‘The’, 1, 2, ‘Fox’, ‘Jumped’, 3, ‘Over’, 4]
Run Code Online (Sandbox Code Playgroud)

指示哪个是字符串,哪个是数字.

javascript arrays string integer split

13
推荐指数
2
解决办法
5146
查看次数

在悬停时显示下拉菜单,仅使用CSS关闭

有人可以帮我解释为什么当我点击它们时,下拉菜单中的链接无效吗?也许是因为指针事件?我正在尝试在单击链接或单击关闭按钮后关闭下拉菜单.我添加了一些很酷的东西,比如单击链接时隐藏父容器.

有很多选择:

  1. 使用:focus但是当使用焦点时,下一个悬停在下拉列表中不会触发下拉列表.

  2. :active在容器上使用并pointer-events仅指向活动链接,但指针事件是错误的

  3. 使用:target但具有相同的问题:焦点,不会触发第二个胡佛.

body {
    padding: 20px;
}
.container {
    border: 1px solid lime;
    padding: 10px;
    width: 200px;
}
.test1 {
    display: none;
    border: 1px dashed orange;
    background: green;
    padding: 10px;
    pointer-events: none;
}
.container:hover .test1 {
    display: inline-block;
}
.container:hover .test1:active {
    display: none;
}
a {
    pointer-events: auto;
    color: lime;
    font-weight: bold;
}
Run Code Online (Sandbox Code Playgroud)
<ul class="container">
	 Drop down menu
	<li class="test1">
	<a class="dropdown" href="#">X Close</a>
	<ul class="content">
		 CLOSE THIS CONTENT …
Run Code Online (Sandbox Code Playgroud)

html css html5 css3 pointer-events

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

引导程序3上的自定义滚动条

我尝试使用bootstrap自定义滚动条的最佳解决方案,但到目前为止没什么特别的:| 我希望能够替换身体和内部的默认浏览器滚动条在其他元素,如面板或井,textarea ...我发现这个插件和炒锅就好了,但如果我想更换身体滚动不像其他案例.我没有做正确的事情或...有人可以解释我为什么不工作<body>或者是否可以建议我其他插件除外: jQuery slimScroll, malihu-custom-scrollbar-plugin, jScrollPane因为我已经测试过并且不适合我的项目.

这是一个小小提琴的例子

TY

javascript jquery scroll twitter-bootstrap

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

如何在不分割结果的情况下将border-radius写入更少

我怎么能把这个css写成less:

border-radius: 10px / 20px;
Run Code Online (Sandbox Code Playgroud)

通常css解释如下:

border-bottom-left-radius: 10px 20px;
border-bottom-right-radius: 10px 20px;
border-top-left-radius: 10px 20px;
border-top-right-radius: 10px 20px;
Run Code Online (Sandbox Code Playgroud)

但较少的编译器划分10px/20px = 0.5px

css border css3 less css-shapes

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

从网格返回每列的数组

我有这个函数返回我的网格的所有元素但在列上:

var cols = function(){
    var c = $('.row');
    for (var i = 0; i < c.length; i++) {
      for (var j = 0; j < c.length; j++){
        var x = c[j].children[i];
        console.log(x);
        //if(x != 0 ){return c;}
      }
    }
    }
    cols();
Run Code Online (Sandbox Code Playgroud)

这意味着此函数将从我的网格中获取每个元素,并从上到下循环,然后将获取第二列,依此类推.

我想为每一列返回一个数组,我在第一行上也有一些类称为header,其他etho将在头类n元素之间计数并返回一个数组,但我不知道如何做到这一点:

小提琴:

javascript arrays indexing jquery loops

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

IE8在悬停时转换

我希望在这个例子中使用转换效果对IE 8进行悬停:http: //jsfiddle.net/evcL2/10/ 根据此站点(仅适用于ie)可能(使用trasntion选项和淡入淡出效果)但我无法使用它.有人可以用这个脚本帮我一点,对我而言,仅仅为了背景颜色而悬停的转换是非常重要的.

谢谢.

html javascript css jquery internet-explorer-8

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

javascript选择器document.object

我试图在我的html页面中选择几个元素,我想知道为什么我应该一直使用"文档",例如当我以html元素为目标时:

//变量体

var content = document.getElementsByTagName("body"); 
Run Code Online (Sandbox Code Playgroud)

在下一个变量中为什么我不能使用类似的东西:从body获取所有p标签

var selector = content.querySelectorAll("p");
Run Code Online (Sandbox Code Playgroud)

而不是使用

var selector = document.querySelectorAll("p");
Run Code Online (Sandbox Code Playgroud)

javascript selector

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