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

论如何优雅的取整

详解

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

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

● “>>”: 右移运算

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

详解

这里容易被人们忽视的是“+”运算符,大家可以在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上一篇博客

原文发布于微信公众号 - 较真的前端(gh_7af41a2be77e)

原文发表时间:2017-08-28

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏快乐八哥

JavScript中的循环

循环知识 第一部分: 重复运行的代码就可以使用循环来解决。JavaScript的重复机制为循环(loop) for:适合重复动作已知次数的循环。 while:w...

2177
来自专栏快乐八哥

JavaScript循环读书笔记

循环知识:自我重复的风险 第一部分: 重复运行的代码就可以使用循环来解决。JavaScript的重复机制为循环(loop) for:适合重复动作已知次数的循环。...

1997
来自专栏信数据得永生

JavaScript 编程精解 中文第三版 三、函数

3317
来自专栏数据结构与算法

P3370 【模板】字符串哈希

题目描述 如题,给定N个字符串(第i个字符串长度为Mi,字符串内包含数字、大小写字母,大小写敏感),请求出N个字符串中共有多少个不同的字符串。 友情提醒:如果真...

2924
来自专栏Java爬坑系列

【Java入门提高篇】Day14 Java中的泛型初探

  泛型是一个很有意思也很重要的概念,本篇将简单介绍Java中的泛型特性,主要从以下角度讲解:   1.什么是泛型。   2.如何使用泛型。   3.泛型的好处...

3286
来自专栏全沾开发(huā)

柯里化与反柯里化

柯里化与反柯里化 最近在看一本书《JavaScript函数式编程》 里边提到了一个名词,柯里化(currying),阅读后发现在日常...

40211
来自专栏决胜机器学习

PHP数据结构(二十二) ——快速排序

PHP数据结构(二十二)——快速排序 (原创内容,转载请注明来源,谢谢) 一、概述 前面的插入排序,都是以移动的方式进行排序。快速排序,则是以交换的方式进行...

3889
来自专栏积累沉淀

Python快速学习第七天

魔法方法、属性和迭代器 本文内容全部出自《Python基础教程》第二版 在Python中,有的名称会在前面和后面都加上两个下划线,这种写法很特别。...

3255
来自专栏华章科技

从Zero到Hero,一文掌握Python关键代码

首先,什么是 Python?根据 Python 创建者 Guido van Rossum 所言,Python 是一种高级编程语言,其设计的核心理念是代码的易读性...

803
来自专栏和蔼的张星的图像处理专栏

55. 比较字符串

比较两个字符串A和B,确定A中是否包含B中所有的字符。字符串A和B中的字符都是 大写字母 样例 给出 A = "ABCD" B = "ACD",返回 tru...

1311

扫码关注云+社区

领取腾讯云代金券