那些遇到过的问题

小编Wal*_*bal的帖子

从Chrome中的css自定义样式按钮中删除蓝色边框

我正在开发一个网页,我想要自定义样式的<button>标签.所以用CSS,我说:border: none.现在它在safari中完美运行,但在chrome中,当我点击其中一个按钮时,它会在它周围放置一个恼人的蓝色边框.我想button:active { outline: none }或者button:focus { outline:none }会工作,但两者都没有.有任何想法吗？

这是它在被点击之前的样子(以及我希望它在被点击之后仍然看起来如何):

这就是我所说的边界:

在此输入图像描述

这是我的CSS:

button.launch {
    background-color: #F9A300;
    border: none;
    height: 40px;
    padding: 5px 15px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    margin-right: 10px;
}

button.launch:hover {
    cursor: pointer;
    background-color: #FABD44;
}

button.change {
    background-color: #F88F00;
    border: none;
    height: 40px;
    padding: 5px 15px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    margin-right: 10px;
}

button.change:hover {
    cursor: pointer;
    background-color: #F89900;
}

button:active { …
Run Code Online (Sandbox Code Playgroud)

css google-chrome

esh*_*orn
2018 11-01
716
推荐指数
14
解决办法
72万
查看次数

如何在React中访问DOM元素？React中document.getElementById()的等价是什么

如何在react.js中选择某些条形图？

这是我的代码:

var Progressbar = React.createClass({
    getInitialState: function () {
        return { completed: this.props.completed };
    },
    addPrecent: function (value) {
        this.props.completed += value;
        this.setState({ completed: this.props.completed });
    },

    render: function () {

        var completed = this.props.completed;
        if (completed < 0) { completed = 0 };


        return (...);
    }
Run Code Online (Sandbox Code Playgroud)

我想使用这个React组件:

var App = React.createClass({
    getInitialState: function () {

        return { baction: 'Progress1' };
    },
    handleChange: function (e) {
        var value = e.target.value;
        console.log(value);
        this.setState({ baction: value });
    },
    handleClick10: function (e) …
Run Code Online (Sandbox Code Playgroud)

javascript getelementbyid reactjs

use*_*909
2018 04-19
147
推荐指数
5
解决办法
26万
查看次数

在<li>元素之间添加空格

我有一个导航菜单,似乎我不能margin: 3px;在<li>元素之间添加一个空格().

您可以在此jsfiddle或更低版本上查看HTML和CSS代码.

你会看到我已经添加了一个border-bottom: 2px solid #fff;来#access li模拟元素之间的空间,但这不会起作用,因为在导航菜单下我会有一堆不同的颜色.如果我添加margin-button: 2px它不起作用.

这是HTML:

<nav id="access" role="navigation">
    <div class="menu-header-menu-container">
        <ul id="menu-header-menu" class="menu">
            <li id="menu-item-41" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-41">
                <a href="http://localhost:8888/fullstream/?page_id=5">About Us</a>
            </li>
            <li id="menu-item-35" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-35">
                <a href="http://localhost:8888/fullstream/?page_id=7">Services</a>
            </li>
            <li id="menu-item-34" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-34">
                <a href="http://localhost:8888/fullstream/?page_id=9">Environmental Surface Cleaning</a>
            </li>
            <li id="menu-item-33" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33">
                <a href="http://localhost:8888/fullstream/?page_id=11">Regulations</a>
            </li>
            <li id="menu-item-32" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32">
                <a href="http://localhost:8888/fullstream/?page_id=13">Contact Us</a>
            </li>
       </ul> …
Run Code Online (Sandbox Code Playgroud)

css

Geo*_*ita
2018 10-17
51
推荐指数
5
解决办法
26万
查看次数

函数和变量具有相同的名称

以下代码片段是一个测试,用于查看函数和变量在同一范围内共享同一名称时会发生什么.在Chrome中,似乎变量定义在引用中具有优先权.

  1. 命名函数可以执行,还是被变量声明完全遮盖？
  2. Javascript中的标准行为是变量优先于具有相同名称的函数吗？

对于这两个问题很抱歉,但问两个问题似乎很浪费.

码:

<!DOCTYPE html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <script>

            var overlapping = function() { return 'this is a var holding an anonymous function' };

            function overlapping()
            {
                return 'this is a function definition';
            }

            output( overlapping, 'overlapping' );
            output( overlapping(), 'overlapping()' );

            function output( expression, description )
            {
                document.writeln( '<li>' + ( description ? ('<i>' + description + '</i>: ') : '' ) + expression + '</li>' );
            }
        </script>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

javascript syntax

Mar*_*Fox
2017 11-28
28
推荐指数
1
解决办法
1万
查看次数

如何在多个按钮React Native中更改按下的颜色按钮

我的反应原生应用程序中有3个按钮.当用户单击按钮1时,我需要将其颜色更改为橙​​色.但其他按钮应具有默认颜色(灰色).如果用户下次单击按钮3,颜色应更改为橙色,但第一个按钮颜色应重置为默认值.我对原生的反应是全新的,这就是我的尝试.但它适用于所有按钮.我知道如果我可以拥有具有唯一ID的多个状态,则可以完成.但我不知道这个方法.

<Text style={ styles.switchButtonsTitle }>Choose Type of User</Text>
<TouchableOpacity onPress={(userType) =>
    this.selectionOnPress("BASIC")} >
    <Text style={_style}>
        <Text style={styles.switchButtonsText}>BASIC</Text>
    </Text>
</TouchableOpacity>


<TouchableOpacity onPress={(userType) =>
    this.selectionOnPress("INTERMEDIATE")}>
    <Text style={_style}>
        <Text style={styles.switchButtonsText}>INTERMEDIATE</Text>
    </Text>
</TouchableOpacity>

<TouchableOpacity onPress={(userType) =>
    this.selectionOnPress("ADVANCED")}>
    <Text style={{backgroundColor: this.state.backgroundColor}}>
        <Text style={styles.switchButtonsText}>ADVANCED</Text>
    </Text>
</TouchableOpacity>
Run Code Online (Sandbox Code Playgroud)

selectionOnPress

selectionOnPress(userType) {
    this.setState({
        onClicked: true
    });
}
Run Code Online (Sandbox Code Playgroud)

道具

constructor(props) {
    super(props);
    this.state = {
        onClicked: false
    }
    this.selectionOnPress = this.selectionOnPress.bind(this)
}
Run Code Online (Sandbox Code Playgroud)

渲染(不添加所有代码,只添加了这篇文章的有用代码)

render() {
    var _style;
    if (this.state.onClicked) { // clicked button style
        _style = {
            backgroundColor: "red"
        } …
Run Code Online (Sandbox Code Playgroud)

javascript react-native

app*_*_92
2018 01-25
4
推荐指数
1
解决办法
5228
查看次数

Azure 搜索 - 在搜索字符串中使用双引号

我的要求是我的应用程序应该能够搜索其中包含双引号的字符串。例如22" Wood Log。目前，搜索该字符串会返回查询失败的错误。

我知道使用像“abc”这样的引号只会给我结果abc。但在22" Wood Log的情况下，双引号代表英寸，用户可能会搜索“22" Wood Log”，希望看到22" Wood Log 的结果。

在当前情况下，我可以选择哪些选项来获得一些结果？我希望我的问题不是太含糊。

azure azure-cognitive-search

Wal*_*bal
lucky-day
3
推荐指数
1
解决办法
8349
查看次数

可访问性：参数类型的可访问性不如方法

这个问题已经回答了几次，但我仍然无法让我的代码工作。我有一个非常简单的类，如下所示：

namespace SportsStore.Controllers {
    public class ProductController : Controller {
        private IProductRepository repository;
        public ProductController(IProductRepository repo) {  
            repository = repo;
        }
        public ViewResult List() => View(repository.Products);
    }
}
Run Code Online (Sandbox Code Playgroud)

使用 IproductRepository.cs 

namespace SportsStore.Models
{
    interface IProductRepository {
        IQueryable<Product> Products { get; }
    }
}
Run Code Online (Sandbox Code Playgroud)

我得到的错误当然是这个： 

Severity    Code    Description Project File    Line    Suppression State
Error   CS0051  Inconsistent accessibility: parameter type 
'IProductRepository' is less accessible than method 
'ProductController.ProductController(IProductRepository)'   SportsStore
Run Code Online (Sandbox Code Playgroud)

我可以看到问题是我不应该将 IproductRepository 变量设置为私有，然后将 ProductController 设为公开。

我读了这个答案：
不一致的可访问性：参数类型比方法更难访问 ，它基本上告诉我该类需要是公共的（它已经是）并且参数需要“与方法一样可访问”。意思是公开，对吧？

但是，如果我也将参数设置为 public，如下所示： 

public IProductRepository repository;
Run Code Online (Sandbox Code Playgroud)

然后我仍然收到此错误： …

c# asp.net

Min*_*nie
2018 01-15
3
推荐指数
1
解决办法
6622
查看次数

监听窗口与文档上的滚动事件会导致处理程序之间发生冲突

两者之间有什么区别吗？

$(window).on('scroll', function() { /**/ });
Run Code Online (Sandbox Code Playgroud)

和

$(document).on('scroll', function() { /**/ });
Run Code Online (Sandbox Code Playgroud)

我问的原因是，我已经注意到，如果我有2个处理程序（一个在监听，window第二个在document），并且在某个时候我将return false;在其中document一个window处理程序停止触发，即使事件是命名空间也是如此。

您可以在此处查看行为。从顶部滚动到300px之后，window处理程序的数量不再增加。

如果将window选择器更改为document，则不会发生冲突。

和小提琴代码：

的HTML

<div class="fixed">
  <div>document scroll event: <span class="scroll1">0</span></div>
  <div>window scroll event: <span class="scroll2">0</span></div>
</div>
Run Code Online (Sandbox Code Playgroud)

的CSS

body {
  height: 3000px;
}

.fixed {
  position: fixed;
  top: 20px;
  left: 20px;
}
Run Code Online (Sandbox Code Playgroud)

JS

$(function () {
    var $scroll1 = $('.scroll1');
    var $scroll2 = $('.scroll2');

    function updateCount($el) { …
Run Code Online (Sandbox Code Playgroud)

javascript jquery scroll

les*_*gar
2018 01-25
3
推荐指数
1
解决办法
1972
查看次数

如何使用ASP&gt;NET C#中的参数将c#值传递给Html页面

嗨，我在 c# 中有值，我想通过使用参数将此值传输到 Html 页面。这是我所做的

C＃：：：

protected void btnPreviewEmail_Click(object sender, EventArgs e)
{
    string body = string.Empty;
    using (StreamReader reader = new StreamReader(Server.MapPath("~/EmailTemplate/ExportJobsEmailTemplate.html")))
    {
        body = reader.ReadToEnd();
    }
    body = body.Replace("{jobnumber}", txtJobNo.Text);
}
Run Code Online (Sandbox Code Playgroud)

HTML 页面 ::::

<table>
    <tr>
        <td>
            <b>Job Number</b>
        </td>
        <td>{jobnumber}</td>
    </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

html c#

Raj*_*dav
2018 06-27
2
推荐指数
1
解决办法
3077
查看次数

Dynamics CRM SDK:批量更新实体中的特定字段

我是Dynamics CRM开发的新手.我想使用Dynamics CRM Online中的批量更新方法批量更新实体中的某些字段.我使用下面的代码来执行批量更新:

var multipleRequest = new ExecuteMultipleRequest()
{
    Settings = new ExecuteMultipleSettings()
    {
        ContinueOnError = false,
        ReturnResponses = true
    },
    Requests = new OrganizationRequestCollection()
};

foreach (var entity in entities.Entities)
{
    UpdateRequest updateRequest = new UpdateRequest { Target = entity };
    multipleRequest.Requests.Add(updateRequest);
}

ExecuteMultipleResponse multipleResponse = (ExecuteMultipleResponse)service.Execute(multipleRequest);
Run Code Online (Sandbox Code Playgroud)

如何仅指定要更新的字段而不是更新整个实体？

注意:我使用上面的代码更新了大约200,000条记录.目前,更新一批1000条记录大约需要1.5分钟.所以正在考虑一种只更新必填字段的方法.

c# dynamics-crm dynamics-crm-online bulkupdate

404*_*404
2017 11-29
1
推荐指数
1
解决办法
3259
查看次数

尾随返回类型以供参考

请考虑以下代码.

#include <iostream>

class A {

public:
    using T = float;
    A(const T& x)
    {
        m_value = x;
    }

    T& value();

private:
    T m_value;
};

// A::T& A::value()
//  {
//      return m_value;
//  }

auto& A::value() -> T &
{
    return m_value;
}

int main()
{
    A a(10.0);
    std::cout << a.value() << std::endl;

    return 0;
}
Run Code Online (Sandbox Code Playgroud)

使用C++ 11进行编译时,出现以下错误.

error: ‘value’ function with trailing return type has ‘auto&’ as its type rather than plain ‘auto’
   auto& A::value()->T &
                       ^
Run Code Online (Sandbox Code Playgroud)

等效代码(注释函数)工作正常.但是我想使用尾随返回类型.

c++ c++11 trailing-return-type

Soo*_*Soo
2017 11-29
0
推荐指数
1
解决办法
361
查看次数

标签 统计

javascript ×4

c# ×3

css ×2

asp.net ×1

azure ×1

azure-cognitive-search ×1

bulkupdate ×1

c++ ×1

c++11 ×1

dynamics-crm ×1

dynamics-crm-online ×1

getelementbyid ×1

google-chrome ×1

html ×1

jquery ×1

react-native ×1

reactjs ×1

scroll ×1

syntax ×1

trailing-return-type ×1