Mofei Logo前端基础

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

由于某些众所周知或者是中所不知的原因,在微信的小程序中我们只能调用腾讯自家的地图(差评),看着Mapbox绝美的样式只能望洋兴叹。在耗费了200根工程师的头发之后我们终于想到了一个曲线救国的方案(PS:工程师的头发可值钱了,尤其是高级工程师),先看效果: ![效果](https:static.zhuwenlong.comuploadarticleScreenFlow-1905311.g

Jan 22, 2019 3:14 AM
2321
Mofei LogoJavaScript

JavaScript数字前补0小技巧

经常处理财务数据的朋友可能会遇到这样一个需求:给定一个数值,转换成固定的长度的字符串,不足的地方前面补零,比如 123 = 000123。 通常我们会尝试这样的做法: let num = 123; 把数值转换成字符串 let numStr = num.toString(); let strLen = 5; 计算差几个空缺的0 let spac

Jan 10, 2019 3:21 AM
6106
Mofei LogoJavaScript

使用Travis-ci自动SSH部署代码

之前文章谈代码质量控制的时候说过,Travis-ci等持续集成工具可以帮助我们在代码提交之后进行单元测试之类的工作,那么有没有什么办法在单元测试之后让代码自动部署到我们需要的机器上呢?答案是完全可以。今天以我自己的博客为例和大家谈谈我的自动部署之路。 1. 从手动部署到自动部署 在整个代码部署的道路上,我经历了

Dec 27, 2018 11:26 AM
10611
Mofei LogoJavaScript

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

Mofei超爱开源,最近接触了不少大神的开源项目,特别羡慕这些项目的代码质量控制,再加上公司最近也在强调代码质量,在挖坑、填坑的路上总结出一些经验和大家分享。 今天想聊的是其中的持续集成、单元测试和代码覆盖率的部分。 ![article image from 'zhuwenlong.com'](https:static.zhuwenlong.comuploadimage154

Nov 13, 2018 3:35 PM
7013
Mofei LogoJavaScript

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

VS Code作为目前最流行的开发工具之一,自从开始使用VS Code起就变得离不开这个开发神器了,最近由于项目的原因,接触了一些Node.js的C插件,记录一下如何使用VS Code调试C模块。 1. 设置VS Code的调试模块 设置VS Code的调试模块很容易,你有很多种方法可以实现,下面简单的列出常用的两种: * 方法一: 按住CmdShift

Nov 6, 2018 9:18 AM
7604
Mofei LogoJavaScript

Web APP/JavaScript 下载大文件解决方案

随着浏览器处理数据能力的不断增强以及Web APP的流行,很多时候我们会需要把浏览器处理好的数据下载保存,如:将报表生成CSV、前端大数据可视化的结果保存、前端数据计算结果(在线Excel)的保存等。 关于前端生成的文件的下载,我之前也在《[JavaScript生成CSV,以及中文乱码问题](www.zhuwenlong.comblogarticle599c2a21f21d525b

Jul 13, 2018 11:02 AM
17050
Mofei Logo杂谈

在Mapbox工作是一种怎样的体验?

转一篇我之前在知乎上的回复: 在Mapbox工作是一种怎样的体验? - 知乎 https:www.zhihu.comquestion268843176 刚来Mapbox的时候,有幸参加了2个礼拜的Mapbox US Sprint,谈谈我这次去US的总体感受。 行前篇 在Mapbox,新童鞋会经常需要和美国的同事进行沟通,所以也会有很多机会去美国参加

Jul 6, 2018 6:22 AM
5538
Mofei Logo杂谈

Mofei作品@2017 - 世间本无其他,都是奇迹

持续高潮的2017过去了。今年的基调起的格外的高,一上来就是3月的新西兰自驾之旅,然后5、6月的婚礼、老家的新房也交房了,接下来的8、9月和一起奋斗的小伙伴们去了趟泰国,最后又假装去了趟贝加尔湖。如此之high,以至于到了2018元旦这个最佳年度总结时间,刷着充满“再见2017”的朋友圈,也只能计划着春节假期的时候静下来写点什么。 难得的一个周末,本来计划是把时间给**Bookost**(B

Jan 15, 2018 8:36 AM
5004
Mofei LogoJavaScript

mapv-Editor 预发布版简介

<iframe height=498 width=800 src='https:player.youku.comembedXMzE4MDYwMjc0NA==' frameborder=0 'allowfullscreen'<iframe mapv-Editor是一个基于mapv引擎的一款在线编辑器,目前还

Nov 29, 2017 2:54 AM
7541
Mofei LogoJavaScript

使用JavaScript Canvas模拟绘制带斑马线的十字路口及其细节

最近,在工作中需要模拟绘制一些带斑马线的十字路口,整个实现的过程中用了不少的时间,把具体的绘制过程简单的记录一下。 首先我们看一下手上有哪些数据,在下图中,左边就是我们能拿到的全部数据了。而右边的效果则是我们需要的图形。 ![https:static.zhuwenlong.comuploadimage1509690126944-20171103-1.png?imageView

Nov 6, 2017 1:05 PM
9533
Mofei LogoJavaScript

JavaScript生成CSV,以及中文乱码问题

由于工作的原因经常需要将表格导出成CSV格式,之前这类的工作都是交由后端处理的,这次由于是做一个单纯的前端工具,所以不想麻烦后台大神,尝试了一次通过JavaScript生成CSV。其实整个过程通按照BaiduGoogle上搜索出来的方案就可以流畅的完成,但是实际使用的时候,遇到了一些小问题,比如说中文乱码等,虽然折腾了半个小时用很hack方法解决了,但是整体回顾下来还是蛮有意思的,这里简单的整理

Aug 22, 2017 12:57 PM
10683
Mofei LogoJavaScript

JavaScirpt 货币转换成千分位正则 (非捕组获匹配详解)

如果给你一串数字,需要把他转换成货币的千分位格式,你会如何去做?比如:123123123 - 123,123,123 1. 一个有意思的正则表达式的由来 这其实是个陈年老问题了,但是不知为何最近的出镜率特别高,所以决定这里讨论一下。 先看一种传统的思维:从右侧起每隔三位加一个逗号。于是就有了下面的方法: javascript function money

Jun 7, 2017 12:51 PM
6917
HI, THERE!I AM MOFEI

(C) 2010-2024 Code & Design by Mofei

Powered by Dufing (2010-2020) & Next.js

IPC证:沪ICP备2022019571号-1