小编Tia*_*ago的帖子

在Visual Studio代码中使用正确缩进复制粘贴的设置

当我使用Visual Studio Code复制并粘贴一段代码时,按Enter键创建一个新行后,会发生以下情况:

在此输入图像描述

它似乎保留了新行创建的缩进,将复制的代码段中的先前信息添加到其上.我宁愿代码在粘贴时自动美化.

可以通过设置更改此行为吗?

编辑:我不是指跨平台的复制粘贴,我指的是在Visual Studio Code中的同一文件中复制和粘贴.

visual-studio-code vscode-settings

70
推荐指数
5
解决办法
3万
查看次数

Chrome DevTools 中的范围部分卡在“正在加载...”

当向 Google Chrome 开发工具“源”选项卡中的文件添加断点时,右侧列中的“范围”部分应该填充该文件中声明的所有可用变量/对象。

对于我的某些文件,此功能按预期工作,但对于其他文件,它仅显示此“正在加载...”文本。

为什么是这样?

在此输入图像描述

debugging devtools google-chrome-devtools

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

为多个状态设置默认视图AngularJS ui.router

我在角度应用程序中有多个视图.目前,我正在使用ui.router $stateProvider建立视图.但是我发现这非常繁琐,因为我必须重复每个州的每个观点.有没有办法为所有状态设置默认视图,而不是在每个状态重复它们?

$stateProvider
.state('default', {
    url: '/default',
    views:{
        view_1: {
            templateUrl: 'view1',
            controller: function($scope){}
        },
        view_2: {
            templateUrl: 'view2',
            controller: function($scope){}
        },
        view_3: {
            templateUrl: 'view3',
            controller: function($scope){}
        }
    }
})
.state('changed_state', {
    url: '/changed_state',
    views:{
        view_1: {
            templateUrl: 'view1',
            controller: function($scope){}
        },
        view_2: {
            templateUrl: 'changed_view2',
            controller: function($scope){}
        },
        view_3: {
            templateUrl: 'view3',
            controller: function($scope){}
        }
    }
})
Run Code Online (Sandbox Code Playgroud)

我想只需要列出所有状态的默认视图一次,然后只更改随每个状态更改而更改的视图.即:

.state('default', {
    url: '/default',
    views:{
        view_1: {
            templateUrl: 'view1',
            controller: function($scope){}
        },
        view_2: {
            templateUrl: 'view2',
            controller: function($scope){}
        }, …
Run Code Online (Sandbox Code Playgroud)

state angularjs angular-ui-router

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

使用Angular Material,是否可以在同一行中将一个按钮与左侧对齐,另一个按钮对齐?

根据Angular Material关于对齐的文档:

layout-align属性有两个单词.第一个单词说明了孩子们如何在布局的方向上对齐,第二个单词说明孩子们将如何与布局的方向垂直对齐.

我使用它来创建按钮部分,您可以在下面的图片中看到:

在此输入图像描述

使用以下代码:

<section layout="row" layout-sm="column" layout-align="end center" layout-wrap>
  <md-button class="md-primary">Submit</md-button>
  <md-button class="md-warn">Cancel</md-button>
  <md-button class="md-warn">Delete Boundary Partner Type</md-button>
</section>
Run Code Online (Sandbox Code Playgroud)

但是,我希望Submit按钮左对齐,所有其他按钮右对齐.是否有正确的方法使用Angular Material执行此操作,或者我只需要创建自己的样式?

css angularjs angular-material

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

使用d3.js,如何在图表上更快地显示数据?

在我的代码中,我在折线图上加载了一个包含508个条目的JSON.此JSON包含某些计算机发出的数据,键是计算机的名称.

这是我的JSON的结构:

{
    "AF3":3605.1496928113393,
    "AF4":-6000.4375230516,
    "F3":1700.3827875419374,
    "F4":4822.544985821321,
    "F7":4903.330735023786,
    "F8":824.4048714773611,
    "FC5":3259.4071092472655,
    "FC6":4248.067359141752,
    "O1":3714.5106599153364,
    "O2":697.2904723891061,
    "P7":522.7300768483767,
    "P8":4050.79490288753,
    "T7":2939.896657485737,
    "T8":9.551935316881588
}
Run Code Online (Sandbox Code Playgroud)

我目前正在一个名为的计数器的帮助下读取数据cont,但是,我使用的代码需要很长时间来绘制图形:

data.length=508

if (data.length>cont)
 cont++`

for (var name in groups) {
  var group = groups[name]
  group.data.push(aData[cont][name])
  group.path.attr('d', line)
  console.log(cont)
}
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

正如你在上面的gif中看到的,我的代码花了太长时间来绘制所有数据点.我想毫不拖延地绘制我的数据集的所有数据元素(在这种情况下为508),例如:

data=[{508 elements}];
tick(data)=> draw the points in the graph at the same time, by dataset.

data2=[{50 elements}];
tick(data)=> draw the points in the graph at the same time, by dataset.
Run Code Online (Sandbox Code Playgroud)

tick绘制坐标的函数的名称在哪里,而不会失去动画感.

在此输入图像描述

怎么办?

这是我的代码的链接:

http://plnkr.co/edit/y8h9zs1CpLU1BZRoWZi4?p=preview

javascript d3.js

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

角度材质:同一行上的输入组和md按钮

我试图在同一行上使用输入组和几个按钮时遇到一些麻烦angular-material.

以下HTML结构生成您可以在其下方的图像上看到的结果,这不是我想要的:

<section layout-align="end center" layout-padding flex>
    <div layout="row" layout-align="start center" flex>
        <div class="input-group">
            <input type="text" class="form-control" ng-model="monitor.query" placeholder="Search reports" aria-describedby="addon">
            <span class="input-group-addon" id="addon"><i class="fa fa-search"></i></span>
        </div>
    </div>
    <section layout-padding>
        <md-button class="md-primary" data-dismiss="modal" type="submit" id="submit" value="Submit" ng-click="monitor.newReport();">New Report</md-button>
        <md-button class="md-hollow disabled" data-dismiss="modal" type="button">Export</md-button>
    </section>
</section>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

但是,如果我尝试在同一个元素中包含所有元素layout="row",那么input-group最终会占用所有空间并将按钮推出父div:

<section class="no-print" layout-align="end center" layout-padding flex>
    <div layout="row" layout-align="start center" flex>
        <div class="input-group">
            <input type="text" class="form-control" ng-model="monitor.query" placeholder="Search reports" aria-describedby="addon">
            <span class="input-group-addon" id="addon"><i class="fa fa-search"></i></span>
        </div> …
Run Code Online (Sandbox Code Playgroud)

css angular-material angular

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

jQuery + Animate.css动画只能工作一次,动画不能重置

我每次按下按钮时都会尝试重现特定的动画.

具体来说,我正在使用jQueryanimate.css库这个效果:在按钮单击时,一个类被添加(两个类来确切:):fadeInDown animated我想要动画的元素.

动画确实可以正常工作,但只能运行一次.为什么是这样?

小提琴:http://jsfiddle.net/jqm4vjLj/2/

我希望每次单击按钮时动画都会重置,即使它是从上一次点击完成的中途.每当我点击按钮时它也应该工作,而不仅仅是一次.

JS:

$("#button").click(function () {
    $("#button").removeClass();
    $("#button").addClass("fadeInDown animated");
});
Run Code Online (Sandbox Code Playgroud)

animate.css中的类:

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.animated …
Run Code Online (Sandbox Code Playgroud)

javascript css jquery animation

9
推荐指数
2
解决办法
9611
查看次数

Grunt wiredep没有注入字体 - 真棒

我目前正在开发一个已经开始使用的项目yeoman.

出于某种原因,当我运行grunt-wiredep所有依赖项时,我将注入相关的index.html除外font-awesome.

这是我的bower.json档案:

{
  "name": "watermelon",
  "version": "0.0.0",
  "dependencies": {
    "angular": "^1.3.0",
    "angular-animate": "^1.3.0",
    "angular-bootstrap": "~0.13.3",
    "angular-cookies": "^1.3.0",
    "angular-google-maps-native": "~2.0.0",
    "angular-mocks": "~1.3.0",
    "angular-resource": "^1.3.0",
    "angular-route": "^1.3.0",
    "angular-sanitize": "^1.3.0",
    "angular-scenario": "~1.3.0",
    "angular-touch": "^1.3.0",
    "angular-ui-router": "~0.2.15",
    "bootstrap": "^3.2.0",
    "bootstrap-switch": "~3.3.2",
    "eonasdan-bootstrap-datetimepicker": "~4.15.35",
    "es5-shim": "^4.0.0",
    "font-awesome": "~4.4.0",
    "json3": "^3.3.0",
    "moment": "~2.10.6",
    "ng-tags-input": "3.0.0",
    "requirejs": "latest",
    "requirejs-domready": "latest",
    "stacktrace-js": "~0.6.4",
    "underscore": "~1.8.3"
  },
  "appPath": "."
}
Run Code Online (Sandbox Code Playgroud)

并链接到Gruntfile.js:http://pastebin.com/xxZwAYRW

当我grunt-wiredep …

javascript font-awesome bower grunt-wiredep

9
推荐指数
2
解决办法
4282
查看次数

Laravel查询构建器返回对象或数组?

我正在用Laravel构建一个非常简单的Web应用程序.

我已经构建了两个独立的控制器,每个控制器返回两个单独的视图,如下所示:

ProfileController可:

class ProfileController extends BaseController {

    public function user($name)
    {
        $user = User::where('name', '=', $name);

        if ($user->count())
        {
            $user = $user->first();
            $workout = DB::table('workouts')->where('user_id', '=', $user->id)->get();

            Return View::make('profile')
                    ->with('user', $user)
                    ->with('workout', $workout);
        }

        return App::abort(404);
    }
}
Run Code Online (Sandbox Code Playgroud)

WorkoutController:

class WorkoutController extends BaseController {

    public function workout($name)
    {
        $workout = DB::table('workouts')->where('name', '=', $name)->first();

        if ($workout)
        {
            Return View::make('add-exercise')
                    ->with('workout', $workout);
        }

        return App::abort(404);
    }
}
Run Code Online (Sandbox Code Playgroud)

令我困惑的是我为了将单个workout对象传递给每个视图而必须做的事情.您可能已经注意到查询构建器workout是不同的:

$workout = DB::table('workouts')->where('user_id', '=', $user->id)->get();
Run Code Online (Sandbox Code Playgroud)

$workout = DB::table('workouts')->where('name', …
Run Code Online (Sandbox Code Playgroud)

php query-builder laravel eloquent

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

JavaScript split() 方法导致未定义

我正在开发一个简单的程序,它将从数组中选择一个随机字符串。

我从一个预定义的数组开始,但大约一半时想知道使用 a 是否会更简单(或更优雅)text file (.txt),因为我有 1000 多个项目。

我在这里找到了这个解决方案(对此我不以为然)并且它对我有用......

function readTextFile(file) {
    var items = [];
    var rawFile = new XMLHttpRequest();
    rawFile.open("GET", file, true);
    rawFile.onreadystatechange = function() {
        if(rawFile.readyState === 4)
        {
            if(rawFile.status === 200 || rawFile.status === 0)
            {
                var items = rawFile.responseText.split('\n');
                alert(items[0]);
            }
        }
    };
    rawFile.send(null);
}

readTextFile('source.txt');
Run Code Online (Sandbox Code Playgroud)

...在一定程度上。

我希望array items[]每个项目包含一行。换句话说,我想按新行拆分。但是,items[0]当我使用split('\n').

items[0]在上面的例子中变成了第一句话,所以说的很对。如果我想alert items[1]我得到未定义。

如果我使用其他一些分割点,例如split(''),它可以正常工作,仅将每个项目的每个字符分开直到换行,然后我再次未定义。

假设 : 的第一行,.txt is "asd"因此 'asd' 在数组中定义为:

items[0] …
Run Code Online (Sandbox Code Playgroud)

javascript arrays jquery split text-files

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