mapv-Editor 预发布版简介

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

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

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

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

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

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

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

JavaScript 的多线程,Worker 和 SharedWorker

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

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

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

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

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

ES6 Module

相对比起Python,PHP等其他语言,JavaScript 在设计上视乎缺失了模块管理的部分,不过好消息是这些问题很快就会得到解决,在下一代JavaScript ECMASCRIPT 6中,这个问题被很好的解决了。 ES6 Module 特性 Module 特性是在14年的7月被完全确认的,这就意味着到目前为止,语法相对比较稳定。 Module 包...
2015-08-20
4575 2 2

Nodejs实现可训练的中文分词实践

前段时间在研究 TF-IDF、杰卡德相似系数计算文本的相似度的时候(目前我的博客中部分文章底部的“猜你喜欢”推荐的文章就是用这种算法计算出来的),用到了中文分词的一些东西,由于当时精力有限,直接用了python的“结巴分词”来实现。 恰巧听说老东家最近出了个算法大赛,题目就是就是对小说《三体》进行中文分词!闲下来简单的动手写了一个Node版的算法,100行代码,虽然还是很初级的,但是还是想写...
2015-06-26
8065 5 3

JavaScript 对象转换,toString,valueOf

开始这个话题之前,我们先看一下下面的几个例子: parseInt(0.0000004) 4 ![]==[] true ['x','y'] == 'x,y' true alert({name:'mofei'}) "[object Object]" 结果有时候会让我大吃一惊,这是为什么呢?今天就和大家讨论一下JavaScript的对象转换。 ...
2015-04-20
5661 10 10

Window.postMessage() HTML5 跨域解决方案

Hey,everybody~ 又是倒霉的跨域 T T , 有多少人死在了“说出你知道的跨域解决方案,越多越好?”这个面试问题上。 今天和大家说说,HTML5提供的一个跨域解决方案,Window.postMessage , 它足够易学好用,会让你眼前一亮。但是往往大多数情况下,都不会让人一直笑下去,俗话说道高一尺魔高一丈,这个方法同样也会被HTTP的一些协议所限制着,比如X-Frame...
2015-04-08
5185 4 4

webGL 学习手记 | webGL 教程 (二)

上一篇的文章 《webGL 学习手记 webGL 教程 (一)》 说到如何获取webGL的上下文 , 这是webGL的第一步,就好比上画家拿到了绘画的纸。接下来,在拿到webGL的上下文之后,我们就可以愉快的和webGL玩耍了。 * [DEMO预览](http:zmo...
2014-12-03
6233 2 0