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

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

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

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

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

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

mapv-Editor 预发布版简介

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

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

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

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

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

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

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

JavaScript 的多线程,Worker 和 SharedWorker

随着业务的发展,前端脚本处理大量数据的情况已经变的越来越常见了。但是,当我们尝试用前端脚本处理大量数据的时候,会发现这样的计算可能占用过多资源导致页面前端UI线程的假死。在这背景下,为了让页面有更好的体验,W3C在HTML5的规范中提出了Web Worker的概念,允许浏览器通过后台线程来执行复杂的事物或者逻辑。 1. 大量计算导致的页面假死 先让我们看一下什么情况下会导致页面假...
2017-05-07
12055 11 7

使用 gulp,webpack,es6,sass,react 等开发复杂单页面项目

自从开始放肆的使用es6之后就变得一发不可收拾,经手的很多项目也逐渐变成了基于react.js的单页面项目。中间走了不少弯路,尤其是在各种工具之间的选型和使用上,折腾大半年之后,稍稍记录一下这个过程中使用到的一些东西以及遇到的一些坑。 0. 初始化项目(npm相关) 开始之前先简单的介绍一下npm的相关知识,由于现代的项目依赖于各种工具插件,因此一个项目需要一个包管理工具...
2016-10-20
7503 35 9

Viewport 单位: vw, vh, vmin, vmax

随着CSS3的普及,大家对 Viewport 一定不会陌生,尤其是在移动设备上,今天向大家介绍一种Viewport单位,这个单位看起来不是很起眼,但是用起来绝对要爽到爆。他们就是 vm, vh, vmin, vmax。 要它做什么?? 前端界这么多新的熊孩子,这家伙又是干嘛的呢?我为什么要去学习它呢? 卖个关子,先让我们看一下Demo ![Demo](...
2016-04-11
6208 20 5

用ToString生成验证码、字母序列

想要以更优的算法生成 "1d3ade","9ded19" 之类的验证码么? 想要快速生成"ABCDEFGHIJKL"之类的字母序列么? 通过 toString 的一些"trick",你可以以极简的算法复杂度实现上面的需求。 什么是toString? 其实不想用过多的笔墨介绍toString , 但是如果你真的还不知道什么是toString,那么你可能需要梳理一下你的前端知...
2015-11-02
5673 3 5

黄山的黄,黄山的山

 很长一段时间,我把"身体与灵魂,必须有一个在路上"用作自己的各种签名,最初也仅仅是因为它看起来逼格比较高罢了。 一年又一年,我去过了很多地方:和同事一起跃起在敦煌的沙丘上,带着老娘踏上了人间仙境九寨沟,牵着妹纸的手在普吉岛上留下一串串脚印。...
2015-10-07
4812 5 5