小编kem*_*ica的帖子

我正在尝试覆盖设置为的默认画布大小: 800x600

经过一些挖掘文档,我发现:

Matter.Render.create([options])

看起来很有趣的选项是:render.options.height和render.options.width.

我该如何正确使用它们？

我尝试过的:

(function(){
    //this is the correct reference
    var canvas = document.getElementById('canvas');
    var renderer = Matter.Render.create({
        canvas: canvas,
        height: 1000,
        width: 1000
    });
})()

警告我得到:

[问题]警告:没有传递"render.element","render.canvas"没有插入到文档中.

根据文档:

render.element HTMLElement

对要插入画布的元素的引用(如果尚未指定render.canvas)

题:

为什么我收到以下错误？我忘记在我的HTML中添加脚本了吗？

ReferenceError:找不到变量:exports

从typescript生成的javascript导致它:

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
/* more code */

额外:

tsconfig.json

{
  "compileOnSave": true,
  "compilerOptions": {
    "target": "es5",
    "noImplicitAny": true,
    "rootDir": ".",
    "sourceRoot": "../../../",
    "outDir": "../../../js/dist/",
    "sourceMap": false
  },
  "exclude": [
    "node_modules"
  ]
}

requirejs包含在html中的js文件之前

有类似的问题,但这只是关于打字稿而不是关于余烬/巴贝尔等.

题:

我如何@ VIMEO /播放器在我的Angular2 /打字稿项目(特别是Ionic2)工作？

描述:

试图让vimeo 播放器使用Angular2/Typescript.

npm install --save @vimeo/player

根据他们的文档,库可以像这样使用:

如果您正在使用webpack或汇总等模块捆绑器,则导出的对象将是Player构造函数(与它附加到window.Vimeo的浏览器不同):

import Player from '@vimeo/player';

const player = new Player('handstick', {
    id: 19231868,
    width: 640
});

player.on('play', function() {
    console.log('played the video!');
});

哪个看起来很有前途!但是不起作用.

我尝试过的:

我安装了@vimeo/player,@types/vimeo__player 我在Ionic2应用程序中创建了一个播放器组件.

player.ts:

import {Component, ViewChild} from '@angular/core';
import {NavController} from "ionic-angular/index";

//noinspection TypeScriptCheckImport,TypeScriptCheckImport
import Player from "@vimeo/player";


@Component({
  selector: 'player-component',
  templateUrl: 'player.html'
})
export class PlayerComponent {

  @ViewChild('player_container') playerContainer;
  private player: Player;

  constructor(public navCtrl: NavController){} …

我见过：How can I return html or json with deno? 但我需要橡树的答案 - 下面发布。

这个目前正在chrome中发生,在firefox中我还没有遇到过这个问题.

这是我的问题的非常简化的版本.

HTML:

<div class="thumbnail">
  <a href='#' id="clickMe">Click me!</a>
</div>

CSS:

div {
    width: 200px;
    height: 300px;
    background-color: purple;
}
a {
    position: absolute;
}
@media (max-width: 991px) {
    div {
        height: 200px;
    }
}

使用Javascript:

$(document).ready(function () {
    var $parent = $('#clickMe').parent();
    function resize() {
        $('#clickMe').offset({
            top: $parent.offset().top + $parent.height()-$('#clickMe').height()
        });
    }
    $(window).on('resize', resize);
    resize();
});

问题:

那么当我调整大小(没有拖动)时会给出什么？那么javascript推出第一和设置的位置<a></a>,然后CSS应用高度的变化,如果我们<992像素.

从逻辑上讲,按钮现在在视觉上位于div的外部而不是像我最初定义的那样在边框上.

本文提出的临时解决方案.

jQuery - 如何等待'resize'事件的'end'然后再执行一个动作？

var doit;
    $(window).on('resize', function(){ clearTimeout(doit); doit = setTimeout(resize, 500); }); …

我想在highcharts中隐藏第一个yAxis标签.我无法找到如何做这个选项.这个问题紧紧解决了这个问题:隐藏第一个yaxis标签.然而,我正在寻找的解决方案是高图.

从上图中,我只想隐藏-10.

options我需要添加什么来实现这一目标？

下面添加的代码只是我创建的一个通用函数,它接受一个参数,我已经用一个选项列表(如标题,副标题,系列......)命名了一个选项(一个对象).

var hc_bubble = function(options){
  $(options.target).highcharts({
      chart: {
        type: 'bubble',
        zoomType: 'xy'
      },
      title: {
        text: options.title || 'unknown'
      },
      subtitle: {
        text: options.subtitle || ''
      },
      xAxis: {
        type: options.date || 'datetime',
        labels: {
                  formatter: function() {
                      return Highcharts.dateFormat("%b %Y", this.value)
                  }
              },
        title: {
          enabled: true,
          text: options.xTitle || 'unknown'
        },
        startOnTick: true,
        endOnTick: true,
        showLastLabel: true
      },
      yAxis: {
        title: {
          text: options.yTitle || 'unknown'
        }
      },
      tooltip:{
        headerFormat: …

描述

在我的tvOS应用程序中,我有一个搜索页面,位于顶部a Search Bar和a Table View下面,最后列出了结果.

当我们关注searchBar并且用户按下Siri的声音时,结果将被插入搜索栏(如预期的那样).然而,当用户向下滚动结果并且无法找到他们正在寻找的内容时,他们必须向上滚动(一直向上)到searchBar再次使用Siri.

如果用户searchBar在未关注时尝试使用Siri,则全球Siri开始在不同的应用程序中查找结果(这不是我想要的)

题:

如何在搜索页面上将searchBar设置为Siri的全局焦点？

我尝试过的:

说实话,我不知道该如何去做..

在AppDelegate.swift中调用一个函数来创建Search View Controller并将其添加到Tab Bar Controller.

我已经考虑过尝试preferedFocusView,但在阅读完文档之后,我怀疑它会起作用.

func configueSearchController() -> UIViewController {

        let storyboard = UIStoryboard(name: "Search", bundle: nil)
        guard let searchResultsController = storyboard.instantiateViewController(withIdentifier: SearchViewController.storyboardIdentifier) as? SearchViewController else {
            fatalError("Unable to instatiate a SearchResultViewController from the storyboard.")
        }

        /*
         Create a UISearchController, passing the `searchResultsController` to
         use to display search results.
         */

        let searchController = UISearchController(searchResultsController: searchResultsController)
        searchController.searchResultsUpdater = searchResultsController
        searchController.searchBar.placeholder …

描述

我正在prod中部署我的symfony项目.我只是跑步时工作正常docker-compose up.但是我的部署脚本出现问题,尝试访问导航器中的网页.

致命错误:第107行/var/www/redaph/vendor/monolog/monolog/src/Monolog/Handler/StreamHandler.php中允许的内存大小为134217728字节(试图分配20480字节)

致命错误:第444行/var/www/redaph/vendor/composer/ClassLoader.php中允许的内存大小为134217728字节(尝试分配65536字节)

有点奇怪的是,在我的dockerfile中,我指定我希望我的PHP_MEMORY_LIMIT为256M.当我进入我的容器时,我看到以下内容:

root@125de315edca:/var/www/redaph# php -i | grep memory_limit
memory_limit => 128M => 128M

题

为什么我的Docker Symfony项目消耗了如此多的内存？

如果这是正常的那么:我如何正确增加dockerfile中的PHP_MEMORY_LIMIT？

deploy_prod.sh

#!/usr/bin/env bash
PROJECT=symfony
docker-compose up -d
docker exec redaph_symfony_1 php bin/console d:s:u --force
docker exec redaph_symfony_1 php bin/console c:c

Dockerfile:

FROM php:7.2-apache

ENV \
    APACHE_ADMIN_EMAIL=webmaster@localhost \
    PHP_TIME_ZONE=Europe/London \
    PHP_MEMORY_LIMIT=256M \
    PHP_UPLOAD_MAX_FILESIZE=32M \
    PHP_POST_MAX_SIZE=32M

ARG WORK_DIR

WORKDIR $WORK_DIR

COPY composer.lock $WORK_DIR
COPY composer.json $WORK_DIR

ENV COMPOSER_ALLOW_SUPERUSER 1

RUN apt-get update \
    && apt-get install -y -f apt-transport-https …

我目前正在使用handsontable和python + django,我把自定义合并标头与Javascript.这看起来应该是这样的.

但是当我加载页面时.

但是,当我向后滚动并向前移动时,错误会神奇地消失.

这是容器div.

<div class="table-container" style="width: auto; height: 200px; overflow: hidden;margin-top: 20px;">
                                <div id="table-index"  data-productoscomerciales='{{productoscomerciales}}'></div>
                          </div>

这是我的javascript代码.

function createTable(data, container) {    

var str = '<tr id="header-grouping">'+'<th colspan="1"></th>'+'<th colspan="1"></th>'+'<th colspan="1"></th>'+'<th colspan="15">Inventario*</th>' + 
          '<th colspan="9">Producción*</th>'+'</tr>';  

return new Handsontable(container, {
  data: data.slice(2,data.length),
  minSpareRows: 1,
  rowHeaders: false,
  manualColumnResize: true,

  colHeaders: data[0],
  columns: data[1],

  colWidths: [150, 100, 130],
  contextMenu: false,
  afterRender  : function () {$('.htCore > thead > tr').before(str);},
  beforeRender: function() {
        while ($('#header-grouping').size() > 0)
                $('#header-grouping').remove();
    },
    afterColumnResize: function () { …

这是一项新技术,是ECMAScript 2015(ES6)标准的一部分.该技术的规范已经完成,但请查看兼容性表,了解各种浏览器的使用情况和实现状态.

函数*声明(函数关键字后跟星号)定义了一个生成器函数,它返回一个Generator对象.

您还可以使用GeneratorFunction构造函数和函数*表达式定义生成器函数.

给出的例子:

function* idMaker(){
  var index = 0;
  while(index < 3)
    yield index++;
}

var gen = idMaker();

console.log(gen.next().value); // 0
console.log(gen.next().value); // 1
console.log(gen.next().value); // 2
console.log(gen.next().value); // undefined
// ...

MDN功能*

题:

虽然这个例子是可以理解的,但我为什么要在这样的事情上使用它:

var index = 0;
function idMaker(){
  return (index < 2) ? index++: undefined;
}

甚至(回答索引范围评论):

var idMaker = function(){
  this.index = 0;
  this.next = function(){
    var res = (this.index < 3) ? this.index++: undefined;
    return { value: res };
  };
}

var …