logoHi! I'm Mofei!
全部69前端基础5HTML2CSS3JavaScript40Node.JS4可视化4杂谈11

如何使用Canvas实现一个时间控件

 Tags:  前端基础可视化JavaScript
前段时间在一个分享上提及到了我们的时间穿梭控件，分享之后很多同学在Github的Issue中留言想了解该控件的具体开发过程，利用周末的时间将该控件单独重新写成一个Demo，和大家分享一下具体的技术实现细节。 重新整理的控件开源在Github上 https:github.comzmofeitimeplayer ，也欢迎大家在Issue中对代码提出问题或者建议，共同探讨一起进...
2020-03-22 13:54:50
959 5

从地图看疫情

 Tags:  可视化JavaScript
前段时间我们发布了一张可以动态展示全球新型冠状病毒疫情趋势的地图： https:www.mapbox.cncoronavirusmap 这张图经过N个版本的迭代，结合了来自东西方灵感的碰撞，最终形成了目前大家看到的还算令我们满意的一个版本。今天和大家谈谈开发这张地图背后的故事：我们想通过地图表达什么以及我们通过哪些技术方案让疫情地图得以实现。 ![图片来自zhuwenlong.com](https:cdn.zhuwenlong.comuploadimage20200220heatmap.g...
2020-02-23 16:24:13
2522 3

从零开始做点阵地图

 Tags:  可视化JavaScript
最近有不少人看到我放在个人主页上的地图之后，问我是怎么做的或者是用了什么插件。 这张地图最早诞生在几年前的一次博客改版，当时是想把我去过的地方都标记出来，梦想着什么时候能把整个世界地图点亮。 最近抽空把这个整个地图的开发过程整理了出来，也顺便把这个项目放在了Github上，有兴趣的小伙伴可以通过 https:github.com...
2019-08-30 08:05:13
2221 12

如何在微信小程序里加载超好看的 Mapbox 地图？

 Tags:  可视化前端基础
小程序，正在成为一种 Pre-App，以一种轻量的方式，来测试 App 的功能和用户场景，便于在正式的 App 中作出更明智的决策。 只可惜，在微信小程序里，只支持自家的地图，比如最基本的地图显示。 所以，开发者们看着 Mapbox 绝美的样式，真的只能望洋兴叹么？ ![P3](https:s...
2019-06-06 08:48:10
1922 2

来自世界的问候

这一篇，我们要来聊聊一位夜光族成员和他正在孵化中的项目。 Mofei，一个斜杠IT工程师，天蝎座的他开玩笑说自己是学心理学的，他希望将来可以开一家咖啡店，讲述自己环游世界的故事。 2018年Mofei离开了工作3年半的北京BAT公司回到了上海。恰巧我知道他现在的这家外资独角兽公司，虽然国内的团队只有初创规模，但对技术要求特别高。这样的背书，勾起了我想认识一下此人的兴趣。果然是有趣。 ![](https:static...
2019-01-22 03:14:29
166

在微信小程序中使用Mapbox地图

 Tags:  前端基础
由于某些众所周知或者是中所不知的原因，在微信的小程序中我们只能调用腾讯自家的地图（差评），看着Mapbox绝美的样式只能望洋兴叹。在耗费了200根工程师的头发之后我们终于想到了一个曲线救国的方案（PS：工程师的头发可值钱了，尤其是高级工程师），先看效果： 怎么样，是不是很神奇？！ How? 或许你已经想到了，没错，我们是通过微信提供的 [web-view](https:developers.weixin.qq.commini...
2019-01-22 03:14:29
166 1

JavaScript数字前补0小技巧

 Tags:  JavaScript前端基础
经常处理财务数据的朋友可能会遇到这样一个需求：给定一个数值，转换成固定的长度的字符串，不足的地方前面补零，比如 123 = 000123。 通常我们会尝试这样的做法： let num = 123; 把数值转换成字符串 let numStr = num.toString(); 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
3246 4

像大神一样写代码之代码质量控制

 Tags:  前端基础Node.JSJavaScript
Mofei超爱开源，最近接触了不少大神的开源项目，特别羡慕这些项目的代码质量控制，再加上公司最近也在强调代码质量，在挖坑、填坑的路上总结出一些经验和大家分享。 今天想聊的是其中的持续集成、单元测试和代码覆盖率的部分。 从我个人的角度来看，虽然单元测试和代码覆盖率会在一定程度...
2018-11-13 15:35:56
2767 8

如何使用VS Code调试Node.js C++ Addon 模块

 Tags:  Node.JS
VS Code作为目前最流行的开发工具之一，自从开始使用VS Code起就变得离不开这个开发神器了，最近由于项目的原因，接触了一些Node.js的C插件，记录一下如何使用VS Code调试C模块。 1. 设置VS Code的调试模块 设置VS Code的调试模块很容易，你有很多种方法可以实现，下面简单的列出常用的两种： * 方法一： 按住CmdShiftP打开命令栏，在命令栏中输入open launch.json然后选择C。 * 方法二：找到左侧边栏的调试按钮，然后在打开的边栏中点击顶部的齿轮图标⚙，然后选择C。 !...
2018-11-06 09:18:06
2224 2
123456789...9下一页
(C) 2010-2020 Code & Design by Mofei
Powered by Dufing (2010-2020) & Express
IPC证：皖ICP备11015043号