小编Tet*_*Dev的帖子

Webpack,Typescript和Angular2具有提前(AOT)编译?

最新版本的Angular2允许在您的app.bootstrap.ts文件中使用此代码进行提前(AOT)编译:

// The browser platform without a compiler
import { platformBrowser } from '@angular/platform-browser';

// The app module factory produced by the static offline compiler
import { AppModuleNgFactory } from './app.module.ngfactory';

// Launch with the app module factory.
platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);
Run Code Online (Sandbox Code Playgroud)

Angular2官方文档

我们如何将Webpack和Typescript加载器与Angular2的AOT编译器集成?

似乎可能还没有选择这样做,但我问的是关于Stack溢出的问题,所以当它可用时,答案很容易找到.

更新10/12/16 - 我得到了它的工作,请看下面我的答案.

aot typescript webpack angular-cli angular

16
推荐指数
1
解决办法
8146
查看次数

如何通过javascript将图像/ HTML画布切成两半?

我正在使用html2canvas将带有自定义功能的google地图javascript API转换为画布,然后转换为图像.

在所有浏览器上都能正常工作,除了在IE 11上它生成一个图像右侧有额外空白的图像,等于(浏览器窗口的宽度 - 地图宽度).所以我的窗户越宽,右边的空间越大,反之亦然.

如何将此图像(或HTMLcanvas)切割到实际图像的边缘(768像素宽)?

IE11图片

我在这里找到了这段代码,但不知道如何为此任务修改它:

var image = new Image();
image.onload = cutImageUp;
image.src = 'myimage.png';

function cutImageUp() {
    var imagePieces = [];
    for(var x = 0; x < numColsToCut; ++x) {
        for(var y = 0; y < numRowsToCut; ++y) {
            var canvas = document.createElement('canvas');
            canvas.width = widthOfOnePiece;
            canvas.height = heightOfOnePiece;
            var context = canvas.getContext('2d');
            context.drawImage(image, x * widthOfOnePiece, y * heightOfOnePiece, widthOfOnePiece, heightOfOnePiece, 0, 0, canvas.width, canvas.height);
            imagePieces.push(canvas.toDataURL());
        }
    }

    // imagePieces now contains data urls …
Run Code Online (Sandbox Code Playgroud)

javascript jquery google-maps image html2canvas

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

NPM:只安装缺失 - 如何加快npm安装

我的npm脚本中有很多不确定因素.npm install第一次需要几分钟,没关系.

但是因为我正在与TFS构建服务器集成,所以它只需要安装一次npm.之后,npm install只是浪费时间,因为只需要2-3分钟来确定已安装的软件包.此外,它似乎始终使用-g全局标志重新安装包,即使存在时也是如此.

如何检查包是否存在,如果是,请跳过npm install?

msbuild tfs npm npm-install azure-devops

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

如何使用Webpack-dev-server和HTML-webpack-plugin将.html输出到磁盘

我使用webpack并使用html-webpack-plugin生成的脚本包更新我的index.html文件,例如bundle.[hash].js.

然后我必须运行webpack-dev-server所以我可以将该包加载到内存中并利用热模块替换.

这使代码编译两次.

但是,我想要的是webpack-dev-server能够使用new更新index.html文件bundle.[hash].js,因为现在我必须运行webpack后跟webpack-dev-sever.编译两次似乎很奇怪.

同样,我运行的唯一原因webpack是使用bundle的新哈希更新我的index.html文件.如果我可以webpack-dev-server将更新的index.html输出到磁盘,那么我可以webpack完全放弃命令.

这可能吗?如果是这样,webpack配置会改变什么?我的webpack配置很长,所以我认为在这里发布它会有所帮助.

webpack webpack-dev-server webpack-hmr html-webpack-plugin webpack-hot-middleware

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

PhantomJS在分页符中切换/分割一半的单词

我正在使用phantomjs-node api来呈现PDF.问题是出现在页面末尾附近的单词分为2页,第1页的一半,第2页的另一半.我无法理解为什么会发生这种情况.我该怎么做才能解决这个问题?我已经在phantomjs github上创建了一个没有响应的问题.

在运行时之前,数据的长度是未知的,因此我认为在数据行中放置硬分页符是不可行的.

  1. 您使用的是哪个版本的PhantomJS? phantomjs-node ^ v2.1.21

  2. 哪些步骤将重现该问题?

    一个.创建多页网站

    湾 以PDF格式呈现

  3. 您使用的是哪种操作系统?Windows 10 x64

  4. 你使用二进制PhantomJS还是从源代码编译它? phantomjs-node预编译

  5. 请在下面提供任何附加信息.

phantomjs_cutting_words_in_half_across_page_breaks

css pdf-generation page-break node.js phantomjs

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

将数组中的每个元素与其他每个元素进行比较

我需要比较时间表的重叠情况,从 2 个到无限多个时间表。

例如,具有 3 个计划的数组将如下所示:

var dateRanges =  [
    {
      DaysOfWeek: ['Sun', 'Mon'],
      StartTime: "01:00",
      StopTime: "17:00",
      AllDay: false
    },
    {
      DaysOfWeek: ['Tues', 'Wed'],
      StartTime: "12:00",
      StopTime: "21:59",
      AllDay: true
    },
            {
      DaysOfWeek: ['Thur', 'Sun'],
      StartTime: "12:00",
      StopTime: "21:59",
      AllDay: true
    }
  ]
Run Code Online (Sandbox Code Playgroud)

我正在努力弄清楚如何将所有数组相互比较。到目前为止我有这个

checkScheduleForOverlap: function (dateRanges) {

  var result = dateRanges.reduce((result, current, i, arr) => {
    // console.log(previous, current);

    // get the previous range
    if (i === 0) { return result; }
    var previous = arr[i - 1]; …
Run Code Online (Sandbox Code Playgroud)

javascript arrays reduce compare overlap

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