为什么 call 的速度快于 apply

在 stackoverflow 看到一个有趣的问题: Why is call so much faster than apply? 于是使用 benchmark.js 在 node 中自己测试了一下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
const Benchmark = require('benchmark')
const suite = new Benchmark.Suite
const applyFun = function (str) {
    return [].slice.apply(str, [1])
}
const callFun = function (str) {
    return [].slice.call(str, 1)
}
// add tests
suite.add('apply', function () {
    applyFun('apple')
}).add('call', function () {
    callFun('apple')
}).on('cycle', function (event) {
    console.log(String(event.target))
}).on('complete', function () {
    console.log('Fastest is ' + this.filter('fastest').map('name'))
}).run({'async': true})
more >>

展开全文 >>

CSS Modules 学习

CSS Modules 的用法很简单，不过现阶段还需要 webpack 的支持。CSS Modules 的功能非常少，它一共就干了两件事：局部作用域和模块依赖。

CSS Modules 示例

代码地址

项目路径

1
2
3
4
5
6
7
8
9
10
11
├── README.md
├── index.html
├── node_modules
│   └── ...
├── package.json
├── src
│   ├── animation.css
│   ├── colors.css
│   ├── index.js
│   └── style.css
└── webpack.config.js
more >>

展开全文 >>

CSS3 动画—animation

animation 属性目前还存在浏览器兼容性问题，建议使用 PostCSS 或手动添加浏览器前缀。本文学习使用 animation 属性创建简单动画。

more >>

展开全文 >>

CSS3 动画—transition

CSS3 过渡属性被封装在 transition 规范中，过渡的意义在于，给了 CSS 时间轴的概念，在此之前所有的 CSS 状态变化都是瞬间完成的。过渡可以视为简单版的动画，通过定义开始状态和结束状态，达到样式转变的功能。

目前各大浏览器都支持 transition，所以不加浏览器前缀即可使用。

CSS3 transition 规范定义了以下四个 CSS 属性：

transition-delay(过渡延迟时间)
transition-duration(过渡持续时间)
transition-property(过渡属性)
transition-timing-function(过渡效果的时间曲线)

more >>

展开全文 >>

机器学习—通过 APP 预测用户性别

项目描述

公司组织的一个机器学习的小比赛， 数据下载地址 。大意是根据用户所安装的 APP (加密)预测用户的性别，训练数据标记 label (性别)，典型的监督学习方案。

数据描述

下载之后，解压成为文本文件。 数据格式如下：
每一行代表一个用户的数据，一共120万个样本用户数据
每一行都有5列，每一列以制表符 tab 分割（\t)。
第一列是用户编号（已经脱敏，转化成1 ~1,200,000的编号)
第二列是用户的性别 （male/female)
第三列是用户的移动设备类型
第四列是用户的 APP 列表，每个 APP 已经脱敏，以数字编号代替 APP 名称。多个 APP 之间以逗号（,)作为分隔符
第五列是用户所在区域。

其中移动设备类型/APP 列表/区域是特征数据。性别是结果数据。

more >>

展开全文 >>

webpack 从入门到放弃

简介

Webpack + ES6 已经成为目前最流行的前端解决方案，本文是 Webpack2 学习教程。

在 「What is webpack」一文中作者讲述了自己为什么要开发出 webpack。

  1. 切分代码依赖树到不同的代码块，按需加载
  2. 保持更少的初始化加载时间
  3. 把任何静态资源都视为模块
  4. 把任何第三方类库也当作模块
  5. 在模块打包中每一部分都允许自定义
  6. 更加适合大型项目
more >>

展开全文 >>

tag:

<div>精通 JavaScript、Python、Ruby、Java、Lisp等技术<sup>名词拼写</sup>。 擅长各种从入门到放弃。 毕业于世界著名学府——北大<sup>青鸟</sup>。 如果你也有志于成为一名程序员<sup>鼓励师</sup>的话，请联系我。</div>