小编Eri*_*ric的帖子

我正在使用node.js,所以这可能是V8特有的.

我总是注意到typeof和instanceof之间存在一些奇怪的差异,但这里有一个让我烦恼的事:

var foo = 'foo';
console.log(typeof foo);

Output: "string"

console.log(foo instanceof String);

Output: false

那里发生了什么？

假设我有一个函数和一个数组.我想通过将函数应用于数组中的每个条目来修改数组.该函数不直接修改该值; 它返回一个新值.

在伪代码中

for (entry in array) {
    entry = function(entry);
}

有几种方法可以解决这个问题:

for (var i = 0; i < arr.length; i++) {
    arr[i] = fn(i);
}

或者,因为我使用node.js并且内置了下划线:

arr = _.map(arr, fn);

但这看起来有点笨重.标准的"for"块感觉过于冗长,_. map函数重新分配整个数组,因此感觉效率低下.

你会怎么做？

是的,我知道我正在思考这个:)

背景:我只是在学习Groovy和Grails.我从一个完全否认它的人那里继承了一个项目,所以我基本上只是盲目地翻阅.我正在使用Springsource IDE.

我的源代码有很多插件依赖项.我试图通过插件管理器安装这些,但是一个插件(图像工具)不能通过该介质获得,需要单独安装.我一直无法安装它或其他,因为我总是最终出现构建错误,这显然会恢复部分插件安装.在搜索我可以注释掉的图像工具插件的引用以试图正确编译SOMETHING时,我找到了.link_to_grails_plugins目录,它似乎包含了所有必需的grails插件的源代码.

将它添加到我的类路径并重建似乎让我取得了一些进展,但我不确定这是否是我应该做的.有人可以向我解释这个文件夹用于什么？谷歌并没有特别有用.

我是SVG的新手，如果这是一个明显的问题，我深表歉意。我修补了几个小时，似乎撞墙了。

我正在尝试在HTML文档中创建SVG元素，该元素包括：

• 在外部视口上有牢固的边界
• 保留内部元素的长宽比
• 不保留外部SVG元素的长宽比
• 可以在保持这些矛盾的同时任意调整大小

这个JSFiddle说明了我的意思和我尝试过的事情：

http://jsfiddle.net/a8q6S/

这是相同的代码，因为否则我无法发布此代码：

<div>
     <h2>correct placement and aspect ratio, but cannot be resized without losing relative placement</h2>

    <svg viewBox="0 0 100 100" style="width: 100px; height: 100px; border: 1px solid red;">
        <circle cx="0" cy="0" r="10"></circle>
        <circle cx="50" cy="50" r="10"></circle>
        <circle cx="100" cy="100" r="10"></circle>
    </svg>
</div>
<div>
     <h2>correct aspect ratio of circle, incorrect relative placement</h2>

    <svg viewBox="0 0 100 100" preserveAspectRatio="xMinYMin" style="width: 200px; height: 100px; border: 1px solid red;">
        <circle cx="0" cy="0" r="10"></circle>
        <circle cx="50%" cy="50%" …

鉴于您有一些全局视图(例如,显示加载屏幕),您可能希望在许多情况下发生这种情况,是否更适合为该行为创建操作创建者/操作对或为相关操作创建减少器处理过渡？

这很难简洁地描述,为了说明我的意思,这里有几个例子.哪个更好？为什么？

一个

function showLoading () {
    return 'SHOW_LOADING';
}

function hideLoading () {
    return 'HIDE_LOADING';
}

function fetchPostsRequest () {
    return 'FETCH_POSTS_REQUEST';
}

function fetchPostsSuccess () {
    return 'FETCH_POSTS_SUCCESS';
}

function doSomethingAsync () {
    return dispatch => {
        dispatch(showLoading());
        dispatch(fetchPostsRequest());
        // other logic
        dispatch(hideLoading())
        dispatch(fetchPostsSuccess());
    }
}

function rootReducer (state = {}, action) {
    const payload = action.payload;

    switch(action) {
        case 'SHOW_LOADING':
            Object.assign({}, state, {isLoading: true})
            break;
        case 'HIDE_LOADING':
            Object.assign({}, state, {isLoading: false})
            break;
        // other reducers for handling …

我见过一些使用这种语法的JavaScript代码示例:

function(foo:String) {
  // code
}

我假设它做了某种类型转换,但无法找到有关此语法的大量信息.有谁知道这叫什么,以及记录在哪里？这是严格的JavaScript还是浏览器扩展？