1.# 生成随机字符串
当我们需要一个唯一 id 时，通过Math.random创建一个随机字符串简直不要太方便噢！！！
const randomString = () => Math.random().toString(36).slice(2);
randomString(); // gi1qtdego0b
randomString(); // f3qixv40mot
randomString(); // eeelv1pm3ja
...大约 2 分钟
作者：zt_ever
前言
瀑布流布局，是现在比较流行的一种页面布局方式，即
多行等宽元素排列，等宽不等高，后面的元素依次添加到前一行最矮的元素下方。
...大约 5 分钟
哈喽,大家好 我是
XXXWeii👨🏻💻。今天给大家分享 40+javascript比较好用且实用的一行代码, 让你不再 996.
数组
生成数组
当你需要要生成一个 0-99 的数组 方案 1
const createArr = (n) => Array.from(new Array(n), (v, i) => i);
const arr = createArr(100); // 0 - 99 数组
...大约 6 分钟
我们编写 js 代码时经常遇到复杂逻辑判断的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越臃肿，越来越看不懂，那么如何更优雅的写判断逻辑，本文带你试一下。
举个例子
先看一段代码：
/**
* 按钮点击事件
* @param {number} status 活动状态：1 开团进行中 2 开团失败 3 商品售罄 4 开团成功 5 系统取消
*/
const onButtonClick = (status) => {
if (status == 1) {
sendLog("processing");
jumpTo("IndexPage");
} else if (status == 2) {
sendLog("fail");
jumpTo("FailPage");
} else if (status == 3) {
sendLog("fail");
jumpTo("FailPage");
} else if (status == 4) {
sendLog("success");
jumpTo("SuccessPage");
} else if (status == 5) {
sendLog("cancel");
jumpTo("CancelPage");
} else {
sendLog("other");
jumpTo("Index");
}
};
...大约 7 分钟
我们应该编写不言自明、易于理解、易于修改或易于扩展新功能的代码。因为代码常常需要被阅读，这就是为什么如此强调干净代码的原因。
我们的源代码可读性越强，则：
- 越容易维护
- 新开发人员理解代码所需的时间越少
- 越容易发现哪些代码可以重用
在这篇文章中，我将分享一些通用的干净编码原则以及一些特定于 JavaScript 的干净编码实践。
0. 命名
不要把命名变成猜谜游戏。变量和函数的名称最好能够揭示最初创建的意图。
如此一来，即使有新的开发人员加入团队，也不至于需要像看天书一样艰难地理解代码。
...大约 6 分钟
最近重温了一遍红宝书，发现一些比较好玩的写法，很多东西日常都在用，但是发现还会有不一样的写法,结合一些日常工作中使用的方法，为大家总结一篇日常经常使用可能还不知道的点，希望对你能有所帮助：
一行代码完成结构加赋值
我们日常经常使用结构赋值，一般都是先结构，再赋值，当然我们也可以一行就完成解构加赋值操作，看起来非常简化，当然可读性你懂得！
let people = { name: null, age: null };
let result = { name: "张三", age: 16 };
({ name: people.name, age: people.age } = result);
console.log(people); // {"name":"张三","age":16}###
...大约 6 分钟
在本文中，将介绍一些鲜为人知但却非常有用的 API，如：
Page Visibility APIWeb Share APIBroadcast Channel APIInternationalization API
我们将一起看看它们是什么，我们应该在哪里使用它们，以及如何使用它们。
Page Visibility API
这是一个鲜为人知的 web API，在JS 现状调查[1]中，它的认知度排名倒数第四。它可以让你知道用户何时离开了页面。准确地说，只要页面的可见性状态发生变化，无论是用户最小化、最大化窗口还是切换标签页，该 API 都会触发一个事件。
...大约 16 分钟
生成随机颜色
你的网站是否需要生成随机颜色？下面一行代码就可以实现。
const generateRandomHexColor = () =>
`#${Math.floor(Math.random() * 0xffffff).toString(16)}`;
console.log(generateRandomHexColor());
...大约 2 分钟
JavaScript 中的Array对象与其他编程语言中的数组一样，可以将多个项目的集合存储在单个变量名下，并具有用于执行常见数组操作的成员。
声明数组
有两种不同的方式可以声明数组。
使用 new Array
通过new Array，我们可以指定希望存在于数组中的元素，如下所示：
const fruits = new Array("Apple", "Banana");
console.log(fruits.length);
...大约 7 分钟
本文将介绍大量的 JavaScript 速记优化技巧，这些技巧可以帮助大家编写更好的代码。
1. 多个字符串检查
通常，如果我们需要检查字符串是否等于多个值中的一个，往往很快会觉得疲惫不堪。幸运的是，JavaScript 有一个内置的方法来帮助你解决这个问题。
// 普通写法
const isVowel = (letter) => {
if (
letter === "a" ||
letter === "e" ||
letter === "i" ||
letter === "o" ||
letter === "u"
) {
return true;
}
return false;
};
// 简写方法
const isVowel = (letter) => ["a", "e", "i", "o", "u"].includes(letter);
...大约 3 分钟