一些你可能不知道的前端小技巧

论如何优雅的取整

详解：

● “|” ：按位“或”运算

● “~” ：按位“取非”运算

● “>>”: 右移运算

论如何优雅的进行字符串转数字

详解：

这里容易被人们忽视的是“+”运算符，大家可以在MDN找到对应的说明。“+”是一元加运算符，它将操作转换为Number类型.

论如何优雅的取随机字符串

详解：容易被大家忽视的是number的toString方法可以接受一个可选参数，指定要用于数字到字符串的转换的基数(从2到36)。如果未指定 该参数，则默认值为 10。所以上面的表达式意思是，先生成一个随机数字，再以36为基数来转化为字符串（10个数字+26个英文字母），再剔除字符串前面的“0.”。

最短的代码实现数组去重

详解：

这里用到了两个ES6的新特性

● Set : ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。

“...” ：ES6中数组的扩展运算符，它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。

将argruments对象转换成数组

详解：

第一种大家应该习以为常了，而第二种很容易被大家忽视，这里使用了ES6中Array的新方法from。

Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括ES6新增的数据结构Set和Map）。

另外一种undefined

详解：

这里容易被人忽视的是void运算符，void 运算符 对给定的表达式进行求值，然后返回 undefined。

如何优雅的显示出今天是星期几

详解：

charAt可以返回字符串指定位上的字符；Date.prototype.getDay()返回的是今天是一周的第几天，0代表星期天，1代表星期一。

取出一个数组中的最大值和最小值

详解：这个太简单了，就不多说了~~

单行写一个评级组件

本文摘自github上一篇博客