logoHi! I'm Mofei!
  • 首页
  • 博客
  • 实验室
  • 留言
  • 小伙伴
  • English
  • 
全部88前端基础10HTML2CSS3JavaScript45Node.JS4可视化8杂谈15Python学习1

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

 Tags:  JavaScript
如果给你一串数字,需要把他转换成货币的千分位格式,你会如何去做?比如:123123123 - 123,123,123 1. 一个有意思的正则表达式的由来 这其实是个陈年老问题了,但是不知为何最近的出镜率特别高,所以决定这里讨论一下。 先看一种传统的思维:从右侧起每隔三位加一个逗号。于是就有了下面的方法: javascript function money(num){ 先把数字换成字符串,然后转换成数组,反转之后,再组合成字符串 var reverseStr = num.toString().split('').reverse...
2017-06-07 12:51:20
 3789  12 

JavaScript 的多线程,Worker 和 SharedWorker

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

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

 Tags:  JavaScript
自从开始放肆的使用es6之后就变得一发不可收拾,经手的很多项目也逐渐变成了基于react.js的单页面项目。中间走了不少弯路,尤其是在各种工具之间的选型和使用上,折腾大半年之后,稍稍记录一下这个过程中使用到的一些东西以及遇到的一些坑。 0. 初始化项目(npm相关) 开始之前先简单的介绍一下npm的相关知识,由于现代的项目依赖于各种工具插件,因此一个项目需要一个包管理工具,用来解决各种脚本,包的安装问题,npm作为Node.js的模块依赖管理工具,能很好的解决这些问题。 开始一个项目,首先要在项目目录里执行下面的命令 $ npm init ...
2016-10-20 12:45:20
 4981  35 

Viewport 单位: vw, vh, vmin, vmax

 Tags:  CSS
随着CSS3的普及,大家对 Viewport 一定不会陌生,尤其是在移动设备上,今天向大家介绍一种Viewport单位,这个单位看起来不是很起眼,但是用起来绝对要爽到爆。他们就是 vm, vh, vmin, vmax。 要它做什么?? 前端界这么多新的熊孩子,这家伙又是干嘛的呢?我为什么要去学习它呢? 卖个关子,先让我们看一下Demo 仔细看,这里有这么几点值得我们探讨的: 1. 首先...
2016-04-11 12:26:56
 4149  20 

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

 Tags:  JavaScript
想要以更优的算法生成 "1d3ade","9ded19" 之类的验证码么? 想要快速生成"ABCDEFGHIJKL"之类的字母序列么? 通过 toString 的一些"trick",你可以以极简的算法复杂度实现上面的需求。 什么是toString? 其实不想用过多的笔墨介绍toString , 但是如果你真的还不知道什么是toString,那么你可能需要梳理一下你的前端知识了。 toSring 其实有2种形态 1. obj.toString() 所有的obj都有toString方法,大多数的自定义对象会返回[object type],当然...
2015-11-02 11:00:33
 3852  3 

黄山的黄,黄山的山

 Tags:  杂谈
 很长一段时间,我把"身体与灵魂,必须有一个在路上"用作自己的各种签名,最初也仅仅是因为它看起来逼格比较高罢了。 一年又一年,我去过了很多地方:和同事一起跃起在敦煌的沙丘上,带着老娘踏上了人间仙境九寨沟,牵着妹纸的手在普吉岛上留下一串串脚印。也体验到了无数个第一次:第一次用冒汗的手紧紧的握着飞机的安全带,第一次在沙漠中追逐骆驼,第一次吐着嘴里的海水大喊道”我cao,这么咸!" 伴随着每一次的出行,旅行的意义变得越来越清晰——不是因为...
2015-10-07 13:38:13
 2992  5 

ES6 Module

 Tags:  JavaScript
相对比起Python,PHP等其他语言,JavaScript 在设计上视乎缺失了模块管理的部分,不过好消息是这些问题很快就会得到解决,在下一代JavaScript ECMASCRIPT 6中,这个问题被很好的解决了。 ES6 Module 特性 Module 特性是在14年的7月被完全确认的,这就意味着到目前为止,语法相对比较稳定。 Module 包含了2个主要的部分,模块的定义 export 和模块的引入 import,如果是写过 Python 的同学对这个部分的概念会很容易理解,因为语法真的很像、很像。 一、Expo...
2015-08-20 15:23:32
 4051  2 

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

 Tags:  JavaScript
前段时间在研究 TF-IDF、杰卡德相似系数计算文本的相似度的时候(目前我的博客中部分文章底部的“猜你喜欢”推荐的文章就是用这种算法计算出来的),用到了中文分词的一些东西,由于当时精力有限,直接用了python的“结巴分词”来实现。 恰巧听说老东家最近出了个算法大赛,题目就是就是对小说《三体》进行中文分词!闲下来简单的动手写了一个Node版的算法,100行代码,虽然还是很初级的,但是还是想写些东西“纪念”一下。 背景 分词是搜索、自然语言分析等领域应用的比较多的比较基础的技术之一。由于英文本身每个单词间使用空格分隔,所以分词对于英语系的文本来说,就没有那么的复杂了,难...
2015-06-26 15:51:14
 7050  5 

JavaScript 对象转换,toString,valueOf

 Tags:  JavaScript
开始这个话题之前,我们先看一下下面的几个例子: parseInt(0.0000004) 4 ![]==[] true ['x','y'] == 'x,y' true alert({name:'mofei'}) "[object Object]" 结果有时候会让我大吃一惊,这是为什么呢?今天就和大家讨论一下JavaScript的对象转换。 基础类型 先让我们了解一下JavasScript转换的“原始类型(primitive value)”: Number String Boolea...
2015-04-20 12:08:46
 4797  3 

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

 Tags:  JavaScript
Hey,everybody~ 又是倒霉的跨域 T T , 有多少人死在了“说出你知道的跨域解决方案,越多越好?”这个面试问题上。 今天和大家说说,HTML5提供的一个跨域解决方案,Window.postMessage , 它足够易学好用,会让你眼前一亮。但是往往大多数情况下,都不会让人一直笑下去,俗话说道高一尺魔高一丈,这个方法同样也会被HTTP的一些协议所限制着,比如X-Frame-Options:SAMEORIGIN,不过好在大多数情况下,情况不至于这么糟糕。下面进入正题: Window.postMessage 提供了一种安全的跨域通讯方案。 语法 ...
2015-04-08 09:09:48
 4503  4 
上一页123456789...9下一页
(C) 2010-2020 Code & Design by Mofei
Powered by Dufing (2010-2020) & Express
IPC证:皖ICP备11015043号