小编Kua*_*uan的帖子

为什么用<work?对JS数组进行排序?

在JavaScript中对数字数组进行排序时,我意外地使用<而不是通常- - 但它仍然有效.我想知道为什么?

例:

var a  = [1,3,2,4]
a.sort(function(n1, n2){
    return n1<n2
})
// result is correct: [4,3,2,1]
Run Code Online (Sandbox Code Playgroud)

一个不起作用的示例数组(感谢Nicolas的例子):

[1,2,1,2,1,2,1,2,1,2,1,2]
Run Code Online (Sandbox Code Playgroud)

javascript

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

如何在Angular $ http中添加多个同名查询参数

所有

我想要做的是添加多个具有相同名称的参数来使用AngularJS $ http请求URL,使得URL被发送为 http:// localhost:8080 /?value = 1&value = 2 .....

这篇文章还描述了类似的情况: 发送具有相同名称的多个参数的HTTP请求

在AngularJS $ http中有任何人可以帮忙吗?

谢谢

url http angularjs

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

如何在React中导出服务器端渲染的Component

所有:

我对React很新,现在我正在尝试如何进行服务器端渲染,我使用Express.js作为我的服务器,所以代码如下:

//server.js
var express = require("express");

var ReactDOMServer = require("react-dom/server");
var MyCom = require("./components"); 
var domstring = ReactDOMServer.renderToString(MyCom);

var app = express();
app.get("/", function(req, res){
    res.json({
        name: "new com",
        dom: domstring
    });
});
Run Code Online (Sandbox Code Playgroud)

// components.js
var React = require("react");

var MyCom = React.createClass({
    render: function(){
        return (<h1>Hello, server side react</h1>);
    }
});

module.exports = MyCom;
Run Code Online (Sandbox Code Playgroud)

我使用babel来转换JSX,但是当我启动服务器时,我不知道为什么我会一直收到错误:

不变违规:renderToString():您必须传递有效的ReactElement.

任何人都可以提供一些线索,为什么这不起作用?

谢谢

node.js express reactjs react-jsx

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

如何在React.js中向同一事件添加多个事件处理程序

所有:

我想知道是否有可能将多个事件处理程序绑定到同一事件?

例如:

var LikeToggleButton = React.createClass({
    render: function(){
        (function toggle(){
            this.setState({liked:!like});
        }).bind(this);
        return (
            <div onClick={toggle}>TOGGLE LIKE</div>  
        );
    }
});
Run Code Online (Sandbox Code Playgroud)

在此之前,一切看起来都很正常,但我想为该按钮添加另一个功能,由其他选项决定:

例如,我有另一个开关组件(可能是像复选框或单选按钮等),称为"计数切换",启用后,LikeToggleButton的按钮将添加另一个onClick处理程序,它开始计算点击按钮的时间,我知道它可能是predesignd到切换功能,但我只是想知道是否有办法将此部分附加到onClick处理程序?

谢谢

event-handling reactjs

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

TypeScript和ES6之间的关系

所有:

我对Typescript和ES6很新,首先让我困惑的是他们的关系,来自MSDN:

TypeScript 1.5添加了许多新的ES6功能,包括模块,解构,传播,for..of,符号,计算属性,let/const和标记字符串模板.

我的困惑是(我知道有很多帖子说,Typescript是JS的超集):

这意味着TypeScript只是使用它自己的方式(一些稍微差异的语法和变换)来重做已经存在于ES6中的东西(仅用于类型目的),

这是否意味着ES6基本上可以完成TypeScript中的所有操作?反之亦然

typescript ecmascript-6

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

在"严格模式"下使用块内功能时,为什么Chrome仍然保持静音?

我是JS的新手"strict mode";,当我使用代码时:

function outer(){

"use strict";
    var ctype;

    function inner(){

        if(ctype!=undefined){
            function hello1(){
                console.log("hello1");
            }
            hello1()
        }else {
            function hello2(){
                console.log("hello2");
            }
            hello2();
        }

    }

    return inner;

}

var inner = outer();

inner();
Run Code Online (Sandbox Code Playgroud)

我想知道为什么Chrome(第49版)没有给出任何错误,但是Node.js可以给出" SyntaxError:在严格模式代码中,函数只能在顶级或者在另一个函数中声明. "

此表指出我的Chrome应报告错误.

javascript google-chrome node.js ecmascript-6

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

如何在Chrome中调试Angular2

所有:

我对Angular2很新,我发现它比Angular1更难在Chrome中调试(这只是我的感觉,当我按照Angular2官方网站上的教程,当代码中出现错误时,大部分时间,控制台输出是从system.js或angular.dev.js等,我不记得什么js文件名称那些错误,但有一件事是大多数时候,它无法指出错误发生的真实位置).

我想知道在哪里可以找到关于如何在Chrome中为Angular2追溯错误的教程?

谢谢

angular

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

为什么flex项目换行而不是收缩?

我想知道是否有人可以给我一个关于如何计算flexbox布局的简单介绍,特别是在哪个优先级顺序中,例如:

    <div id="container" style="display: flex; flex-direction: row; flex-wrap:wrap;">
    <div style="flex: 1 0 200px; height:200px; background-color: lightgreen;"></div>
    <div style="flex: 1 1 400px; height:200px; background-color: lightyellow;"></div>
    <div style="flex: 1 0 200px; height:200px; background-color: lightblue;"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

如果我将容器宽度小于600px,我觉得很有意思; 收缩将在缩小之前生效(我将第二个黄色块设置为flex: 1 1 400px;),转为3行,然后收缩效果直到容器达到200px;

我想知道flexbox布局决定的顺序/规则是什么?为什么它不会从400块缩小?

甚至我还将所有三个块设置flex: 1 1 their basis size;为包裹仍然首先发生.

谢谢

html css css3 flexbox

7
推荐指数
2
解决办法
1203
查看次数

我们什么时候需要在Angular2中的服务上使用@Injectable?

所有:

我对Angular2很新,当我到达依赖注入部分时,这种@Injectable()符号让我感到困惑.只是想确保我对@Injectable()的理解是正确的:

  1. @Injectable() 表示该类遵循它可以作为服务注入.
  2. @Injectable()表示该类跟随它@Injectable()注入了其他已定义的服务.

这几乎@Injectable()意味着什么?还有什么需要特别注意这种表示法吗?

在查看类定义之前,我们无法确定哪种情况发生(或两者都发生),是否正确?

谢谢

dependency-injection angular

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

在React Route中使用绝对路径或相对路径

所有:

当我在第7课按照其官方教程时,我对React Router很新:

https://github.com/reactjs/react-router-tutorial/tree/master/lessons/07-more-nesting

路线参数如:

// index.js
// ...
<Route path="/repos" component={Repos}>
  <Route path="/repos/:userName/:repoName" component={Repo}/>
</Route>
Run Code Online (Sandbox Code Playgroud)

它开始使用绝对路径,我想知道:

[1] React-Router如何决定使用abosulte路径或相对路径,只是因为路径以斜杠"/"开头(我发现的一件事是:一旦我在开头添加斜线到相对路径,无论父路由是什么,路径都会变成绝对路径.)?

[2]有没有办法可以使用相对params路径?如果没有,那么路径为"/ repos"的父路由点是什么?

谢谢

reactjs react-router

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