JavaScriptWeb APP/JavaScript 下载大文件解决方案
随着浏览器处理数据能力的不断增强以及Web APP的流行，很多时候我们会需要把浏览器处理好的数据下载保存，如：将报表生成CSV、前端大数据可视化的结果保存、前端数据计算结果（在线Excel）的保存等。 关于前端生成的文件的下载，我之前也在《[JavaScript生成CSV，以及中文乱码问题](www.zhuwenlong.comblogarticle599c2a21f21d525b
JavaScriptmapv-Editor 预发布版简介
<iframe height=498 width=800 src='https:player.youku.comembedXMzE4MDYwMjc0NA==' frameborder=0 'allowfullscreen'<iframe mapv-Editor是一个基于mapv引擎的一款在线编辑器，目前还
JavaScript使用JavaScript Canvas模拟绘制带斑马线的十字路口及其细节
最近，在工作中需要模拟绘制一些带斑马线的十字路口，整个实现的过程中用了不少的时间，把具体的绘制过程简单的记录一下。 首先我们看一下手上有哪些数据，在下图中，左边就是我们能拿到的全部数据了。而右边的效果则是我们需要的图形。 ![https:static.zhuwenlong.comuploadimage1509690126944-20171103-1.png?imageView
JavaScriptJavaScript生成CSV，以及中文乱码问题
由于工作的原因经常需要将表格导出成CSV格式，之前这类的工作都是交由后端处理的，这次由于是做一个单纯的前端工具，所以不想麻烦后台大神，尝试了一次通过JavaScript生成CSV。其实整个过程通按照BaiduGoogle上搜索出来的方案就可以流畅的完成，但是实际使用的时候，遇到了一些小问题，比如说中文乱码等，虽然折腾了半个小时用很hack方法解决了，但是整体回顾下来还是蛮有意思的，这里简单的整理
JavaScriptJavaScirpt 货币转换成千分位正则 （非捕组获匹配详解）
如果给你一串数字，需要把他转换成货币的千分位格式，你会如何去做？比如：123123123 - 123,123,123 1. 一个有意思的正则表达式的由来 这其实是个陈年老问题了，但是不知为何最近的出镜率特别高，所以决定这里讨论一下。 先看一种传统的思维：从右侧起每隔三位加一个逗号。于是就有了下面的方法： javascript function money
JavaScriptJavaScript 的多线程，Worker 和 SharedWorker
随着业务的发展，前端脚本处理大量数据的情况已经变的越来越常见了。但是，当我们尝试用前端脚本处理大量数据的时候，会发现这样的计算可能占用过多资源导致页面前端UI线程的假死。在这背景下，为了让页面有更好的体验，W3C在HTML5的规范中提出了Web Worker的概念，允许浏览器通过后台线程来执行复杂的事物或者逻辑。 1. 大量计算导致的页面假死 先让我们看一下什么情况下会导致页面假
JavaScript使用 gulp,webpack,es6,sass,react 等开发复杂单页面项目
自从开始放肆的使用es6之后就变得一发不可收拾，经手的很多项目也逐渐变成了基于react.js的单页面项目。中间走了不少弯路，尤其是在各种工具之间的选型和使用上，折腾大半年之后，稍稍记录一下这个过程中使用到的一些东西以及遇到的一些坑。 0. 初始化项目（npm相关） 开始之前先简单的介绍一下npm的相关知识，由于现代的项目依赖于各种工具插件，因此一个项目需要一个包管理工具
JavaScript用ToString生成验证码、字母序列
想要以更优的算法生成 "1d3ade","9ded19" 之类的验证码么？ 想要快速生成"ABCDEFGHIJKL"之类的字母序列么？ 通过 toString 的一些"trick",你可以以极简的算法复杂度实现上面的需求。 什么是toString？ 其实不想用过多的笔墨介绍toString , 但是如果你真的还不知道什么是toString，那么你可能需要梳理一下你的前端知
JavaScriptES6 Module
相对比起Python,PHP等其他语言，JavaScript 在设计上视乎缺失了模块管理的部分，不过好消息是这些问题很快就会得到解决，在下一代JavaScript ECMASCRIPT 6中，这个问题被很好的解决了。 ES6 Module 特性 Module 特性是在14年的7月被完全确认的，这就意味着到目前为止，语法相对比较稳定。 Module 包
JavaScriptNodejs实现可训练的中文分词实践
前段时间在研究 TF-IDF、杰卡德相似系数计算文本的相似度的时候（目前我的博客中部分文章底部的“猜你喜欢”推荐的文章就是用这种算法计算出来的），用到了中文分词的一些东西，由于当时精力有限，直接用了python的“结巴分词”来实现。 恰巧听说老东家最近出了个算法大赛，题目就是就是对小说《三体》进行中文分词！闲下来简单的动手写了一个Node版的算法，100行代码，虽然还是很初级的，但是还是想写
JavaScriptJavaScript 对象转换,toString,valueOf
开始这个话题之前，我们先看一下下面的几个例子： parseInt(0.0000004) 4 ![]==[] true ['x','y'] == 'x,y' true alert({name:'mofei'}) "[object Object]" 结果有时候会让我大吃一惊，这是为什么呢？今天就和大家讨论一下JavaScript的对象转换。
JavaScriptWindow.postMessage() HTML5 跨域解决方案
Hey,everybody~ 又是倒霉的跨域 T T , 有多少人死在了“说出你知道的跨域解决方案，越多越好？”这个面试问题上。 今天和大家说说，HTML5提供的一个跨域解决方案，Window.postMessage ， 它足够易学好用，会让你眼前一亮。但是往往大多数情况下，都不会让人一直笑下去，俗话说道高一尺魔高一丈，这个方法同样也会被HTTP的一些协议所限制着，比如X-Frame