D3实现折线绘制动画的三种方法 引言 想要用d3实现常见的折线绘制动画,找了找没有现成的库可以用。于是,自己结合svg的一些资料和d3的transition想了三种实现方法。总体是两类思路一类是是遮盖折线如用rect遮盖,通过clip-path修改可视区域遮盖,另外一类是通过修改折线的样式实现,如用stroke-dasharray和stroke-dashoffset。完整的demo代码在本文最后的gitHub链接中给出。 效果 2021-05-08 前端 数据可视化
在html中请求本地json文件的三种方法 引言在使用D3请求本地json文件的时候出现了跨域问题,探索了下整理了想到的三种解决方法。 一、问题定位先看下我出问题的程序,这个程序是在html页面中,用d3抓取本地的bar.json 作为数据源,操作dom来用svg绘制柱状图。程序代码如下: 1234567891011121314151617181920212223242526272829303132333435363738394041424 2021-04-11 前端
Flask项目部署:gunicorn+nginx(超详细!!) 前言本文是一篇flask项目部署的入门教程,记录了在阿里云上从数据库的安装到最终项目的部署的全过程以及过程中遇到的一些问题。参考的资料在本文的最下面,在过程中有使用到也会把链接附在旁边。内容相对独立可以跳看需要的部分。 1. 在云服务器上安装mysql数据库在云服务器上mysql的使用和本地的区别只在于要提供外部访问的账号和接口安装的方法一般有两种一种是去官网上下载tar.gz压缩包来安装, 2021-02-23 后端
Db.session.query vs Model.query 前言之间在使用中发现用flask-sqlalchemy 有两种查询的方法 一种是 session.query 一种是Model.query 本文通过几个编程实验探究下两者的区别。 相同之处两种方法调用返回的对象都是query 都支持链式查询,在类似列表过滤查询条件这样的场景下,链式查询显得十分有用。 不同之处找了一些网上的资料好像没有说明两者之间性能的区别,主要区别在用法上。Session.que 2021-02-09 后端