我试图确定这两个之间是否存在任何重大差异,除了能够通过以下方式导入export default:
import myItem from 'myItem';
使用export const我可以做:
import { myItem } from 'myItem';
我想知道除此之外是否存在任何差异和/或用例.
我正在尝试使用数组映射来进一步过滤对象,以准备将其发送到服务器以进行保存.我可以过滤到1个键值,这很好,但是我想进一步检查它们并根据布尔值检查它们.
所以,现在这就是我所拥有的 -
$scope.appIds = $scope.applicationsHere.map( function(obj){
if(obj.selected == true){
return obj.id;
}
});
这对于拉出id非常有用,但是如果他们选择的值== false,我不想在这个新数组中推送它们,所以我放了一个条件来进一步过滤.这有点工作,我得到一个id的数组,但是具有.selected == false的id仍然在数组中,只是值为null.所以,如果我在对象中有4个项目,其中2个是假的,它看起来像这样 -
appIds = {id1, id2, null, null};
我的问题是 - 有没有办法在没有空值的情况下执行此操作.谢谢阅读!
我正在尝试建立一个基本的反应示例 - 使用jspm/systemjs和babel.我在这里有这个代码来显示一个简单的页面,我收到一个错误
import React from 'react';
export default React.createClass({
displayName: 'MainComponent',
propTypes: {
item: React.PropTypes.object
},
render: function render() {
return (
<div class="builder-conteiner">
<div>;
);
}
});
React.render(<MainComponent />, document.getElementById('app'))
没有任何东西出现,控制台错误的"未终止的JSX内容",并且babel指向react.render行,如下所示:
17 | React.render(<MainComponent />, document.getElementById('app'))
| ^
这还是新手,所以我不确定这里出了什么问题,不胜感激任何帮助.谢谢!
我试图保持背景视频居中,无论用户拖动视频有多大.当我滚动较小时,它目前正在切断视频的右侧.这就是我所拥有的:
<section id="home">
<div class="video_shader"></div>
<div class="video_contain">
<video autoplay="" loop="" poster="img/still.jpg" id="bgvid">
<source src="/realWebm.webm" type="video/webm" />
<source src="/realdeal.mp4" type="video/mp4">
<source src="/reaOg.ogv" type="video/ogg" />
</video>
</div>
</section>
.video_contain{
display: block;
position: absolute;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
video {
min-width: 100%;
min-height: 100%;
z-index: -100;
background-position: center;
background-size: cover;
}
#home {
width: 100vw;
height: 100vh;
display:block;
position: relative;
}
我希望视频的中心始终是页面的中心,即使侧面被切断 - 如果它以这种方式发生,这实际上是理想的.非常感谢任何帮助.谢谢阅读!
我试图限制通过过滤进入的对象(因为最终会有一个选项显示所有),但是当我尝试限制并按索引跟踪时,我遇到了问题.这是代码:
<div ng-repeat="item in filter.values track by $index | limitTo:filterLimit" class="cengage-builder-result-filter-value" value="item" update-filter="updateFilter">
在控制器中:
$scope.filterLimit = 5;
它说我在角度误差中有欺骗,所以我认为$ index的曲目在这里不起作用.似乎无法找到正确的方法来做到这一点,可以使用一些帮助.谢谢!
我的md-select设置如下:
<md-select placeholder="Category" ng-model="current.Category" flex >
<md-option ng-repeat="item in categories" ng-value="{{item}}">{{item.Name}}</md-option>
</md-select>
@scope.categories 价值是
[
{
"Name":"Commercial & Industrial",
"ParentId":null,
"Categories":[
{
"Name":"Deceptive Marketing",
"ParentId":19,
"Categories":[
],
"Id":24,
"ModifiedDate":"2015-08-06T07:49:53.0489545",
"CreatedDate":"2015-08-06T15:49:51.707"
},
{
"Name":"Aggressive Agents",
"ParentId":19,
"Categories":[
],
"Id":25,
"ModifiedDate":"2015-08-06T07:50:10.0026497",
"CreatedDate":"2015-08-06T15:50:08.63"
}
],
"Id":19,
"ModifiedDate":"08/06/2015 @ 7:49AM",
"CreatedDate":"08/06/2015 @ 3:49PM"
},
{
"Name":"Competitive Supply",
"ParentId":null,
"Categories":[
{
"Name":"Security Deposit",
"ParentId":20,
"Categories":[
],
"Id":21,
"ModifiedDate":"2015-08-06T07:49:30.3966895",
"CreatedDate":"2015-08-06T15:49:25.8"
},
{
"Name":"Meter",
"ParentId":20,
"Categories":[
],
"Id":22,
"ModifiedDate":"2015-08-06T07:49:34.6571155",
"CreatedDate":"2015-08-06T15:49:33.3"
},
{
"Name":"Bill",
"ParentId":20,
"Categories":[ …我有一个很大的数据(列表)存储在我要在我的页面上打印出来的状态.
我试过了 -
<div>{JSON.stringify(myObject)}</div>
和
<div>{myObject.toString()}</div>
tostring不起作用,但我想我会试一试.我不确定如何做到这一点,我知道如果我处于角度,我可以将对象存储在$ scope变量中,只需在页面上执行{{myVar}}即可呈现对象.有没有办法快速做出反应？谢谢
我想在我的npm bundle脚本中添加第二部分.第一部分运行得很好,但是我试图将3个文件与bundle一起复制.
所以现在我有:
"bundle": "NODE_ENV=production webpack --output-file bundledFile.js && cp package.json dist/",
这些NODE_ENV=production webpack --output-file bundledFile.js作品本身很棒.不工作的部分是&& cp package.json dist/,我希望脚本将我的package.json(以及其他2个文件实际上,但只是从这一个开始)复制到dist文件夹.这些脚本全新,任何想法如何解决？感谢任何建议,谢谢!
我正在尝试将我的应用程序分块 - 尝试按照webpacks指南进行操作方法(https://webpack.github.io/docs/code-splitting.html).所以我为我的应用程序设置了一个单独的块,我可以看到webpack正在1.bundle.js我的构建文件夹中生成,但是它index.html使用不正确的路径将其粘贴到我的上面,并且在我的控制台中我看到该1.bundle.js文件的获取错误.
所以我的webpack配置看起来像这样(我现在只使用webpack:dev):
return {
dev: {
entry: {
index: './client/app.jsx'
},
output: {
path: path.join(__dirname, '..', '..', 'dist', 'client'),
publicPath: "/dist/client/",
filename: 'bundle.js'
},
module: {
loaders: [{
test: /\.jsx?$/,
exclude: /node_modules/,
loader: 'babel-loader',
query: {
presets: ['es2015']
}
}, {
test: /\.json$/,
loader: 'json-loader'
}]
},
resolve: {
extensions: ['', '.js', '.jsx']
},
resolveLoader: {
fallback: [path.join(__dirname, 'node_modules')]
},
plugins: [
new webpack.DefinePlugin({
"process.env": {
"NODE_ENV": JSON.stringify("dev")
}
}) …我在移动设备/平板电脑上遇到问题,事件发生两次.当我单击以下功能时,应该下拉的菜单将下拉,然后immediataly滑回.这只是触控设备的问题.
$(document).on("touchend click", ".lines-button", function(e){
e.stopImmediatePropagation();
if($(this).hasClass("close")){
$(this).removeClass("close");
$(".widget1x1Back").next(".actionsHolder3").slideUp("fast", function() {
$(this).remove();
});
}else{
var iconsList = $(this).closest(".top1x1").next(".hdnActnLst").find(".iconsHolder3").html();
$(this).closest(".widget1x1").append(iconsList);
$(this).closest(".widget1x1").find(".actionsHolder3").hide();
$(this).closest(".widget1x1").find(".actionsHolder3").slideDown(700,"easeOutBack");
$(this).addClass("close");
}
});
任何输入都会很棒,谢谢!!