小编Cal*_*ton的帖子

动态创建的引导按钮会丢失空间填充

我有一个引导按钮栏,使用well我的代码中重复两次的类:一个使用HTML代码创建,另一个使用动态javascript.

当我使用HTML时,引导程序工作正常.

我使用javascript创建它,按钮失去填充.

我期望的结果在两个代码中是相同的.

为什么动态创建的不符合HTML创建的原始水平间距?

有没有人可以帮助我.

Original code:

<div class="well">
    <button type="button" class="btn btn-primary btn-xs">Button 1</button>
    <button type="button" class="btn btn-primary btn-xs">Button 2</button>
    <button type="button" class="btn btn-primary btn-xs">Button 3</button>
    <small class="pull-right">Right Text</small>
</div>


<div id="myMenu">
</div>

<script type="text/javascript">

    $(document).ready(function () {

        var upperWell = $("<div class='well clearfix'>");

        $('#myMenu').append(upperWell);

        var createButton = $("<button type='button' class='btn btn-primary btn-xs'>Button1</button>");

        var updateButton = $("<button type='button' class='btn btn-primary btn-xs'>Button 2</button>");

        var exportButton = $("<button type='button' class='btn btn-primary btn-xs'>Button 3</button>");

        $(upperWell).append(createButton);
        $(upperWell).append(updateButton);
        $(upperWell).append(exportButton);

    });

</script> …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery twitter-bootstrap

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

如何在javascript中完全获取具有重复键的JSON

我试图从 url 获取 JSON,但在响应对象中删除了重复的键。有没有办法在不删除重复键的情况下完全获取它?这是我的 js 代码

$('document').ready(function(){
    var s = $.getJSON("new.json");
    console.log(s);
});
Run Code Online (Sandbox Code Playgroud)

以下是我的 new.json

{
"s": "wae",
"s": "asd"
}
Run Code Online (Sandbox Code Playgroud)

但在控制台中我得到如下的 json 对象

responseJSON: Object
s: "asd"
Run Code Online (Sandbox Code Playgroud)

提前致谢

html javascript jquery json

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

如何在多页网站(非SPA)中使用react.js?

我有一个laravel应用程序.对于具有此类路由的页面:/admin/entity/我想使用带有反应路由器的反应组件来处理/admin/entity/:id路由.

如果我使用browserify将所有组件捆绑在一个文件中,我无法访问任何组件以从外部呈现它,因为browserify将其包装到关闭状态.因此,我几乎没有问题:

  • 我应该为每个页面创建单独的bundle.js文件并在该文件中显式呈现组件吗?
  • 或者我应该从jsx预编译每个组件到js并从*.blade.php文件中内联呈现它?
  • 将反应库包含到bundle.js中是否有意义,或者我可以从视图中明确加载它?

  • javascript laravel browserify reactjs

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

    ASP NET Core服务特定的html页面

    我有这个中间件:

    public class SpecificPageMiddleware
    {
        private readonly RequestDelegate next;
    
        public SpecificPageMiddleware(RequestDelegate next)
        {
            this.next = next;
        }
    
        public async Task Invoke(HttpContext context)
        {
            if (this.IsSubDomainRequest(context.Request.Host.Value)) 
            {
                if (this.IsIndexRequest(context.Request.Path.Value)) 
                {
                    await this.ReturnIndexPage(context);
                    return;
                }
            }
    
            await this.next.Invoke(context);
        }
    
        private bool IsSubDomainRequest(string host)
        {
            return host.StartsWith("subdomain")
                    || host.Contains("subdomain");
        }
    
        private bool IsIndexRequest(string query)
        {
            return query == "/" || query == "/response.html";
        }
    
        private static async Task ReturnIndexPage(HttpContext context)
        {
            var file = new FileInfo(@"wwwroot\response.html");
            byte[] buffer;
            if (file.Exists)
            {
                context.Response.StatusCode = …
    Run Code Online (Sandbox Code Playgroud)

    c# dnx asp.net-core

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

    已经通过'ListView'注册的属性

    我有这个代码:

    using System.Collections;
    using System.Windows;
    using System.Windows.Controls;
    
    public static class SelectedItems
    {
        private static readonly DependencyProperty SelectedItemsBehaviorProperty = DependencyProperty.RegisterAttached(
            "SelectedItemsBehavior",
            typeof(SelectedItemsBehavior),
            typeof(ListView),
            null);
    
        public static readonly DependencyProperty ItemsProperty = DependencyProperty.RegisterAttached(
            "Items",
            typeof(IList),
            typeof(SelectedItems),
            new PropertyMetadata(null, ItemsPropertyChanged));
    
        public static void SetItems(ListView listView, IList list)
        {
            listView.SetValue(ItemsProperty, list);
        }
    
        public static IList GetItems(ListView listView)
        {
            return listView.GetValue(ItemsProperty) as IList;
        }
    
        private static void ItemsPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            var target = d as ListView;
            if (target != null)
            {
                CreateBehavior(target, e.NewValue as …
    Run Code Online (Sandbox Code Playgroud)

    c# wpf mvvm visual-studio-2012

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

    此函数中的JavaScript位运算符的说明

    我有这个代码块:

    EventBus.on('pfio.inputs.changed', function(state, prev_state) {
        var changed = prev_state ^ state;
        for (var pin = 0; pin < 8; pin++) {
            if ((changed & (1 << pin)) === (1 << pin)) {
                EventBus.emit('pfio.input.changed', pin, ((state & (1 << pin)) === (1 << pin)));
            }
        }
    });
    
    Run Code Online (Sandbox Code Playgroud)

    state将是一个8位数:00000000
    prev_state将是一个8位数:11001110

    这些数字与开关状态有关,因此第一个进入状态意味着引脚1关闭.在prev_state中,前1表示开关8接通.

    我理解简单的代码执行,它的这些部分我无法理解:

    (changed & (1 << pin)) === (1 << pin))
    
    ((state & (1 << pin)) === (1 << pin)));
    
    prev_state ^ state;
    
    Run Code Online (Sandbox Code Playgroud)

    对此事的任何解释都会有很大的帮助!

    javascript bit-manipulation bit bitwise-operators

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

    Angular JS指令卸载事件或等效

    所以,我有这些小部件:

    <widget ng-repeat="widget in widgets"></widget>
    
    Run Code Online (Sandbox Code Playgroud)

    正如您所知,它们是由创建和删除的ng-repeat.

    所以当有人确实删除了一个小部件时,指令中是否有任何地方可以捕获发生的事件或等效?

    .directive('widget', function widget() {
        var directive = { 
            restrict: 'E',
            compile: compile
        };
    
        return directive;
    
        function compile() {
            return {
                pre: preLink,
                post: postLink
            };
        }
    
        function preLink(scope, element) {
    
        }
    
        function postLink(scope, element) {
    
        }
    });
    
    Run Code Online (Sandbox Code Playgroud)

    javascript angularjs

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

    Microsoft OWIN测试服务器设置cookie

    我有一个Owin测试服务器:

    using (var testServer = TestServer.Create<TestPipelineConfiguration>())
    using (var client = new HttpClient(testServer.Handler))
    {
        client
            .DefaultRequestHeaders
            .Add("Cookie", $"{AspNetCookies}=HeyThere;");
    
        client.BaseAddress = new Uri("https://testserver/");
    
        var message = client
                        .PostAsync("print", new StringContent(
                                                    jsonProvider.SerialiseObject(new
                                                    {
                                                        Url = "https://some/url"
                                                    }),
                                                    Encoding.UTF8, "application/json"))
                        .Result;
    
        //var message = client.GetAsync("test").Result;
    
        message
            .StatusCode
            .ShouldBeEquivalentTo(HttpStatusCode.OK);
    }
    
    Run Code Online (Sandbox Code Playgroud)

    我想在那个cookie设置的其他属性,如HttpOnly,SecureDomain.

    这可能吗?

    c# dotnet-httpclient owin

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

    失去焦点时反应组件“关闭”

    我正在尝试在 React 中创建一个select2样式组件。

    我已经完成了 90% 的功能,我无法理解的一点是当用户点击离开时隐藏结果框

    渲染方法是:

    render() {
        let resultBlock;
    
        if (this.state.showSearch) {
            resultBlock = (
                <div className="search-input-container" onBlur={this.onBlur}>
                    <div className="search-input-results">
                        <input 
                            type="text" 
                            name={this.props.name}
                            placeholder={this.props.placeholder}
                            className="form-control"
                            onChange={this.inputKeyUp}
                            autoComplete="false" />
                        <ul>
                            {this.state.items.map((item, i) => <li key={i} data-value={item.id} onClick={this.itemSelected} className={item.isSelected ? 'selected' : ''}>{item.text}</li>)}
                        </ul>
                    </div>
                </div>
            );
        }
    
        let displayBlock;
        if (this.props.value.text) {
            displayBlock = this.props.value.text;
        } else {
            displayBlock = <span className="placeholder">{this.props.placeholder}</span>;
        }
    
        return (
            <div className="form-group">
                <label htmlFor={this.props.name}>{this.props.label}:</label>
    
                <div className="form-input">
                    <div className="searchable-dropdown" onClick={this.revealSearch}>
                        {displayBlock}
                        <div …
    Run Code Online (Sandbox Code Playgroud)

    javascript reactjs react-redux

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

    Helm 模板浮点运算

    $ helm version
    version.BuildInfo{Version:"v3.3.0", GitCommit:"8a4aeec08d67a7b84472007529e8097ec3742105", GitTreeState:"dirty", GoVersion:"go1.14.6"}
    
    Run Code Online (Sandbox Code Playgroud)

    所以我有我的模板:

    $ helm version
    version.BuildInfo{Version:"v3.3.0", GitCommit:"8a4aeec08d67a7b84472007529e8097ec3742105", GitTreeState:"dirty", GoVersion:"go1.14.6"}
    
    Run Code Online (Sandbox Code Playgroud)

    值.yaml:

      minAvailable: {{ mul .Values.autoscaling.minReplicas 0.75 }}
    
    Run Code Online (Sandbox Code Playgroud)

    我本来期望渲染输出为2.25,但我得到 0 (3 * 0因为0.75被压倒了......)

    我尝试过类似的事情

    autoscaling:
      minReplicas: 3
    
    Run Code Online (Sandbox Code Playgroud)

    最终我要floor返回一个 int 的值...

      minAvailable: {{ mul (float .Values.autoscaling.minReplicas) 0.75 }}
    
    Run Code Online (Sandbox Code Playgroud)

    但我只是不明白为什么我似乎不能做简单的浮点算术


    我尝试过的其他事情

      minAvailable: {{ floor ( mul .Values.autoscaling.minReplicas 0.75 ) }}
    
    Run Code Online (Sandbox Code Playgroud)
      minAvailable: {{ float64 .Values.autoscaling.minReplicas }} 
    
    Run Code Online (Sandbox Code Playgroud)

    没有任何东西产生浮点数......

    我什至尝试在 value.yaml 中执行此操作

    autoscaling:
      minReplicas: 3.0
    
    Run Code Online (Sandbox Code Playgroud)

    go-templates kubernetes kubernetes-helm

    5
    推荐指数
    3
    解决办法
    6014
    查看次数