缘起

一方面是为了加深前端基础，提升代码能力，另一方面是一个悲哀的故事。

为了不影响首页效果，就不在首页上放了，点进来看呗。

在这个特殊的日子里，沉痛悼念在灾难里逝去的同胞，以及那些英勇抗击灾难的英雄和烈士，没有你们就没有现在的胜利。

这行代码可以让你的网站或者 HTML 页面全局灰度

1
2
3
4
5
6
7
8

html {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  _filter: none;
}

我们从一个很简单的示例开始说起

1
2
3
4
5
6
7
8
9
10
11
12

[] + {}
// '[object Object]'
{
}
+[]
// 0
{
}
+{}
// NaN
  [] + []
// ''

由于时间关系，我在这片笔记中就不展开说了。简单的说一下上面几个语句。

需要理解的一些概念

万物皆对象

虽然说 JavaScript 的面向对象不像是我们通常了解到的那些 OOP，但是，的确，在 JavaScript
中，所有的东西都是对象，这其中就包括了我们今天要说的，方法（Function）以及方法的原型(Function.prototype)
，他们都是对象。因此，它们都会具有对象共有的特点。
即：对象具有属性__proto__，可称为隐式原型，一个对象的隐式原型指向构造该对象的构造函数的原型，这也保证了实例能够访问在构造函数原型中定义的属性和方法。

前两天在看教程的时候，突然发现了一个语法，具体如下：

1
2
3
4
5
6
7

foo = (...values) => console.log(...values)
// (...values) => console.log(...values)
a = 'bar'
// "bar"
foo`start${a}end`
// (2) ["start", "end"], raw: Array(2)] "bar"
// undefined

直接给我看蒙了，所以，我就ES6的模板字符串做一下总结：

Pandas

Pandas 简介

Pandas是一个基于Numpy的科学计算包,他将Numpy封装成一个更加易于用户使用的方式.

如果用 python 的列表和字典来作比较, 那么可以说 Numpy 是列表形式的，没有数值标签，而 Pandas 就是字典形式。Pandas 是基于
Numpy 构建的，让 Numpy 为中心的应用变得更加简单。 – <莫凡 Python-Pandas 简介>

Numpy

Numpy 中的属性

我们通过dir(numpy)可以看到,numpy 有很多的属性和方法,我们简单的介绍以下几种.

如图

图很长，还是点进来看吧。

实在看不清楚，就点这里吧

字符串相关

格式化数字

1
2
3

const ThousandNum = num => num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')
const number = ThousandNum(20190214)
// number => "20,190,214"