JavaScript 可以做很多神奇的事情！ 从复杂的框架到处理 API，有太多的东西需要学习。 但是，它也能让你只用一行代码就能做一些了不起的事情。 看看这 13 句 JavaScript 单行代码，会让你看起来像个专家! 1. 获取一个随机布尔值 (true/false) 这个函数使用 Math.random() 方法返回一个布尔值（true 或 false）。Math.random 将在 0 和 1 之间创建一个随机数，之后我们检查它是否高于或低于 0.5。这意味着得到真或假的几率是 50%/50%。
|
1 2 3 |
const randomBoolean = () => Math.random() >= 0.5; console.log(randomBoolean()); // Result: a 50/50 change on returning true of false |
2. 检查日期是否为工作日 使用这个方法，你就可以检查函数参数是工作日还是周末。
|
1 2 3 4 5 |
const isWeekday = (date) => date.getDay() % 6 !== 0; console.log(isWeekday(new Date(2021, 0, 11))); // Result: true (Monday) console.log(isWeekday(new Date(2021, 0, 10))); // Result: false (Sunday) |
3. 反转字符串 有几种不同的方法来反转一个字符串。以下代码是最简单的方式之一。
|
1 2 3 |
const reverse = str => str.split('').reverse().join(''); reverse('hello world'); // Result: 'dlrow olleh' |
4. 检查当前 Tab 页是否在前台 我们可以通过使用 document.hidden 属性来检查当前标签页是否在前台中。
|
1 2 3 |
const isBrowserTabInView = () => document.hidden; isBrowserTabInView(); // Result: returns true or false depending on if tab is in view / focus |
5. 检查数字是否为偶数 最简单的方式是通过使用模数运算符（%）来解决。如果你对它不太熟悉，这里是 Stack Overflow 上的一个很好的图解。
|
1 2 3 4 5 |
const isEven = num => num % 2 === 0; console.log(isEven(2)); // Result: true console.log(isEven(3)); // Result: false |
6. 从日期中获取时间 通过使用 toTimeString() 方法，在正确的位置对字符串进行切片，我们可以从提供的日期中获取时间或者当前时间。
|
1 2 3 4 5 |
const timeFromDate = date => date.toTimeString().slice(0, 8); console.log(timeFromDate(new Date(2021, 0, 10, 17, 30, 0))); // Result: "17:30:00" console.log(timeFromDate(new Date())); // Result: will log the current time |
7. 保留小数点（非四舍五入） 使用 Math.pow() 方法，我们可以将一个数字截断到某个小数点。
|
1 2 3 4 5 6 7 8 |
const toFixed = (n, fixed) => ~~(Math.pow(10, fixed) * n) / Math.pow(10, fixed); // Examples toFixed(25.198726354, 1); // 25.1 toFixed(25.198726354, 2); // 25.19 toFixed(25.198726354, 3); // 25.198 toFixed(25.198726354, 4); // 25.1987 toFixed(25.198726354, 5); // 25.19872 toFixed(25.198726354, 6); // 25.198726 |
8. 检查元素当前是否为聚焦状态 我们可以使用 document.activeElement 属性检查一个元素当前是否处于聚焦状态。
|
1 2 3 |
const elementIsInFocus = (el) => (el === document.activeElement); elementIsInFocus(anyElement) // Result: will return true if in focus, false if not in focus |
9. 检查浏览器是否支持触摸事件
|
1 2 3 4 5 |
const touchSupported = () => { ('ontouchstart' in window || window.DocumentTouch && document instanceof window.DocumentTouch); } console.log(touchSupported()); // Result: will return true if touch events are supported, false if not |
10. 检查当前用户是否为苹果设备 我们可以使用 navigator.platform 来检查当前用户是否为苹果设备。
|
1 2 3 |
const isAppleDevice = /Mac|iPod|iPhone|iPad/.test(navigator.platform); console.log(isAppleDevice); // Result: will return true if user is on an Apple device |
11. 滚动到页面顶部 […]
View Details作者：HelloGitHub-小鱼干 命名一直是编程界的难点，这次 naming-cheatsheet 就能帮上你的忙。按照它的 SID（Short.、Intuitive、Descriptive）原则，你一定能取出极佳的变量 / 函数名。同样，能解决你可视化问题的还有 Apache 的 superset。如果你想了解 Google、微软、Netflix 之类的大厂在生产环境应用了哪些机器学习技术，applied-ml 就能娓娓道来各大科技公司的 ml 技术。 这期依旧是小鱼干自由发挥的一期热点趋势，和原来一样如果你想了解特定主题的 GitHub Repo，小鱼干定会留意这周的 GitHub Trending。 以下内容摘录自微博@HelloGitHub 的 GitHub Trending 及 Hacker News 热帖（简称 HN 热帖），选项标准：新发布 | 实用 | 有趣，根据项目 release 时间分类，发布时间不超过 14 day 的项目会标注 New，无该标志则说明项目 release 超过半月。由于本文篇幅有限，还有部分项目未能在本文展示，望周知 🌝 本文目录 本周特推 1.1 命名秘籍：naming-cheatsheet 1.2 机器学习库：best-of-ml-python GitHub Trending 周榜 2.1 免费编程书籍：free-programming-books 2.2 大厂的技术实践：applied-ml 2.3 新的编译方式：Svelte 2.4 可视化工具：superset 2.5 模拟数据：faker.js 2.6 角色扮演：ActionRoguelike 往期回顾 1. 本周特推 1.1 命名秘籍：naming-cheatsheet 本周 star 增长数：4,900+ naming-cheatsheet 是一个两年之前的项目，这周焕发了新生一周获得了近 5k star。本项目旨在帮你解决命名困难的问题，教你如何便捷、轻松地进行命名。命名谨记以下三点（SID）： 短：一个名字一定不要花很长的时间来键入，因此，记住； 直观：一个名字必须读起来自然，尽可能接近日常用语； 描述性：一个名字必须以最有效的方式反映它所做 / 拥有的东西。 GitHub 地址→github.com/kettanaito/… 1.2 机器学习库：best-of-ml-python 本周 star 增长数：2,750+ […]
View DetailsNaming things is hard. This sheet attempts to make it easier. Although these suggestions can be applied to any programming language, I will use JavaScript to illustrate them in practice. English language Use English language when naming your variables and functions.
|
1 2 3 4 5 6 7 |
/* Bad */ const primerNombre = 'Gustavo' const amigos = ['Kate', 'John'] /* Good */ const firstName = 'Gustavo' const friends = ['Kate', 'John'] |
Like it or not, English is the dominant language in programming: the syntax of all programming languages is written in English, as well as countless documentations and educational materials. By writing your code in English you dramatically increase its cohesiveness. Naming convention Pick one naming convention and […]
View Details