编程日志 | nohup.net

实践是检验真理的唯一标准

推荐:高考软考作文答题卡红色方格纸

shell死循环

while true; do curl --user-agent "Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36" "https://baidu.com"; done

解决umijs/runtime“ does not exist in container的问题

解决方案

删除src 下“.umi ”文件夹


问题复现操作

1.使用umi脚手架搭建项目

yarn create umi myapp


2.将里面的插件,layout等配置进行清理后,安装插件以及启动项目

d3js地图geojson经纬度转换打点坐标svg图标空心饼图文字位置

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
</head>

<body>
<div id="container"></div>
<div id="test-svg"></div>

</body>
<script src="d3.min.js"></script>
<script type="text/javascript" src="world-countries.json"></script>
<script>
    window.onload = function () {
        // 地图绘制
        var width = 1200,
            height = 800;
        var svg = d3.select("#test-svg")
            .append('svg')
            .attr('width', width + 'px')
            .attr('height', height + 'px').style("border", "solid 6px rgb(215, 215, 215)");
        var projection = d3.geoMercator()
            .center([0, 0])
            .scale(200)
            .translate([width / 2, height / 2]);
        var path = d3.geoPath().projection(projection);
        var features = worldGeojson.features;
        svg.append('g')
            .attr('class', 'map')
            .attr('stroke', 'white')
            .selectAll()
            .data(features)
            .join('path')
            .attr("fill", function (d, i) {
                return "#D7D7D7";
            })
            .attr('d', path)
        // .on("mouseover", function(d, i) {
        //  d3.select(this)
        //    .attr("fill", "#FF0000");
        // })
        // .on("mouseout", function(d, i) {
        //  d3.select(this)
        //    .attr("fill", "#D7D7D7");
        // });

        // 圆环绘制
        data = [
            {"color": "red", "value": 50},
            {"color": "green", "value": 50},
        ]
        console.log(data);
        var sum = d3.sum(data.map(function (d) {
            return d.value
        }))

        for (i in data) {
            data[i].Percentage = (data[i].value / sum * 100).toFixed(0) + "%";
        }
        // console.log(data);

        var xy = projection([116.451412, 39.988609]);
        console.log(projection([0, 0]));
        console.log(xy);

        var pie = svg.append("g")
            .attr("transform", "translate(" + xy[0] + "," + xy[1] + ")");
        pie.append("text")
            .attr("x", -5)
            .attr("y", 5)
            .text("2")
            .attr("fill", "black");

        var arc_generator = d3.arc()
            .innerRadius(64 / 6)
            .outerRadius(64 / 4)
        // .startAngle(0)
        // .endAngle(120*Math.PI/180);

        var angle_data = d3.pie()
            .value(function (d) {
                return d.value;
            })
        // console.log(angle_data(data));

        // var color = d3.schemeCategory10;
        // 绿色,红色
        var color = ["#ad0b0b", "#2da44c"];
        // console.log(color)

        //生成内部圆环
        pie.selectAll("path")
            .data(angle_data(data))
            .enter()
            .append("path")
            .attr("d", arc_generator)
            .style("fill", function (d, i) {
                return color[i];
            })

    }
</script>
</html>

如何du -sh *查看隐藏目录的总大小

du -sh *

是不显示隐藏目录的统计大小的,如果要显示,则需要使用:

du -sh * .[^.]*


蚂蚁可视化antv知识私房菜(转)

传送门:

https://www.yuque.com/antv/blog


JS事件冒泡与捕获之VUE

一直谈冒泡,差点捕获忘了。

下面的文章总结的很好,直接传送门吧。

https://www.jianshu.com/p/3f0ee1f6ec30


在线加载geojson数据文件实现地图浏览

做一些基础验证,还是很方便,不用自己搭建服务器,也不用写前端代码。大多时候,我就看看。

http://geojson.io/

image.png

nodejs项目的package.json文件详解

好歹这东西是入口配置吧,肯定要了解了解,有人写的很详细了,就直接传送门吧!


https://blog.csdn.net/weixin_44135121/article/details/91674772

解决net.sf.jsqlparser.statement.update.Update.getTable()Lnet/sf/jsqlparser/

碰到:

java.lang.NoSuchMethodError: net.sf.jsqlparser.statement.update.Update.getTable()Lnet/sf/jsqlparser/


极大概率是因为项目pom同时依赖了pagehelper与mybatis-plus,导致jsqlparser的jar冲突。代码用到了某个版本中的方法,但请求时用的却是另一个版本,另一个版本中没有该方法。

解决方式,排除pagehelper中的即可,至少我的是这样

阿里巴巴的蚂蚁数据可视化antv-让数据栩栩如生

以前只知道有datav,看来还有个antv,阿里巴巴对绘图的贡献确实也挺大的。

https://antv.vision/



顺便推荐一些其它之前用过的绘图:

svg原生

<< < 1 2 3 4 5 > >>

Powered By Z-BlogPHP 1.7.2

© 2013-2022 nohup.net , All Rights Reserved. 豫ICP备20020372号-1