如何使用命令行界面在browserify中指定多个转换?
具体来说,我尝试使用babelify,hbsfy(把手),和coffeeify(CoffeeScript的).
我正在使用webpack和babel在我正在制作的节点快速应用程序中转换我的es6/jsx文件.一切都很好,直到我包含google spreadsheetnpm模块并尝试将其导入我的项目.
我收到错误Uncaught Error: define cannot be used indirect但导入的模块中没有define语句.此错误仅显示在浏览器中,而不是在webpack捆绑我的文件时在我的控制台中显示,并完全阻止在页面上呈现任何内容.
我认为这与AMD/Commonjs有关,但我太缺乏经验,无法确定,或者如果是这样的话甚至会做什么.任何帮助,将不胜感激
我有两个视图在另一个之下.我通过顶视图的触摸感应旋转下面的视图.在尝试进行滑动时,触摸已取消的事件会在触发结束事件之前调用.当移动手指触摸开始并触摸移动事件被调用,然后触摸结束事件在最后(大多数)被调用.但有时在尝试缓慢移动时,触摸取消事件被称为停止触摸事件发生.所以我无法以慢速旋转视图.可能是什么问题?如何避免接触取消事件?
注意:我正在使用core-plot lib在视图中绘制一些图形.
这是将我的ES6代码编译成单个ES5文件的gulp任务.我在ES6中使用类和模块(import,export).
gulp.src(paths.scripts)
.pipe(sourcemaps.init())
.pipe(babel({
presets: ['es2015']
}))
.pipe(concat('all.js'))
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest('./www/js'));
Run Code Online (Sandbox Code Playgroud)
但是,因为Babel将ES6 import指令编译成require命令,并且require将尝试请求文件,所以请求文件失败,因为所有ES5代码都被连接到一个文件all.js.
结果是一堆"错误:无法找到模块"错误.如何编译在单个文件中保存的模块?
在CSS样式:
.outer {
position: relative;
width: 100%;
height: 200px;
background-color: #000;
overflow: hidden;
}
.outer:focus {
outline: 10px solid #00FF00;
}
.inner {
position: absolute;
width: 50%;
height: 200px;
background-color: #F0F;
left: 50%;
}
.inner:focus {
outline: 10px solid #FFFF00;
}
Run Code Online (Sandbox Code Playgroud)
该HTML代码:
<div tabindex="0" class="outer">
<div tabindex="0" class="inner">
Run Code Online (Sandbox Code Playgroud)
的问题:我想打内格可聚焦与外框,但因为overflow: hidden;我不能做到这一点。这只是一个例子。另外,overflow: hidden当焦点位于内部 div 时,我不想触摸外部 div 的 ,所以这不会发生。也许有一种简单的方法(只有代码,没有 imgs-graphics)来在可聚焦元素上实现某种边框?
*仅CSS-HTML 代码请。没有JS
在列上创建datatablewith filter = 'top'并使用格式化功能时,格式不会应用于该列的过滤器控件.有没有办法格式化过滤器控件?
例如,如果我将浮点数设置为百分比格式,则过滤器中的滑块仍显示浮点数.
library(DT)
my_data <- mtcars
my_data$wt_pctile <- trunc(rank(my_data$wt)) / length(my_data$wt)
datatable(my_data,
filter = 'top') %>%
formatPercentage('wt_pctile')
Run Code Online (Sandbox Code Playgroud)
我有一个工作角度2 Componen吨.我为某些服务实现了一个类(ng.core.Class如果重要的话,使用它).将服务注入我的最小步骤是Component什么?我应该在bootstrap功能中包含我的服务吗?到目前为止,我应该使用任何ng.core.Inject或ng.core.Injectable?所有实验失败.
我只是不明白触摸取消事件的苹果含义是什么以及如何调用.
我的angularjs应用程序的编译器选项如下。我应该使用其它软件包,transpile ES6到ES5如果我更改了目标再次ES6?
{
"compilerOptions": {
"target": "es5", // Change this to es6
"module": "commonjs",
"sourceMap": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"removeComments": false,
"noImplicitAny": false,
"outDir": "./wwwroot/app/"
},
"exclude": [
"node_modules",
"wwwroot"
]
}
Run Code Online (Sandbox Code Playgroud) 在这里,我已经在一个数组中存储了四个对象.我想只显示ReactDOM.render方法中的前两个对象.
目前,显示所有项目.我使用jQuery map函数循环遍历数组.
如何只显示前两个对象?
var data = [
{id:1, content:'test1'},
{id:2, content:'test2'},
{id:3, content:'test3'},
{id:4, content:'test4'}
];
var UserList = React.createClass({
render: function() {
var Users = this.props.data.map(function(el, i){
return <li key={i}>{el.content}</li>;
});
return (
<ul>{Users}</ul>
);
}
});
ReactDOM.render(
<UserList data={data} />,
document.getElementById('container')
);
Run Code Online (Sandbox Code Playgroud) javascript ×4
babeljs ×3
ecmascript-5 ×3
cocoa-touch ×2
ecmascript-6 ×2
html ×2
ios ×2
uitouch ×2
angular ×1
angularjs ×1
browserify ×1
css ×1
datatables ×1
dt ×1
express ×1
formatting ×1
jquery ×1
node.js ×1
r ×1
reactjs ×1
shiny ×1
webpack ×1