小编sun*_*tro的帖子

Bitbucket,Windows和"致命:无法读取密码"

我最近重新安装了Windows,我从存储库下载文件时遇到问题.

我已经安装了GIT和Python,但是当我尝试从Bitbucket下载任何东西时,我收到了消息:

"fatal: could not read Password for: 'https://username@bitbucket.org': No such file or directory".
Run Code Online (Sandbox Code Playgroud)

我究竟做错了什么?

windows git bitbucket

65
推荐指数
5
解决办法
7万
查看次数

在React.js中状态发生变化时动画组件

当存储在状态中的数据值发生变化时,我正在尝试在HTML元素上制作一个小动画.怎么能实现呢?

如何将CSS类添加到组件中componentWillUpdate并将其删除componentDidUpdate?我没有看到任何HTML元素的引用.

javascript reactjs

5
推荐指数
0
解决办法
5475
查看次数

使用 Jest 运行测试时无法访问窗口属性

我正在尝试访问位于window.sunpietro.configproperty下的property。使用 Jest 运行测试时,我得到TypeError: Cannot read property 'config' of undefined.

我的测试代码如下所示:

import React from 'react';
import { render, cleanup } from 'react-testing-library';
import MyModule from '../my.module';
import { myConfigMock } from '../../../../jest.window.mock';

afterEach(cleanup);
beforeEach(() => {
    window.sunpietro = { ...myConfigMock };

    // window.sunpietro.config = {};
});

describe('MyModule', () => {
    test('The module renders correctly', () => {
        const { getByTestId } = render(<MyModule />);

        getByTestId('my-tabs').toBeDefined();
        getByTestId('my-panels').toBeDefined();
    });
});
Run Code Online (Sandbox Code Playgroud)

我正在使用最新版本的 Jest:24.7.1react-testing-library版本:6.1.2.

我如何模拟 …

unit-testing reactjs jestjs react-testing-library

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

如何使用regex和jQuery/JS从字符串中删除字符串?

我想知道,如何删除:

<span>blablabla</span>
Run Code Online (Sandbox Code Playgroud)

从:

<p>Text wanted <span>blablabla</span></p>
Run Code Online (Sandbox Code Playgroud)

我从p获取文本:

var text = $('p').text();
Run Code Online (Sandbox Code Playgroud)

出于某种原因,我想从var文本中删除范围及其内容.

我该怎么做?

javascript jquery

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

Twitter Bootstrap和移动导航栏

我正试图在Wordpress上为我的博客制作一个响应式布局,但我无法通过移动设备上的navbar解决问题.

<header class="span8" id="top-header">
<nav class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container-fluid">
            <a data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <?php 
            wp_nav_menu(array(
                'menu' => 'Top menu',
                'menu_class' => 'nav'
            ));
            ?>
            <ul class="nav">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Categories <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                    <?php 
                    $args = array(
                        'exclude'   =>'1',
                        'orderby'   =>'name',
                        'order'     => 'ASC'
                    );
                    foreach(get_categories($args) as $category): ?>
                        <li><a href="<?php echo get_category_link($category->term_id); ?>" title="Category: <?php echo $category->name; ?>"><?php echo $category->name; ?></a></li>
                    <?php endforeach; ?>
                    </ul>
                </li> …
Run Code Online (Sandbox Code Playgroud)

css wordpress responsive-design twitter-bootstrap

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

Grunt.js&uglify将uglified代码附加到文件而不是重写它

我正在做一些自动化任务,我注意到grunt.js和uglify模块没有重写缩小的文件.每次我开始繁琐的任务时,他们都会附加新版本的代码.

module.exports = function(grunt) {

  grunt.initConfig({
    uglify  : {
      build : {
        src     : ['**/*.js', '!*.min.js'],
        cwd     : 'js/app/modules/',
        dest    : 'js/app/modules/',
        expand  : true,
        ext     : '.main.min.js',
      },
    }
  });

  grunt.loadNpmTasks('grunt-contrib-uglify');
  grunt.registerTask('default', ['uglify']);
};
Run Code Online (Sandbox Code Playgroud)

我该怎么做才能避免它?我只想要文件中最新版本的代码.

javascript uglifyjs gruntjs

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

使用flexbox对齐div.2 divs全宽和2 divs内联宽度的一半

我正在尝试布局2个全宽度和2个半宽度的div(最后2个div应该在一行中).

HTML如下所示:

<div class="container">
    <div class="box--full">1</div>
    <div class="box--full">2</div>
    <div class="box--half">3</div>
    <div class="box--half">4</div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

* {
    box-sizing: border-box;
}

.container {
    display: flex;
    width: 200px;
    flex-flow: row wrap;
}

[class*="box--"] {
    display: flex;
    margin: .25rem;
    height: 2rem;
    padding: .25rem;
    color: white;
}

.box--full {
    background: red;
    flex: 1 1 100%;
}

.box--half {    
    background: blue;
    flex: 1 1 50%;
}
Run Code Online (Sandbox Code Playgroud)

我想知道为什么最后两个div没有可用宽度的一半,为什么它们不在一行中.我想避免为最后2个div添加一个包装器.

我发现添加flex: 0 1 50%将所需的宽度应用于最后2个div,但它们仍然不是内联的.

是否可以在不制作额外包装的情况下使它们内联?

这是codepen的链接:http://codepen.io/sunpietro/pen/Mepmam

html css css3 flexbox

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

Codeigniter的form_validation类中如何允许空值或数字值?

我想使用form_validation类对输入进行验证,这将允许我在字段中输入数字或空值。
像这样:

$this->form_validation->set_rules('field[]','The field','numeric or empty|xss_clean');
Run Code Online (Sandbox Code Playgroud)

这有可能实现吗?

php validation codeigniter

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