Hi! I'm Mofei!从地图看疫情
Tags: JavaScript可视化
前段时间我们发布了一张可以动态展示全球新型冠状病毒疫情趋势的地图： https:www.mapbox.cncoronavirusmap 这张图经过N个版本的迭代，结合了来自东西方灵感的碰撞，最终形成了目前大家看到的还算令我们满意的一个版本。今天和大家谈谈开发这张地图背后的故事：我们想通过地图表达什么以及我们通过哪些技术方案让疫情地图得以实现。 ; let strLen = 5; 计算差几个空缺的0 let spaceLen = strLen - numStr.length; 拼出这些0 let spaceStr = ''; for(let i=0; i<spaceLen; i){ ...
2019-01-10 03:21:10
1914 4
使用Travis-ci自动SSH部署代码
Tags: Node.JSJavaScript
之前文章谈代码质量控制的时候说过，Travis-ci等持续集成工具可以帮助我们在代码提交之后进行单元测试之类的工作，那么有没有什么办法在单元测试之后让代码自动部署到我们需要的机器上呢？答案是完全可以。今天以我自己的博客为例和大家谈谈我的自动部署之路。 1. 从手动部署到自动部署 在整个代码部署的道路上，我经历了手动部署到shell半自动部署再到现在的Travis自动部署。 1.1 石器时代 - 手动部署 很早很早之前，我采用完全手动的方式部署代码： ![](https:stat...
2018-12-27 11:26:42
3247 4
mapv-Editor 预发布版简介
Tags: 可视化JavaScript
<iframe height=498 width=800 src='https:player.youku.comembedXMzE4MDYwMjc0NA==' frameborder=0 'allowfullscreen'<iframe mapv-Editor是一个基于mapv引擎的一款在线编辑器，目前还处于试用阶段。 **项目地址：[https:huiyan-fe.github.iomapV-editordistindex.html](https:huiyan-fe.github...
2017-11-29 02:54:00
2381 4
使用JavaScript Canvas模拟绘制带斑马线的十字路口及其细节
Tags: 可视化JavaScript
最近，在工作中需要模拟绘制一些带斑马线的十字路口，整个实现的过程中用了不少的时间，把具体的绘制过程简单的记录一下。 首先我们看一下手上有哪些数据，在下图中，左边就是我们能拿到的全部数据了。而右边的效果则是我们需要的图形。 ![https:static.zhuwenlong.comuploadimage1509690126944-20171103-1.png?imageView20w900](https:static.zhuwenlong.comuploadimage1509690126944-20171103-1.png?imageView20w9...
2017-11-06 13:05:19
3262 7
JavaScript生成CSV，以及中文乱码问题
Tags: 前端基础JavaScript
由于工作的原因经常需要将表格导出成CSV格式，之前这类的工作都是交由后端处理的，这次由于是做一个单纯的前端工具，所以不想麻烦后台大神，尝试了一次通过JavaScript生成CSV。其实整个过程通按照BaiduGoogle上搜索出来的方案就可以流畅的完成，但是实际使用的时候，遇到了一些小问题，比如说中文乱码等，虽然折腾了半个小时用很hack方法解决了，但是整体回顾下来还是蛮有意思的，这里简单的整理一下。 Data URLs 首先需要介绍一下Data URLs，其允许通过URL地址的方式存储文件，我们的CSV也是利用了这个技术，将CSV的内容转成URL，然后在新窗口打开，这样浏...
2017-08-22 12:57:05
5650 11