小编Sal*_*ali的帖子

PyCharm 中的注释折叠

很长一段时间以来,我一直在寻找一种在 PyCharm 中折叠评论的方法。基本上,我正在寻找一种方法来实现与+代码块相同的注释。

在此处输入图片说明

因为我知道SO 鼓励人们回答自己的问题,所以我想给出一个解决方案,希望对其他人有所帮助。

pycharm

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

Dropzone,在预览容器的开头添加每个新文件

我使用dropzone来处理文件上传,我使用预览容器来指定应该显示上传文件的位置.

所以我的配置如下(仅剩下相关部分):

var myDropzone = new Dropzone("#fileUploadHandler",{
    previewsContainer: '.filesList'
});
Run Code Online (Sandbox Code Playgroud)

问题是在那个容器中我已经显示了一些文件,新文件被下载到列表的末尾.我想要做的是在开始时添加它们.有没有办法实现这个目标?

dropzone.js

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

Bootstrap图库,无法显示启动控件

我正在使用bootstrap图库(通过blueimp)来增强我在bootstrap中的图像.我按照repo演示部分中概述的教程,得到了一个漂亮的画廊.

我修改了一点以摆脱模态对话框(如作者的无边框示例).一切都近乎完美(这是我的简化小提琴).唯一的问题是,当我点击一个小预览时,我没有控件.只有当我稍后点击原始图像时 - 控件才会出现在屏幕上.

我假设我错过了一些非常简单的东西,比如showStartingControlls = true;:-),但我无法弄清楚这一点.

如果有人可以调查这个问题,我将非常感激

javascript twitter-bootstrap bootstrap-image-gallery

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

在foreach knockout绑定中使用前一项

我有以下问题:我有一个可观察的数组(从服务器填充),如下所示:

this.elems = ko.observableArray([
    {n: 1, t : 'hello'},
    {n: 1, t : 'why'},
    {n: 1, t : 'are'},
    {n: 2, t : 'some'},
    {n: 2, t : 'ducks'},
    {n: 3, t : 'here'},
    {n: 8, t : '?'}
]);
Run Code Online (Sandbox Code Playgroud)

我希望以下列方式展示它:

      1
Hello
why
are
      2
some
ducks
      3
here
      8
?
Run Code Online (Sandbox Code Playgroud)

如您所见,仅当前一个数字与当前数字不同时才显示数字.这对于foreach绑定来说非常容易(这是我的jsFiddle).

<div data-bind="foreach: elems">
    <div class="t1">
        <span data-bind="text: n" class="c1"></span>
        <span data-bind="text: t" class="c2"></span>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

只有我能够访问前一个元素.我知道我可以修改我的observalbe数组并实现我想要的,但有没有办法在不改变它的情况下做到这一点?

knockout.js

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

最大宽度与twitter引导标签

我试图通过标签来实现与SO类似的东西.

它看起来很棒,但问题是我想要每个标签的最大宽度,所以如果标签的长度太大,它将被截断.

我可以通过以下方式实现:

.label{
    width: 50px;    
    float: left;    
    overflow: hidden;  
}
Run Code Online (Sandbox Code Playgroud)

好吧,它有效,但是当我这样做时,我的号码与标签不在同一行.

我怎样才能达到与第一小提琴相同的效果,但最大宽度.

css twitter-bootstrap

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

如何从输入中删除类似边框的边框?

我希望通过input元素实现与元素相同的效果contenteditable.我在jsFiddle中可以看到我所做的.

HTML:

<div class="greenStripe">
    <input placeholder="Title" class='t'/>  
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.greenStripe{
    background-color:#13b4ff;
    width: 100%;
    height: 100px; 
}
.greenStripe .t{
    margin: 20px 0 0 10%;
    font-size: 42px;
    background-color:#13b4ff;
}
Run Code Online (Sandbox Code Playgroud)

基本上<input/>看起来几乎一样contenteditable,但我有这个可怕的borders.我可以用CSS以某种方式摆脱它们吗?

html css html5

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

如何将图像和输入与css放在同一行

我想做一些非常简单的事情:将图像和输入放在同一行,但无法实现:

HTML

<img src="path/to/img"/>
<input/>
Run Code Online (Sandbox Code Playgroud)

CSS

img {
    height: 50px;
}
input {
    height: 50px;
    margin: 0;
    padding: 0;
}
Run Code Online (Sandbox Code Playgroud)

正如你从这个小提琴中清楚地看到的那样,图像远远高于输入.我该如何解决?

html css

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

Socket.IO查询对象未在授权数据中定义

我正在尝试使用socket.io(版本1.0+)进行基于令牌的URL身份验证,我无法从以下内容中读取查询对象:

//server code snippet

io.set('authorization', function (data, accept){
  console.log(data.query); //prints undefined
  //authentication logic...
});

//client code snippet

angular.module('app')
.factory('socket', function ($rootScope){
    var socketProvider = 'http://localhost:3000';
    var token = 'testtoken';
    var socket = io.connect(socketProvider, {'query': 'token=' + token});
    //more factory code for websocket handling...
});
Run Code Online (Sandbox Code Playgroud)

套接字连接成功,我可以使用data._query访问"受保护"查询对象,但我不想这样使用它,因为它很脏.

node.js socket.io angularjs

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

从svg生成的Webfont看起来不一样

我有一个简单的svg(由插图画家绘制),我试图转换为webfont(与其他svg一起).当我在编辑器中打开svg时,我看到它是正确的(黑色棋子用白色棋子握手).如果我将它转换为png,也是一样的.

在此输入图像描述

但在我用grunt webfont将其转换为webfont 之后

   webfont: {
        icons: {
            src     : 'path/svg/*.svg',
            dest    : 'path/fonts',
            destCss : 'path/css',
            options : {
                autoHint: false,
                font    : 'icons',
                hashes  : false
            }
        }
    }
Run Code Online (Sandbox Code Playgroud)

但是在webfont中它看起来很奇怪(除了轮廓之外一切都是透明的)

在此输入图像描述

这是我为其生成的webfont和css 的示例:

@font-face {
    font-family: 'icons';
    url('font/icons.woff') format('woff'),
    font-weight: normal;
    font-style: normal;
}
.icon {
    font-family: 'icons';
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: …
Run Code Online (Sandbox Code Playgroud)

css svg adobe-illustrator webfonts gruntjs

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

可观察元素的数组未更新

我有一个可观察的数组,里面有一些对象.此对象的一个​​属性是可观察元素数组(字符串格式的日期).这是一个可重复的小例子:

this.groups = ko.observableArray([{
    name:       ko.observable("name"),
    deadlines:  [
        ko.observable("2010-02-08"),
        ko.observable("2013-06-18"),
        ko.observable("2015-01-23"),
    ]
}]);
Run Code Online (Sandbox Code Playgroud)

我用以下格式表示它们:

<tbody data-bind="foreach: groups">
        <tr>
            <td>
                <input type="text" placeholder="name" data-bind="value: name"><br><br><br>
                <span data-bind="text: name"></span>
            </td>
            <!-- ko foreach: deadlines -->
            <td>
                <input type="date" data-bind="value: $data"><br><br><br>
                <span data-bind="text: $data"></span>
            </td>
            <!-- /ko -->
        </tr>
    </tbody>
Run Code Online (Sandbox Code Playgroud)

问题是,当我更新其中一个日期时,它们不会更新.这是一个JSfiddle示例:正如您在2010-02-08更新时看到的那样,基础文本保持不变.

起初我还以为它是与日期有约束力的,但在尝试后这个我看到它是不是这样的.什么出错了?

javascript knockout.js

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