我看到很多D3代码有这样的东西:
var x = d3.scale.ordinal()
.rangeRoundBands([0, width], .1);
由于D3版本4.0 d3.scale.ordinal()是现在d3.scaleOrdinal和rangeRoundBands似乎消失了.
> d3.scaleOrdinal()
{
[Function: scale]
domain: [Function],
range: [Function],
unknown: [Function],
copy: [Function]
}
这个代码的D3 v4相当于什么(来自Mike Bostock的条形图示例)？
var x = d3.scale.ordinal()
.rangeRoundBands([0, width], .1);
我将节点版本从v7.1.0升级到v9.4.0.在此之后,我试图运行我的服务器,然后我得到了这个.
was compiled against a different Node.js version using
NODE_MODULE_VERSION 51. This version of Node.js requires
NODE_MODULE_VERSION 59. Please try re-compiling or re-installing
the module (for instance, using `npm rebuild` or `npm install`).
然后我知道npm rebuild.我运行命令npm rebuild和npm install.它在运行后修复 npm rebuild但我不明白它的作用.请解释一下npm rebuild
谢谢
我正在研究是否可以使用React Native轻松实现,或者我是否应该构建本机应用程序.
我想编辑照片库中的图像并为其添加文本叠加层.可以把它想象成带有问候语的明信片.
我如何添加文本和图像并在本机中生成它的新副本？我不是在寻找详细的代码,只是为了解释如何开始.
更新: 它是一个很好的替代方案,只是保存图片上的消息坐标而不是生成新的图像？
我正在使用Ionic 3来构建一个简单的地图应用程序,以便使用OpenStreet地图图块呈现我正在使用传单(类型版本)的地图
我想让用户下载和缓存地图的可能性,因此我在这里找到了传单离线 并希望使用它,因为它允许我使用我的本地存储来存储图像.
现在我的问题出现了,我正在尝试将打字稿与javascript混合,我无法弄清楚如何使其正常工作.
我做了什么,问题是什么:
我安装了传单类型版本,然后安装了传单离线javascript版本.
现在我在页面中将它们导入如下:
import * as leaflet from 'leaflet';
import 'leaflet-offline';
现在,如果我尝试按照示例中的说明使用库,我会得到一个打字稿错误,它指示我离线的属性不在对象TileLayer中.
leaflet.tileLayer.offline('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', tilesDb, {
attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>',
subdomains: 'abc',
minZoom: 13,
maxZoom: 19,
crossOrigin: true
}).addTo(this.map);
为了避免这种情况,我补充道
export namespace tileLayer {
function wms(baseUrl: string, options?: WMSOptions, offline?: any): TileLayer.WMS;
function offline(url?: any, tilesDb?: any, options?: any): any;
}
该函数offline位于tileLayer本身的命名空间中.
当前的问题 在我尝试运行应用程序的那一刻,一切正常,除了实际的地图,我看不到它,当我调查它时得到的错误如下:
错误类型错误:无法在NewClass._TateUrl(vendor.js:163489)的NewClass._addTile(vendor.js:79419)的NewClass._update(供应商,js:73419)的NewClass.getTileUrl(vendor.js:163489)中读取null的属性'then' .js:79310)在NewClass._setView(vendor.js:79171)的NewClass._resetView(vendor.js:79129)NewClass.fire(vendor.js:68787)NewClass._move(vendor.js:72343)at at NewClass._catchTransitionEnd中的NewClass._onZoomTransitionEnd(vendor.js:72800)(vendor.js:72732)
我确定我犯了一些愚蠢的错误,但我在这个问题上失去了很多时间.
任何人都有一些关于如何解决这个问题的线索？
我在我的ASP.NET核心Web项目中通过NPM安装了Webpack.现在的webpack版本是: 2.4.1.但是,我需要安装以下版本的webpack : 2.1.0-beta.25.
我试过使用以下命令:
npm install webpack@2.1.0-beta.25
但似乎这个命令没有安装所需的版本Webpack因为这个命令npm view webpack version显示:2.4.1
我怎样才能降级到2.1.0-beta.25？
我知道React会创建一个虚拟DOM并比较差异，然后才更新实际DOM的实际元素，但是如果我手动更改它，效率会更高吗？通过getElementById还是通过使用jQuery函数？
<!DOCTYPE html>
<html>
<body>
<form>
Select your favorite browser:
<select id="myList" onchange="myFunction()">
<option></option>
<option>Google Chrome</option>
<option>Firefox</option>
<option>Internet Explorer</option>
<option>Safari</option>
<option>Opera</option>
</select>
<p>Your favorite browser is: <input type="text" id="demo" size="20"></p>
</form>
<script>
function myFunction() {
var mylist = document.getElementById("myList");
document.getElementById("demo").value = mylist.options[mylist.selectedIndex].text;
}
</script>
</body>
</html>
javascript ×5
node.js ×2
android ×1
d3.js ×1
ionic3 ×1
ios ×1
leaflet ×1
npm ×1
react-native ×1
reactjs ×1
typescript ×1
virtual-dom ×1
webpack ×1