小编Que*_*Roy的帖子

为什么选择JavaScript而不是标准的浏览器虚拟机?

通过浏览器中托管的标准化虚拟机支持一组语言(Java,Python,Ruby等)是否有意义,而不是要求使用专门的语言 - 实际上,这是一种专门的范例 - 仅适用于客户端脚本?

为了澄清这个建议,网页将包含字节代码而不是像JavaScript这样的任何高级语言.

我理解实用的现实,即由于进化原因,JavaScript正是我们现在必须处理的事情,但我在考虑更长远的问题.关于向后兼容性,没有理由在一段时间内无法同时支持内联JavaScript,当然JavaScript可能是浏览器虚拟机支持的语言之一.

javascript

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

ES6对象解析默认参数

我试图弄清楚是否有一种方法可以使用默认参数的对象解构而不必担心对象被部分定义.考虑以下:

(function test({a, b} = {a: "foo", b: "bar"}) {
  console.log(a + " " + b);
})();
Run Code Online (Sandbox Code Playgroud)

{a: "qux"}例如,当我打电话给我qux undefined时,我会在控制台中看到我真正想要的东西qux bar.有没有办法实现这一点,而无需手动检查所有对象的属性?

javascript ecmascript-6

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

使webpack的库输出与babel6兼容

巴贝尔的第6版改变了它的功能,export default特别是它与commonjs的关系require.

总而言之,直到babel5,require('module')在给出模块的默认导出的同时,它现在总是返回包含模块的所有导出的模块对象.如果只想要默认值,他/她必须使用require('module').default. 正如这里所解释的,这背后有很好的理由,这个问题的目的不是打破或破解这种行为.

但是,如果正在构建库,他/她通常不希望分发模块,而是分发其库的导出值(例如,函数,内部使用的模块系统).webpackoutput.library使用commonjsAMD时的配置可以很好地解决这个问题.因为先前的babel版本允许使用commonjs进行默认导出,所以babel也与此机制兼容.但事实并非如此:库现在总是提供es6模块对象.

这是一个例子.

SRC/main.js

export default "my lib content";
Run Code Online (Sandbox Code Playgroud)

webpack.config.js

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

module.exports = {
  entry: {
    lib: [ path.resolve(__dirname, "src/main.js") ],
  },
  output: {
    path: path.join(__dirname, "dist"),
    filename: "mylib-build.js",
    library: 'myLib'
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        loader: "babel",
        include: path.join(__dirname, "src"),
        query: { presets: ['es2015'] }
      }
    ]
  } …
Run Code Online (Sandbox Code Playgroud)

javascript ecmascript-6 webpack babeljs

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

Web Worker的消息有多快?

我想知道传入或传出Web工作者是否会成为瓶颈.我们应该在触发任何类型的事件时发布消息,还是应该注意并尽可能地限制两者之间的通信?

我们有一个例子.如果我有一个动态构造的巨大数组(例如来自mousemovetouchmove用于手势识别器的接触点阵列),迭代传输数据是否更有效 - 即我们收到它后立即发送每个元素并让工人将它们存储在一边 - 或者最好将它们存储在主线程上并在最后一次发送所有数据,特别是当一个人不能使用可转移对象时?

javascript web-worker

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

避免使用webpack + handlebars loader捆绑lib依赖项

我正在使用把手模板编写一个库,我想使用Webpack捆绑它.我正在使用把手加载器,以便我可以要求并预编译模板.

但是我不想把把手(也没有把手/运行时)包含在我编译的库中,因此,我想将它们设置为外部.

这是我的配置文件:

module.exports = {
    context: __dirname + '/src',
    entry: './index.js',
    output: {
        path: __dirname + '/dist',
        filename: 'stuff.js',
        libraryTarget: 'umd',
        library: 'Stuff'
    },
    externals: [{
        'handlebars/runtime': {
            root: 'Handlebars',
            amd: 'handlebars.runtime',
            commonjs2: 'handlebars/runtime',
            commonjs: 'handlebars/runtime'
        }
    }],
    module: {
        loaders: [
            { test: /\.handlebars$/, loader: 'handlebars-loader' }
        ]
    }
};
Run Code Online (Sandbox Code Playgroud)

不幸的是它不起作用,车把装载机仍然使把手/运行时捆绑...

我相信这是因为我不直接需要把手/运行时,而是在加载器添加的代码中需要它.

有没有办法将其标记为外部?

编辑:我知道我需要把手/运行时来编译我的模板.但是当我构建一个库时,我希望它由库的用户提供而不是包含在内.这样,如果我的用户也在使用Handlebars,则库不会加载两次.我认为图书馆避免捆绑任何依赖是一种很好的做法(在我看来,这是我们经常看到的东西).

javascript loader handlebars.js webpack umd

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

Word改变阶段,CSS垂直动画循环

我想这不是更好解释比这个:

动画


几乎用纯CSS完成了我想要的东西,但......

  • 我必须手动设置每个单词的"位置"
  • 如果附加了另一个单词,我必须再次计算所有内容
  • 我无法设置每个单词的1秒时间,只能设置总动画时间
  • 响应?就在我再次计算一切

代码是div overflow: hidden和带有negative margin-top(和动画)的子代.

现场演示:

body {
  font-size: 2em;
  font-family: sans-serif;
 }
 
 .animation {
    vertical-align: sub;
    height: 1em;
    overflow: hidden;
    display: inline-block;
    line-height: 2em;
 }
 
ul {
  animation: animation 10s infinite;
  padding: 0;
  margin-top: -0.55em;
  list-style: none;
}

@keyframes animation {
    0%        { margin-top: -0.55em }
    12.5%     { margin-top: -2.54em }
    25%       { margin-top: -4.55em }
    37.5%     { margin-top: -6.55em }
    50%       { margin-top: -8.5em }
    62.5%     { …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery animation

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

为什么 DOMParser 需要实例化?

从字符串创建 DOM 元素的首选本机方法之一jQuery是使用新DOMParser类。这个例子摘自MDN

var parser = new DOMParser();
var doc = parser.parseFromString(aStr, "text/xml");
Run Code Online (Sandbox Code Playgroud)

我想知道在解析字符串之前需要实例化解析器的额外步骤是否有任何特殊原因。即为什么我们不能做类似的事情parseFromString(aStr, "text/xml");

解析器对象看起来是多余的。DOMParser 构造函数甚至没有任何参数,并且它的实例除了 之外没有任何方法parseFromString

javascript

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

当您点击页脚部分时,使jQuery航点无法取消

因此,我正在使用jQuery waypoints来实现完美的粘性社交媒体导航,但是,当我点击页脚元素时,它会一直滚动.理想情况下,我希望粘性导航器在它触及页脚时保持在其父容器(.content)的底部,相反,当用户向上滚动时,粘性导航器应该再次变粘.

有谁知道实现这个的简单方法?这是一个小提琴.

var sticky = new Waypoint.Sticky({
  element: $('.sticky')[0]
});
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery jquery-waypoints

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

Python熊猫中的日期时间strptime:出了什么问题?

import datetime as datetime
datetime.strptime('2013-01-01 09:10:12', '%Y-%m-%d %H:%M:%S')
Run Code Online (Sandbox Code Playgroud)

产生

()最后一次调用最后一次的属性错误跟踪(最近一次调用)作为datetime ----> 2 datetime.strptime('2013-01-01 09:10:12','%Y-%m-%d%H :%M:%S')3 z = minidf ['日期'] 4 z

AttributeError:'module'对象没有属性'strptime'

我的目标是转换一个pandas dataframe列,其格式仍然是数据对象

import datetime as datetime
#datetime.strptime('2013-01-01 09:10:12', '%Y-%m-%d %H:%M:%S')
z = minidf['Dates']

0     2015-05-13 23:53:00
1     2015-05-13 23:53:00
2     2015-05-13 23:33:00
3     2015-05-13 23:30:00
4     2015-05-13 23:30:00
5     2015-05-13 23:30:00
6     2015-05-13 23:30:00
7     2015-05-13 23:30:00
8     2015-05-13 23:00:00
9     2015-05-13 23:00:00
10    2015-05-13 22:58:00
Name: Dates, dtype: object
Run Code Online (Sandbox Code Playgroud)

奖金问题是,我使用pd.read_csv更多列的更大文件中的函数获取此列.是否可以传递参数,pd.read_csv直接将其转换为dtype: datetime64[ns]格式

python datetime strptime pandas

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

将图例标签与ggplot左对齐

我有一个传说,看起来像这样:

图例

令人有些困惑的是,例如“ color-a”标签恰好位于其左侧的点与右侧的点之间的中心。我希望此标签离其左侧的点更近,以使哪个标签与哪个点相关联更为明显。

我曾尝试使用legend.key.widthlegend.title.alignlegend.spacing.x到目前为止,没有运气...

这是一个最小的可重现示例:

library(tidyverse)

# Test data, it does not matter.
data <- tibble(
  color = c(rep('color-a', 5), rep('color-b', 5), rep('color-c', 5), rep('color-d', 5)),
  x = rep(seq(0, 4, 1), 4),
  y = c(seq(0, .4, 0.1), seq(0, .4, 0.1) + 0.1, seq(0, .4, 0.1) + 0.3, seq(0, .4, 0.1) + 0.4)
)

# Plot
ggplot(data, aes(x = x, y = y, color = color)) +
  scale_color_discrete(guide="legend") +
  geom_point() +
  theme_minimal() +
  theme(legend.position = …
Run Code Online (Sandbox Code Playgroud)

r ggplot2

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

选择某个值然后输出

我有一个包含混合信息的文件,而我只需要它们的某些列.

下面是我的示例文件.

A B C D       
1 2 3 abcdef   
5 6 7 abcdef  
1 2 3 abcdef  
Run Code Online (Sandbox Code Playgroud)

我想提取文件以获取我需要的信息.例如,在我的输出文件中如下所示.

A C D       # I only need A, C, and D column.
1 3 ab      # For D column, I only need ab.
5 7 ab      
1 3 ab 
Run Code Online (Sandbox Code Playgroud)

它不是csv或txt文件,但每列之间有空格.

python python-2.7

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