小编kay*_*nce的帖子

导入React,{Component}而不仅仅是React的好处是什么?

写作的主要好处是什么?

import React, { Component } from 'react';
class Link extends Component {
   ...
}
Run Code Online (Sandbox Code Playgroud)

代替

import React from 'react';
class Link extends React.Component {
   ...
}
Run Code Online (Sandbox Code Playgroud)

说到15.4.x的反应?

我的观点我的观点(如果我错了,请纠正我)从那时起根本没关系:

  1. 我正在使用一个webpack2来制作我的捆绑包;
  2. 我使用代码拆分将我的应用代码从供应商代码中分离出来;
  3. 我使用webpack.optimize.CommonsChunkPlugin插件minChunks: Infinity设置,以确保所有供应商代码只包含一次.

从了解ES6导入如何工作我明白通过使用命名导入{Component}I状态,我想Component在我的代码中只使用组件,看起来更干净.但由于整个React包仍然在应用程序中使用,我可以使用扩展React.Component而不是仅仅创建我的类,Component结果webpack仍将生成相同数量的代码,并且在两种情况下我的包大小都是相同的.

我对么?

javascript ecmascript-6 reactjs

17
推荐指数
2
解决办法
1061
查看次数

查找最近n天内的所有文件

我的日常收藏品包含以下文件:

..
{ "date" : ISODate("2013-01-03T00:00:00Z"), "vid" : "ED", "san" : 7046.25, "izm" : 1243.96 }
{ "date" : ISODate("2013-01-03T00:00:00Z"), "vid" : "UA", "san" : 0, "izm" : 0 }
{ "date" : ISODate("2013-01-03T00:00:00Z"), "vid" : "PAL", "san" : 0, "izm" : 169.9 }
{ "date" : ISODate("2013-01-03T00:00:00Z"), "vid" : "PAL", "san" : 0, "izm" : 0 }
{ "date" : ISODate("2013-01-03T00:00:00Z"), "vid" : "CTA_TR", "san" : 0, "izm" : 0 }
{ "date" : ISODate("2013-01-04T00:00:00Z"), "vid" : …
Run Code Online (Sandbox Code Playgroud)

mongodb

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

尝试设置requestPointerLock()时似乎有问题

我的代码似乎有些不对劲,但我无法弄清楚是什么.我试图调用pointerlockchange api来禁用指针并使用鼠标作为fps控制器.问题是始终触发pointerlockerror并且我得到一个错误设置指针锁定!信息.

该函数在$(document).ready中调用.这是代码:

function initLock() {
var havePointerLock = 'pointerLockElement' in document || 'mozPointerLockElement' in document || 'webkitPointerLockElement' in document;

if ( havePointerLock ) {
    var element = document.body;
    console.log('Cathing element', element);
    var pointerlockchange = function ( event ) {
        if ( document.pointerLockElement === element || document.mozPointerLockElement === element || document.webkitPointerLockElement === element ) {
            controls.enabled = true;
            console.log('Pointer lock enabled!')
        } 
        else {
            controls.enabled = false;
        }
    }

    var pointerlockerror = function ( …
Run Code Online (Sandbox Code Playgroud)

javascript webkit google-chrome

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

将文本作为下载文件发送

尝试将简单文本字符串作为文件发送,根据请求以特定名称下载.似乎无法弄清楚为什么这段代码失败了.

var text_ready = "This is a content of a txt file."
res.setHeader('Content-type', "application/octet-stream");
res.setHeader('Content-disposition', 'attachment; filename=file.txt');
res.send( new Buffer(text_ready) );
Run Code Online (Sandbox Code Playgroud)

当此代码执行时,我只收到一个XHR响应(该字符串作为内容),但没有启动下载.但我希望收到此响应将强制浏览器下载一个文件,file.txt其名称包含上述字符串的内容.

如何解决?我究竟做错了什么?

也许这很重要:在Windows上的Chrome 41下工作.

编辑:似乎我必须更深入地描述.工作流程如下:

  • 页面包含一个表格单元格,ng-click每个表格单元格都附有角度事件
  • 单击GET请求时使用jQuery的$ .get("/ download")发送到"/ download"
  • 服务器有路由来处理此GET请求
  • 我需要实现的是将某个文本字符串发送给用户并保存为文件(以便在点击时启动下载,简短地说)

testings

  1. 当我通过输入此URL到地址栏并按Enter键手动导航到该URL 时,它可以工作
  2. 当我在该单元格上单击鼠标时它不起作用 - 发送请求,接收响应但不启动下载.

node.js express

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

BufferedImage 和 createScreenCapture 产生错误的颜色

在我的 Java 程序中,我需要分析给定坐标中像素的颜色。由于我需要经常这样做,因此我首先捕获屏幕的一部分,然后获取像素颜色。我正在这样做:

BufferedImage bi = robot.createScreenCapture(new Rectangle(0,0,100,100));
...
pxcolor = GetPixelColor(bi,x,y);
...
ImageIO.write(bi, "bmp", new File("myScreenShot.bmp"));
Run Code Online (Sandbox Code Playgroud)

GetPixelColor 函数非常明显:

public Color GetPixelColor(BufferedImage b, int x, int y)
{
    int pc = b.getRGB(x, y);
    Color ccc = new Color(pc,true);
    int  red = (pc & 0x00ff0000) >> 16;   // for testing
    int  green = (pc & 0x0000ff00) >> 8;  // for testing
    int  blue = pc & 0x000000ff;          // for testing
    return ccc;     
}
Run Code Online (Sandbox Code Playgroud)

出于测试目的,我创建了一张纯粉色图片(RGB(255,0,255))。问题是,即使像素是纯粉色,该函数也会返回类似 RGB(250,61,223) 的内容,并在那里测试变量红色、绿色和蓝色。此外,保存的文件(myScreenShot.bmp)看起来也很不同

我究竟做错了什么。它可能与 …

java bufferedimage

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

这种定义是什么意思?

在查看node.js的某些模块源代码时,我发现其中一个具有以下结构:

;(function(global){

    var a = // some definitions
    .. // code



})(typeof window === "object" ? window : this);
Run Code Online (Sandbox Code Playgroud)

那么写的含义是什么:

  1. 代码前面用分号?
  2. 写(typeof window ==="object"?window:this); ?

javascript node.js

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

标题中的组织模式任务日期 - 可能吗?

我有一项任务,需要在第二天的截止日期前完成.所以如果我在我的.org文件中写这样的东西:

** TODO Daily report
DEADLINE: <2012-07-27 Fri +1d> 
SCHEDULED: <2012-07-26 Thu +1d>
Run Code Online (Sandbox Code Playgroud)

这会产生相当讨厌的议程,每天有两行,并带有相同的文字"每日报道":

Friday     27 July 2012
Work:       Scheduled:  TODO Daily report
Work:       Deadline:   TODO Daily report
Run Code Online (Sandbox Code Playgroud)

我想要的是能够在"每日报告"文本之后看到日期,其中添加了日期,该行对应于哪一天.例如:

Friday     27 July 2012
Work:       Scheduled:  TODO Daily report for 27 July 2012
Work:       Deadline:   TODO Daily report for 26 July 2012
Run Code Online (Sandbox Code Playgroud)

可能吗?

emacs org-mode

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

任何Metro风格的日期选择器?

是否有任何好的地铁风格的datepicker控件,我可以嵌入到网站?例如,jQuery UI对于metro样式的网页看起来不太好.

javascript jquery jquery-ui datepicker

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

ng-bind-html与ng-sanitize'linky输出标签作为字符串

如果我尝试同时使用ng-sanitize的linky过滤器和ng-bind-html指令,它将转换初始字符串

Well, <b>this is bold</b>, but this should become link http://www.example.com Lets test it!
Run Code Online (Sandbox Code Playgroud)

一个链接转换为html链接,但没有粗体文​​本 - 它将被输出为包含标签的文本.

这是[DEMO]

我的问题是我如何得到粗体文本和普通的html链接结果如果初始我只是作为字符串有一些文本包围标签和看起来像链接的文本?

angularjs ng-bind-html ngsanitize

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

使用SVG的箭头

我需要使用SVG从一点(x0,y0)到另一点绘制漂亮的描边箭头(x1,y1),就像图片上的那个一样。

箭头

我能想象的唯一方法是使用带有标记的线(基本上是两条线来模拟笔触和填充),但是由于笔触重叠,因此看起来很难看。

理想情况下,线条和标记都应该使用相同的颜色填充,并且应该具有相同的笔触颜色,并且整体箭头宽度可以固定(但是如果我也可以对其进行参数化的话,那会很酷)。基本上,它的外观应与提供的图片相同,并且只需提供两个点的坐标即可绘制。可能吗?

svg

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

未捕获的ReferenceError:使用DllPlugin和DllReferencePlugin时未定义供应商

我遇到了最棘手的问题.我试图优化我的webpack包构建时间并遵循一个教程,其中的想法是取出所有供应商的libraties,通过seprate webpack配置文件使用webpack.DllPlugin和构建它们webpack.DllReferencePlugin- 这应该允许我只重建应用程序代码而不重建供应商应用代码中的每个小变化.

所以我创建了两个配置文件.

供应商文件的webpack.dll.config.js

var webpack   = require("webpack");
var path      = require("path");

module.exports = {
   entry: {
      vendor: ["./src/app/app_vendors.js"]
   },

   output: {
      path: path.resolve(__dirname, "build_dll", "js"),
      filename: "[name].js",
      sourceMapFilename: "[name].map",
      chunkFilename: "[id].chunk.js",
      pathinfo: true
   },

   plugins: [
      new webpack.DllPlugin({
         path: path.join(__dirname, "build_dll", "[name]-manifest.json"),
         name: "[name]",
         context: path.resolve(__dirname, "src", "app")
      }),
      new webpack.optimize.OccurrenceOrderPlugin(),
      new webpack.optimize.UglifyJsPlugin()
   ],

   resolve: {
      modules: [
         path.resolve("./node_modules"),
         path.resolve("./src/app")
      ]
   }

}
Run Code Online (Sandbox Code Playgroud)

webpack.app.config.js用于app文件

var webpack   = require("webpack");
var path …
Run Code Online (Sandbox Code Playgroud)

reactjs webpack

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

在 console.log() 中替换和着色参数

有一个很好的Node.js调用模块,chalk它允许将颜色和文本格式应用于console.log()函数。

如果我写这样的东西:

console.log("test string substitution with coloring: %s, %s", chalk.red("red"), chalk.magenta("magenta"));    
Run Code Online (Sandbox Code Playgroud)

它将使用字符串替换并输出正确着色的红色和洋红色:

在此处输入图片说明

现在我想要做的是让函数接受带有替换文字的文本作为第一个参数和可变数量的参数,然后应该:

  1. substitude 对应的替换文字(就像常规的console.log()一样);
  2. 每个传递的参数都应使用红色着色chalk.red()

例如:

function log(text, ...args) {
   // magic here
}

log("This must be %s, and %s as well", "red", "this must be red");
Run Code Online (Sandbox Code Playgroud)

这将给出:

例子

我试过使用,console.log(text, chalk.red.apply(null, args))但它似乎没有产生我想要的。

javascript node.js chalk

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

按键上的应用程序窗口恢复

在我的应用程序中,我添加了一个功能,可以在按键上将应用程序窗口最小化到系统托盘(在ESC或按下暂停/中断按钮时).所以当按下它们时,窗口会变得最小化.

有没有办法在某些按键上添加恢复应用程序窗口的功能(即使其他应用程序当前处于活动状态)?

例如,我按Pause键,窗口最小化.我按暂停键,应用程序窗口恢复.

node-webkit

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