我创建了一个登录组件,其中包含所有逻辑内容。
登录减速器是:
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
和 …
我有一个应该作为数组执行的字符串:
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)
指示哪个是字符串,哪个是数字.
有人可以帮我解释为什么当我点击它们时,下拉菜单中的链接无效吗?也许是因为指针事件?我正在尝试在单击链接或单击关闭按钮后关闭下拉菜单.我添加了一些很酷的东西,比如单击链接时隐藏父容器.
有很多选择:
使用:focus
但是当使用焦点时,下一个悬停在下拉列表中不会触发下拉列表.
:active
在容器上使用并pointer-events
仅指向活动链接,但指针事件是错误的
: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)我尝试使用bootstrap自定义滚动条的最佳解决方案,但到目前为止没什么特别的:| 我希望能够替换身体和内部的默认浏览器滚动条在其他元素,如面板或井,textarea ...我发现这个插件和炒锅就好了,但如果我想更换身体滚动不像其他案例.我没有做正确的事情或...有人可以解释我为什么不工作<body>
或者是否可以建议我其他插件除外: jQuery slimScroll, malihu-custom-scrollbar-plugin, jScrollPane
因为我已经测试过并且不适合我的项目.
TY
我怎么能把这个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
我有这个函数返回我的网格的所有元素但在列上:
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元素之间计数并返回一个数组,但我不知道如何做到这一点:
我希望在这个例子中使用转换效果对IE 8进行悬停:http: //jsfiddle.net/evcL2/10/ 根据此站点(仅适用于ie)可能(使用trasntion选项和淡入淡出效果)但我无法使用它.有人可以用这个脚本帮我一点,对我而言,仅仅为了背景颜色而悬停的转换是非常重要的.
谢谢.
我试图在我的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)