• HTML5 Web Worker是利器还是摆设

    关于Web Worker

    HTML5几个优势特性里,就包括了Web Worker,这货可以了解为多线程,正常形况下,浏览器执行某段程序的时候会阻塞直到运行结束后在恢复到正常状态,而HTML5的Web Worker就是为了解决这个问题。

    所以我理解它能解决两个问题:

    • 解决程序阻塞问题
    • 提升效率

    例子

    通常测试效率最常用的无非就是fibonacci了,我们也来个fibonacci性能测试

    var start = (new Date()).getTime();
    var fibonacci = function (n) {
      return n < 2 ? n : arguments.callee(n - 1) + arguments.callee(n - 2);
    };
    
    fibonacci(38);
    console.log((new Date()).getTime() - start);
    

    ...

    READ ALL

  • Happy New Year 2015

    full

    这篇文章原定计划是1月1日写的,可惜那几天有点懒,就拖了!

    对于小时候,我并不知道元旦是新年,只是知道这一天学校放假,随着慢慢长大才发现我们一直在使用两个日期:农历、公历

    新年初,一般都有点回忆上一年,我也如此

    总结2014

    • 没有跳槽,原计划是要跳槽的
    • 没有结婚,原计划是要结婚的
    • 出入东莞多次,你懂的,只是出差而已
    • 努力研发产品,这个进度可以用突飞猛进来形容
    • 组建前端团队,这个历经波折,招人太难了,招满意的人更难
    • 地铁上打架,俗话说忍无可忍时可以自卫,虽然我也挨打了
    • Gmail被墙,我只好放弃转用Outlook,现在Outlook改版后非常好用
    • 考驾照,加入摇号队伍,虽然不抱任何希望
    • 手机流量从原来每月30M提升到每月4G
    • 研究布局算法,这个是技术突破重点
    • 大量使用NodeJS,IDE主要换WebStorm
    • 研究WebGL,未来趋势
    • CSOL破纪录,曾经一局杀了10个僵尸,生化危机2管道内,末日+8独裁
    • 使用Gitlab,感谢菜菜的推荐
    • 地铁涨价,导致我每天地铁费用从4块猛增到10块
    • 没有在2014年看到我最希望看到的电影《刺杀金正恩》,真是个遗憾
    • TIOBE 2014年度涨幅率冠军JavaScript,估计会保持到2015年

    ...

    READ ALL

  • 一些容易对JavaScript产生错误的认识

    认为JavaScript只是前端语言

    存在这个观点人太多太多了,曾经我也是这样认为,确实不能怪大家,因为是浏览器的推动了JavaScript前进。首先,JavaScript是一门强大的编程语言,最早是运行在浏览器端,而绝大多数的程序员所写的代码几乎都是浏览器端运行的,所以他们一直认为JavaScript就是前端语言。而现在JavaScript是可以在服务器端运行,那么最著名的应该就是09年出道的NodeJS。

    NodeJS作为服务器端开发存在以下几个优越性:

    • V8引擎,这可不需要我给大家说了,对JavaScript感兴趣几乎都知道
    • 事件驱动,Event Loop
    • 非阻塞,也可以称为异步(这点是非常强大)

    ...

    READ ALL

  • 近期遇到几个值得记录的问题

    从八月后,我的站点评论功能失效了,也一直忙都没怎么关注,最近仔细看了一下这个问题,居然查出几个问题。

    Tornado4 xsrftoken

    Tornado一推出4版本我就立即升级了,因为pip做的就像npm一样太容易了,一条命令就搞定,你不需要手动下载然后解压再python setup.py安装。感觉在升级Tornado后评论就没了,因为一连几个月都没有收到评论邮件。于是最近才抽空测试了一下,终于发现问题了,因为我的站点开启xsrftoken,而提交的时候居然提示我xsrftoken不匹配。然而其它API是正常的,仔细看了一下,留言页面生成的xsrftoken也是每次刷新页面都随机生成的,这就奇怪了。

    ...

    READ ALL

  • Git根据主机名配置使用不同的rsa秘钥

    使用过git的应该对id_rsa秘钥不陌生,总得用Github吧,生成id_rsa很容易

    ssh-keygen -t rsa -C "$your_email"
    

    默认情况下,这个秘钥是在账户目录的.ssh目录生成id_rsa文件,对应一个id_rsa.pub公钥文件,实际上这就是ssh协议使用的东西,Git可以使用ssh或者https协议,通常情况下使用ssh协议比较安全。在使用ssh密钥校验模式前,通常先在客户端生成一个密钥对,密钥对可以使用已支持的几种加密算法,但通常rsa算法最常使用

    $ ssh-keygen -t rsa -C "test@test.com"
    Generating public/private rsa key pair.
    Enter file in which to save the key (/c/Users/zhong/.ssh/id_rsa): 
    Enter passphrase (empty for no passphrase):
    Enter same passphrase again:
    Your identification has been saved in /c/Users/zhong/.ssh/id_rsa.
    Your public key has been saved in /c/Users/zhong/.ssh/id_rsa.pub.
    The key fingerprint is:
    5b:44:7e:b8:e5:20:3b:a8:2b:63:45:c0:f8:73:87:f3 test@test.com
    The key's randomart image is:
    +--[ RSA 2048]----+
    | o        .      |
    |. o      o .     |
    | . . .  . = o    |
    |  o = .. + *     |
    |   + +. S o .    |
    |    ..E  +       |
    |   ..   .        |
    |  +  .           |
    | . o.            |
    +-----------------+
    

    ...

    READ ALL

  • AngularJS神奇的排序模块ui-sortable

    AngularJS推出后迅速成为前端框架里独树一帜的牛逼框架,特别是做数据呈现页面的更是觉得前端开发和部署应该是独立的,服务器端只做好数据API即可。

    好,废话不多说,本次介绍的模块是angularjs-ui-sortable,由于angularjs-ui-sortable是基于jQueryUI开发,所以要使用这个模块必须先引入jQuery与jQueryUI,angularjs-ui-sortable的github仓库地址:https://github.com/angular-ui/ui-sortable

    仓库的README里就写明了使用要求:

    ...

    READ ALL

  • WebStorm9遇到一些问题

    tabsize不生效

    最近,是栽在WebStorm上了,刚升级到最新版本WebStorm9以后发现一个很奇怪的问题,以前的个别项目tabsize居然只有2个空格,而settings里明明是设置了4个长度

    full

    然而代码还是以2个空格的tab大小缩进,习惯了4个tab缩进的我看见这代码格式,完全无法忍受

    full

    editorconfig覆盖配置

    来来回回查看settings里的东西,把project下的.idea目录删除了还是不可以,而让人更奇怪的事,所有新建的项目以及部分旧的项目所有tabsize都是settings设置的4个长度。难道有问题的项目下有什么隐藏的配置文件吗?通常我只知道.idea目录是WebStorm生成的,就在这时发现有问题的项目目录下有一个.editorconfig文件,打开文件一看,果然有一个indent_size设置

    ...

    READ ALL

  • WebStorm编写CoffeeScript的编译问题

    写过Python或者Ruby的朋友,应该都喜欢上CoffeeScript,相信用了CoffeeScript后你就不会再想回去写JavaScript的,WebStorm对CoffeeScript支持的非常好,就如同它对NodeJS支持一样出色,利用它的File Watchers功能加上coffee.cmd即可轻松在编写CoffeeScript时在保存文件时自动编译出JavaScript文件,这里要说说在WebStorm中设置File Watchers遇到到问题。按照官网的提示,需要先安装NodeJS,然后再安装CoffeeScript

    npm install -g coffee-script
    

    ...

    READ ALL

  • JavaScript + CSS3写了一个前端验证码插件

    接触的大部分项目中,验证码一直都是服务器端干的事,这两天正好有一个页面需要验证码,想大部分项目貌似对安全性要求不是很高,又要求有点阻止机器人的技巧,于是就用前端写了一个验证码。并利用CSS3的transform属性里的rotate设置旋转,再随机弄点干扰线,最后为了在所有DOM节点的上边加一层opacity=0的div,一个前端验证码就出来了

    点这里看DEMO

    full

    ...

    READ ALL

  • 如何在Less中使用使用calc

    Less的好处不用说大家都知道,确实让写CSS的人不在痛苦了,最近我在Less里加入calc时确发现了有点问题,我在Less中这么写

    div {
      width: calc(100% - 30px);
    }
    

    结果Less把这个当成运算式去执行了,结果给我解析成这样:

    div {
      width: calc(70%);
    }
    

    于是,我把Less改写成这样:

    div {
      width : calc(~"100% - 30px");
    }
    

    解析结果正常:

    div {
      width: calc(100% - 30px);
    }
    

    ...

    READ ALL