小编nde*_*ker的帖子

调整PhantomJS的PDF选项

我使用PhantomJS生成PDF.

这是我的命令:

./phantomjs rasterize.js <someurl> test.pdf
Run Code Online (Sandbox Code Playgroud)

它生成pdf文件但是:

  1. PDF看起来与原始网站完全不同
  2. 我无法设置页面方向
  3. 还有什么其他选项我可以用于pdf生成?

rasterize.js的以下更改似乎也不起作用:

{ format: system.args[3], orientation: 'Letter', margin: '1cm' }
Run Code Online (Sandbox Code Playgroud)

pdf phantomjs

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

设置中心位置的margin-left和margin-right

我想将中心设置为.user-menu位置,但下面的代码不起作用.我怎么解决这个问题?

HTML

<body>
    <div class="user-menu">
        <div class="menu-items">
            <div class="bought-tickects centered hover-effect"></div>
            <label>??????? ????</label>
        </div>
        <div class="menu-items">
            <div class="profile centered hover-effect"></div>
            <label>???? ??????</label>
        </div>
        <div class=""></div>
    </div>
    <div class="clear"></div>
    <div class="container-of-selected">
    </div>
</body>
Run Code Online (Sandbox Code Playgroud)

CSS

* {
    margin: 0px;
    padding: 0px;
    font-family: Tahoma;
}

.centered {
    margin-left: auto;
    margin-right: auto;
}

.menu-items {
    float: left;
    height: 90px;
    margin-left: 10px;
    margin-right: 10px;
}

.profile {
    width: 72px;
    height: 72px;
    padding-left: 10px;
    padding-right: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('Images/folder-contacts-icon.png');
    border-radius: 5px; …
Run Code Online (Sandbox Code Playgroud)

html css

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

从Jest到stdout到GitLab的代码覆盖率

我在GitLab CI中进行了代码覆盖率的玩笑测试,GitLab从gitlab中的运行程序的标准输出中捕获了百分比。

jest --coverage会在stdout中产生覆盖率,而gitlab使用/All files[^|]*\|[^|]*\s+([\d\.]+)/regexp 捕获它,但是当我jest --coverage --json --outputFile=xyz.json不幸地运行时, 开玩笑地说不会将代码覆盖率打印到stdout中。

--json参数提供给玩笑时,如何从玩笑中获得stdout中的代码覆盖率?

jest version : v22.4.3 对于jest-cli一样

code-coverage gitlab-ci jestjs

8
推荐指数
3
解决办法
1970
查看次数

构建应用程序时,Yeoman供应商图像路径不正确

我正在和Yeoman合作开发一个AngularJS应用程序.

该应用程序依赖于与Bower一起安装的jQuery UI.这是我如何包含jQuery UI主题:

<!-- build:css styles/plugins.css -->
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.core.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.accordion.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.autocomplete.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.button.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.datepicker.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.dialog.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.menu.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.progressbar.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.resizable.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.selectable.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.slider.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.spinner.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.tabs.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.tooltip.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.theme.css" />
<!-- endbuild -->
Run Code Online (Sandbox Code Playgroud)

构建应用程序时,一切顺利,没有错误.

但是,在浏览器控制台(使用Chrome)中,我可以看到jQuery UI Datepicker所需的图像无法找到,因为它看起来在里面styles/images/而且它们实际上在里面components/....

截图 …

gruntjs yeoman bower

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

重置后jQuery attr()没有在Bootstrap按钮上工作

我有一个非常简单的代码,不起作用,我不明白我错过了什么.

外部资源

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

HTML

<p>
    <button id="btn-id" class="btn btn-large btn-primary" type="button" data-loading-text="loading stuff...">Click Me</button>
</p>
Run Code Online (Sandbox Code Playgroud)

JavaScript的

$(document).ready(function () {
    $("#btn-id").button();

    $("#btn-id").click(function () {
        //$("#btn-id").attr("disabled",true);
        $(this).button('loading');

        setTimeout(function () {
            //this desn't work. The button resets but it doesn't get disabled afterwards
            $("#btn-id").button('reset').attr("disabled", true);

            //the bellow line works as expected
            //$("#btn-id").button('reset').addClass("btn-success");
        }, 2000);
    });
});
Run Code Online (Sandbox Code Playgroud)

似乎之后button('reset'),我可以,addClass('someclass')但我不能再禁用该按钮了.

为什么这不起作用,我该如何解决?

的jsfiddle

jquery twitter-bootstrap

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

MySQL慢大查询

我有这个我要优化的大型查询,我已经对它进行了优化,但有时仍然很慢(> 1s):

select count(DISTINCT if(ps15.specification in ('All Season'),p.products_id,NULL)) as count1 ,count(DISTINCT if(ps15.specification in ('Winter'),p.products_id,NULL)) as count2 ,count(DISTINCT if(ps15.specification in ('Zomer'),p.products_id,NULL)) as count3 ,count(DISTINCT if(ps15.specification in ('Winter 2012'),p.products_id,NULL)) as count4 ,count(DISTINCT if(ps15.specification in ('Zomer 2013'),p.products_id,NULL)) as count5 ,count(DISTINCT if(ps15.specification in ('Winter 2013'),p.products_id,NULL)) as count6 ,count(DISTINCT if(ps15.specification in ('Zomer 2014'),p.products_id,NULL)) as count7
from (products p)
inner join (products_to_categories p2c)
  on (p.products_id = p2c.products_id)
inner join (products_attributes pa)
  on (p.products_id = pa.products_id)
inner join (products_options_values pv)
  on (pa.options_values_id = pv.products_options_values_id)
inner join (products_stock …
Run Code Online (Sandbox Code Playgroud)

mysql performance

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

是否可以在 ES2015 中导入类方法

我正在一个模块中创建一个方法:

export function myMethod() {}
Run Code Online (Sandbox Code Playgroud)

并在另一个模块中实例化一个类:

import {myMethod} from './methodFile';
class MyClass {
    constructor() {}
    myMethod // doesn't work
}
Run Code Online (Sandbox Code Playgroud)

是否可以myMethod作为MyClass课程的一部分使用?

我正在尝试创建以下代码的等效项:

class MyClass {
    constructor() {}
    myMethod() {}
}
Run Code Online (Sandbox Code Playgroud)

javascript class ecmascript-6

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

Node Express特定的每条路由超时值

我正在使用Express v4.13.4开发Node v4.2.4应用程序.现在我想增加特定上传路由的超时时间.

从我读过和经历过的:

但是,在尝试为上传路由实现连接超时中间件时,我迷路了.

应用程序设置

const app = express();
app.use(cors());
app.use(bodyParser.json({ limit: '50mb' }));
app.use(bodyParser.urlencoded({ limit: '50mb', extended: false }));
app.use(passport.initialize());

app.use('/uploads', uploadRoutes);
app.use(errorHandler);

function errorHandler(err, req, res, next) {
  if (err.code && err.code === 'ETIMEDOUT') {
    if (!res.headersSent) {
      res
        .status(408)
        .send({
          success: true,
          message: 'Timeout error'
        });
    }
  }

  next(err);
}

const server = app.listen(config.port);
Run Code Online (Sandbox Code Playgroud)

上传路线定义

router.route('/:uploadId/upload-files')
  .post(timeout('3m'),
    require('./actions/upload-files').prepareHandler,
    require('./actions/upload-files').uploadHandler(),
    require('./actions/upload-files').responseHandler);
Run Code Online (Sandbox Code Playgroud)

但是,在上传文件时,我确实express-timeout只在命令行的控制台中看到了3分钟后的错误.请求仍在进行中,并且未返回408的状态代码.

4分钟后,我终于看到408状态和'超时错误'作为响应对象的一部分.

对于其他路线的请求,我net::ERR_EMPTY_RESPONSE在4分钟后收到错误.

如果我记录值server.timeout,则值为120000 …

sockets node.js express

6
推荐指数
2
解决办法
4964
查看次数

ReportLab Image是"在画布上绘制的.Canvas

ReportLab的图像将在PDF Canvas上反映出来,其代码如下:

from reportlab.pdfgen import canvas
from reportlab.platypus import Image

pdf = canvas.Canvas(filename, bottomup=0)

logo_image = Image(
    "%s/images/wsp_logo.jpg" % settings.STATIC_ROOT,
    width=200,
    height=200) 
logo_image.drawOn(pdf, 100, 100)
Run Code Online (Sandbox Code Playgroud)

如何让它"正常"绘制,就像人们期望的那样?

reportlab

5
推荐指数
2
解决办法
4955
查看次数

jQuery on(); 功能

我正在学习Backbone并且在on() - 函数方面遇到了一些问题.但实际上这是一个非常基本的JavaScript问题.

为什么下面的第一行代码有效,第二行代码不行?使用第二行,永远不会触发渲染函数.注意括号.

作品

this.collection.on( 'reset', this.render, this );
Run Code Online (Sandbox Code Playgroud)

失败

this.collection.on( 'reset', this.render(), this );
Run Code Online (Sandbox Code Playgroud)

javascript jquery

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