小编Dav*_*vid的帖子

我有一个react组件,我在NPM注册表中发布了我使用webpack构建的组件.在我的主项目中,我使用了组件npm包JS:

Import myComp from 'myComp';

问题是myComp也有CSS,我dist/index.css在webpack和ExtractTextPlugin(将所有css构建到一个文件中)的帮助下构建.

我想要消费这样的风格:

Import 'myComp/index.css';

要么

Import 'myComp/index';

在myComp npm包中,我希望以支持此导入方法的方式公开它.

注意:我不想直接从中导入 node_modules

Import '../../../node_modules/myComp/index.css'; // bad

谢谢!

如何防止CHILD元素影响PARENT元素？

jQuery的:

$("#parent").click(function() {
    alert('parent clicked');
});
$("#child").click(function() {
    alert('child clicked');
});

HTML:

<div id="parent">
    click me - parent
    <div id="child">click me - child</div>
</div>

如果您单击该子项,则父项也会被激活,我们会有2个警报.

那么如何防止孩子影响父母呢？

我在尝试使用createLinearGradient时遇到问题

//linear gradient
canvas.beginPath();
canvas.arc(350,400,100,0,2*Math.PI,false);
canvas.strokeStyle = 'lightblue';

var grad = canvas.createLinearGradient(350,110,100,0);  //(x0,y0) to (x1,y1)
grad.addColorStop(0,'red');
grad.addColorStop(1,'yellow');
grad.fillStyle = grad;
canvas.fill();
canvas.stroke();

问题是圆上的线性渐变不起作用.圆圈本身很好..

在那段代码之前我有"canvas.fillStyle ='green';" 所以圆圈是绿色的,不是红色或黄色.所以也许我忘记了什么..

谢谢!(顺便说一句,我使用铬,这种效果在其他事情上工作正常)