小编Ali*_*ich的帖子

你如何处理浏览器特定的.js和.css

这不是一个新主题,但我很好奇每个人是如何处理这些.js.css那是浏览器特定的.

您是否拥有.js包含if/else条件的功能,或者每个浏览器都有单独的文件?

这些天是否真的成为每个流行浏览器的当前版本的问题?

javascript css

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

git命令仅在文件夹中添加/暂存已修改的文件

我修改了文件夹和子文件夹中的几个文件.我可以递归地添加顶级文件夹,但后来我有几个未跟踪的子文件夹,所以每次我做递归添加到阶段更改,我必须跟踪子文件夹git rm -r --cached.是否有更好的方法来暂存以git状态显示的修改,而不跟踪已明确未跟踪的文件?

元问题:git add"这意味着两个(或更多)事物真的是一个好主意吗?在这种情况下,如果跟踪文件(git add)的命令与用于阶段修改(git add)的命令不同,那么我首先不会遇到这个问题

git dvcs

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

React:不要将keyUp用于onChange事件

是否有可能让React onChange在一个元素的焦点丢失之后触发该事件而不是将它打开keyUp(目前,它onChange是对操作字段值的任何事件的抽象)?keyUp这对我来说有点慢,而且我认为它可能有助于移动设备解决我正在建设的内容,以便将场景重点转移到场地之后.

javascript events keyup reactjs

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

Javascript ReactJs Type错误

当用户点击后退按钮时,我正在尝试渲染"OTHERPAGE"...代码段:

onClickBack:function(e){
    var parentId = getParentIdById(this.props.id);
    React.render(<OTHERPAGE id={parentId} />, document.getElementById('main'));
},
Run Code Online (Sandbox Code Playgroud)

该函数触发我期望它.getParentIdById将UUID作为字符串返回,这就是我需要的方式.调用React.render会抛出异常:

消息:"element.type不是构造函数"

我不明白......我在页面顶部要求React:

var React = require('react');
Run Code Online (Sandbox Code Playgroud)

有谁知道问题可能在这里?

谢谢你的帮助

编辑:

我也收到这个警告:

"警告:只能将函数或字符串作为React组件安装."

虽然不是真的帮助我...

javascript reactjs

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

Angular 6 HTTPClient:请求触发一次,收到 2 个响应

我已经将一个旧项目(Angular 2)重构为 Angular 6。除了 api 调用存在问题之外,一切运行良好。在登录组件上,当我提交表单时,会触发包含数据的 POST 请求,并且拦截器会添加某些标头(目前仅包含内容类型)。提交表单的代码:

this.authService.signIn(this.account)
        .subscribe( res => {
          console.log('RES -> ', res);
          this.router.navigate([this.returnUrl]);
        },
          err => console.log(err));
Run Code Online (Sandbox Code Playgroud)

验证服务方法:

 signIn(account: Account) {
    const req = new HttpRequest(HttpMethods.Post, AuthService.signInUrl,{account: account});
    return this.makeRequest(req);
   }

private makeRequest(req: HttpRequest<any>): Observable<any> {
    this.progressBarService.availableProgress(true);
    return this.http.request(req)
        .finally( () => this.progressBarService.availableProgress(false));
  }
Run Code Online (Sandbox Code Playgroud)

由于某种原因,我console.log添加的 被触发两次:第一次是{type: 0},第二次返回我需要的数据。我已经从拦截器中删除了所有内容,只留下了next.handle(req)它,它也做了同样的事情。知道为什么我收到 2 个回复,第一个只是 吗{type: 0}

json http node.js angular

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

CSS浮动和HTML问题

我有一些关于基本CSS的问题,我无法理解或找到答案.

首先,我尝试在另一个div标签中放置3个div标签.包含3个其他标记的第一主div标签无关为其设置除了大小,这是400px400px.其他3周的div里面,全部都是20px20px和1被分配float:left,而另外两个被分配的样式,这是正确的浮动.所有属性都在一个样式中定义,并且两个div float:right被分配了相同的样式.我的问题是,在代码中排在最后的两个div中,首先出现在浏览器中,我不明白这个原因.

这是代码:

<html>
<head>
<style>
#main{ 
    border: red 4px dashed;
    width: 25%
    height: 25%,
    }
#left{ 
    float: left;    
    width: 20px;
    height: 20px,
    }
#right{ 
    float: right;   
    width: 20px;
    height: 20px,
    }
</style>
</head>
<body>
<div id="main">
<div id="left">1</div>
<div id="right">2</div>
<div id="right">3</div>
</div>
</body>
</head>
</html>
Run Code Online (Sandbox Code Playgroud)

html css css-float

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

Django - django模板和标签

我是Django框架的新手,我正在尝试按照步骤执行官方django项目的文档.在模板中,我有一个名为HTML的文件base.html,代码如下:

<!DOCTYPE HTML>
<html lang="en">
<head>
<title>{ % block title %}{ % endblock %}</title>
</head>
<body>
<h1>My helpful timestamp site</h1>
{ % block content %}{ % endblock %}
{ % block footer %}
<hr>
<p>Thanks for visiting my site.</p>
{ % endblock %}
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

和其他名为'hour_ahead.html'的文件,代码如下:

{ % extends "base.html" %}
{ % block title %}Hours ahead{ % endblock %}
{ % block content %}
<p>In {{ plus.offset }} Hours. It will be {{plus.dt}} .</p>
{ % endblock …
Run Code Online (Sandbox Code Playgroud)

django inheritance frontend templating

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

a:悬停不覆盖父类

我有一个带有Masterpage的aspx页面,其中包含一个CssClass为的面板menutoolbar.在该面板中,我放置了对象,在这种情况下是一个带有类的链接按钮SearchLink.

在我的样式表中,我正在定义

.menutoolbar a:hover { color: red }

.Searchlink a:hover { color: yellow }
Run Code Online (Sandbox Code Playgroud)

当我将鼠标悬停在Searchlink链接上时,它是红色的!这不是我所期望的,Searchlink具体定义为黄色,看起来父容器menutoolbar覆盖了颜色,与我期望的相反.

如何将悬停效果设为黄色Searchlink

css asp.net

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

在CSS中动态获取导航栏的高度

我的网站是基于React和react-strap。好吧,我有我的.header-overlay覆盖整个背景.header。但这里发生的情况是,由于.navbar,垂直.header-overlay伸出.header

我认为使用calc(100vh - heightOfNavigationBar)可以解决这个问题。但是,我找不到任何方法来.navbar动态获取高度。有什么办法可以解决这个问题吗?(导航栏嵌入在react-strap中)

CSS代码:

.navbar{
    font-size: 20px;
}

.header {
    background: url("../images/headerbg.jpg") no-repeat 50% 50% fixed ;
    background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    height: 100vh;
}

.header-overlay {
    background-color: rgba(31, 31, 31, 0.4);
    height: 100vh;
}
Run Code Online (Sandbox Code Playgroud)

HTML 代码:

<header className="header">

        {/*Navigation Bar*/}
        <div>
             <NavBar/> <--from react-strap
        </div>


        <div className="header-overlay">
             SOME CODE HERE
        <div>
</header>
Run Code Online (Sandbox Code Playgroud)

html css overlay reactjs

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

最简单的动画背景图像向左滑动的方法?

将背景图像滑动到左侧并循环播放的最佳方法是什么?假设我有一个带有背景的进度条,我想在它处于活动状态时进行动画处理(比如在Gnome或OS X中).

我一直在玩这个$(...).animate()函数并尝试修改相关的CSS属性,但是在试图弄清楚如何修改background-position属性时我一直在打砖墙.我不能只增加它的价值,我不确定这是否是最好的方法.

任何帮助赞赏!

javascript css jquery jquery-animate

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

浮动太远了

我有一个记录管理Web应用程序,它在一个屏幕上显示一个主记录,AJAXes动态构建编辑器到一个编辑器div,我用JQuery来制作可拖动的.这样可行.

即使div不是一个窗口,我认为让它更像一个窗口可能是一个好主意,所以我用"关闭"按钮进行编码.结构如下所示:

<div id="editor">
  <div id="draghandle" />
  <div id="closebutton" />
  <div id="editorbody" />
</div>
Run Code Online (Sandbox Code Playgroud)

Editorbody是可变维度的,取决于人们想要进入的内容.

Draghandle的宽度设置为编辑器的100%.Closebutton在CSS中设置为float:right.

我的问题是,在IE6和IE7中,关闭按钮浮动得太远了.它总是在窗口的右边缘,无论我在哪里拖动编辑器div.在Firefox和Safari中,它看起来像我预期的那样 - 窗口和编辑器一样宽,而按钮位于右上角.

我并不特别喜欢浮动:对,只是想找到一种方法来设置CSS,它会在所有浏览器中给出相同的结果.有任何想法吗?

"屏幕截图"

这是我想在jsbin上做的一个模型(谢谢,redsquare)

示例代码

我正在使用法律敏感信息,因此我无法提供该应用的屏幕截图.但是,我拍摄了一些照片并屏蔽了文本和界面,只留下了窗口结构.

它在IE7中看起来如何

它在firefox 3中的外观如何

css jquery css-float internet-explorer-7 internet-explorer-6

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

css 网格网格模板列:

为什么是 4 列?我的意思是,当我使用 Flexbox 时,我们将其称为 4 行。现在行变成了 CSS 网格中的列?你能解释一下吗?

行是水平的。我在我的电脑上使用 VS Code

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-gap: 10px;
  background-color: #2196F3;
  padding: 10px;
}
Run Code Online (Sandbox Code Playgroud)

图像

css grid css-grid

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