当我使用Visual Studio Code复制并粘贴一段代码时,按Enter键创建一个新行后,会发生以下情况:
它似乎保留了新行创建的缩进,将复制的代码段中的先前信息添加到其上.我宁愿代码在粘贴时自动美化.
可以通过设置更改此行为吗?
编辑:我不是指跨平台的复制粘贴,我指的是在Visual Studio Code中的同一文件中复制和粘贴.
当向 Google Chrome 开发工具“源”选项卡中的文件添加断点时,右侧列中的“范围”部分应该填充该文件中声明的所有可用变量/对象。
对于我的某些文件,此功能按预期工作,但对于其他文件,它仅显示此“正在加载...”文本。
为什么是这样?
我在角度应用程序中有多个视图.目前,我正在使用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) 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执行此操作,或者我只需要创建自己的样式?
在我的代码中,我在折线图上加载了一个包含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绘制坐标的函数的名称在哪里,而不会失去动画感.
怎么办?
这是我的代码的链接:
我试图在同一行上使用输入组和几个按钮时遇到一些麻烦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) 我每次按下按钮时都会尝试重现特定的动画.
具体来说,我正在使用jQuery和animate.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) 我目前正在开发一个已经开始使用的项目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 …
我正在用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) 我正在开发一个简单的程序,它将从数组中选择一个随机字符串。
我从一个预定义的数组开始,但大约一半时想知道使用 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)