# seconds30-zhCN

**Repository Path**: pheanake/seconds30-zhCN

## Basic Information

- **Project Name**: seconds30-zhCN
- **Description**: 📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-03-20
- **Last Updated**: 2021-03-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<h1 align="center">每天 30 秒系列</h1>
<h4 align="center">前端精选问题集，每天仅需 30 秒</h4>
<br>
<p align="center">
    <a title="Hits" target="_blank" href="https://github.com/b3log/hits"><img src="https://hits.b3log.org/b3log/30-seconds-zh_CN.svg"></a><br><br>
明日 30s - 在浏览器中读取文件 <br>
今日 30s - <a href="https://hacpai.com/article/1574954286430?r=Vanessa">添加监听事件</a> <br>
昨日 30s - <a href="https://hacpai.com/article/1574865785599?r=Vanessa">移除监听事件</a> 
</p>

----

## 目录

### [精选常见面试题，帮助您准备下一次面试](#每天-30-秒系列之前端面试)

* [HTML](#html)
* [CSS](#css)
* [JavaScript](#javascript)
* [React](#react)
* [Node](#node)
* [Security](#security)

### [精选常见交互，帮助您拥有简洁酷炫的站点](#每天-30-秒系列之-CSS)

* [布局](#布局)
* [视觉](#视觉)
* [动画](#动画)
* [交互](#交互)
* [其他](#其他)

### [精选有用的 React 片段，帮助你获取最佳实践](#每天-30-秒系列之-React)

* [Array](#array)
* [Hook](#hook)
* [Input](#input)
* [Visual](#visual)

### [精选常见代码集，帮助您提高打码效率](#每天-30-秒系列之-JavaScript-Code)

* [🔌 适配器](#-适配器)
* [📚 数组](#-数组)
* [🌐 浏览器](#-浏览器)
* [⏱️ 日期](#-日期)
* [🎛️ 函数](#-函数)
* [➗ 数学](#-数学)
* [📦 Node](#-Node)
* [🗃️ 对象](#-对象)
* [📜 字符串](#-字符串)
* [📃 类型](#-类型)
* [🔧 工具](#-工具)
* [❓ 其他](#-其他)

### [整理前端界的最新资讯，邀您一同探索新世界](#每天30-秒之前端资讯)

* [TypeScript](#TypeScript)
* [Vue](#Vue)

<p align="center">
    <a href="https://hacpai.com/article/1544793046274?r=Vanessa"><img src="https://img.hacpai.com/file/2019/10/logo-4a5fdfa6.jpg" alt="每天 30 秒系列之前端面试"></a>
</p>
<h2 align="center">每天 30 秒系列之前端面试</h2>
<h4 align="center">精选常见面试题，帮助您准备下一次面试</h4>

### HTML

* [图片标签中的 alt 有什么作用？](https://hacpai.com/article/1544800582516?r=Vanessa)
* [清缓存的目的是什么，如何实现？](https://hacpai.com/article/1544845023860?r=Vanessa)
* [HTML 中可以包含多个 `<header>` 或者 `<footer>` 元素吗？](https://hacpai.com/article/1544932228390?r=Vanessa)
* [简单描述 HTML5 语义元素中 `<header>`、`<article>`、`<section>`、`<footer>` 的正确用法](https://hacpai.com/article/1544977054016?r=Vanessa)
* [简述 `<script>` 标签中的 defer 和 async 属性](https://hacpai.com/article/1545093175137?r=Vanessa)
* [什么是 DOM？](https://hacpai.com/article/1545181009513?r=Vanessa)
* [HTML 规范和浏览器实现存在什么区别？](https://hacpai.com/article/1545263006178?r=Vanessa)
* [XHTML 和 HTML 有什么不同?](https://hacpai.com/article/1545450308820?r=Vanessa)
* [`rel="noopener"` 应在什么场景下使用，为什么？](https://hacpai.com/article/1545535924073?r=Vanessa)
* [什么是 HTML5 存储？解释一下 `localStorage` 和 `sessionStorage`](https://hacpai.com/article/1545614869150?r=Vanessa)
* [解释 MIME type 及其作用](https://hacpai.com/article/1548381047741?r=Vanessa)

### CSS

* [介绍一下 CSS 的 BEM](https://hacpai.com/article/1545707000031?r=Vanessa)
* [CSS 预处理器有什么优势？](https://hacpai.com/article/1545789633753?r=Vanessa)
* [使用 flexbox，创建一个 3 列布局，其中每列占据容器的 col-{n} / 12 比率](https://hacpai.com/article/1545875909329?r=Vanessa)
* [简述一下 `@media` 的媒体类型](https://hacpai.com/article/1545961060623?r=Vanessa)
* [描述 CSS 盒子模型布局并简要描述其每一个部分](https://hacpai.com/article/1546051999340?r=Vanessa)
* [focus 有什么效果？应该怎么正确处理他们？](https://hacpai.com/article/1546188532029?r=Vanessa)
* [`em` 和 `rem` 有什么区别？](https://hacpai.com/article/1546234490137?r=Vanessa)
* [CSS sprites 的优点及如何使用？](https://hacpai.com/article/1546350675686?r=Vanessa)
* [`+` 和 `~` 选择器有什么区别？](https://hacpai.com/article/1546396257706?r=Vanessa)
* [CSS 优先级是如何计算的？](https://hacpai.com/article/1546528225489?r=Vanessa)

### JavaScript

* [['1', '7', '11'].map(parseInt) 的输出结果是？](https://hacpai.com/article/1569811428216?r=Vanessa)
* [等于操作符 \`==\` 和 \`===\` 有什么区别](https://hacpai.com/article/1546570870626?r=Vanessa)
* [后置递增 \`i++\` 和前置递增 \`++i\` 操作有什么区别？](https://hacpai.com/article/1546665384680?r=Vanessa)
* [`Promise` 有哪些状态？](https://hacpai.com/article/1546828434083?r=Vanessa)
* [根据食谱和已有食材计算可烹饪的最大次数](https://hacpai.com/article/1546833887125?r=Vanessa)
* [实现一个功能和 `Function.prototype.bind` 相同的函数](https://hacpai.com/article/1546958569887?r=Vanessa)
* [请举例说明什么是回调？](https://hacpai.com/article/1546997933203?r=Vanessa)
* [如何克隆一个 JavaScript 对象？](https://hacpai.com/article/1547084179300?r=Vanessa)
* [JavaScript 中如何对比两个对象？](https://hacpai.com/article/1547218337208?r=Vanessa)
* [CORS 是什么？](https://hacpai.com/article/1547264310096?r=Vanessa)
* [介绍事件委托及其优点，并说明如何使用？](https://hacpai.com/article/1547388674563?r=Vanessa)
* [JavaScript 的表达式和语句有什么区别？](https://hacpai.com/article/1547453774159?r=Vanessa)
* [JavaScript 中的真值和假值是什么？](https://hacpai.com/article/1547531144079?r=Vanessa)
* [生成一个包含 n 项的斐波那契数列](https://hacpai.com/article/1547629604141?r=Vanessa)
* [`0.1 + 0.2 === 0.3` 的计算结果是什么？](https://hacpai.com/article/1547786948595?r=Vanessa)
* [数组方法 `map()` 和 `forEach()` 有什么区别？](https://hacpai.com/article/1547790109416?r=Vanessa)
* [变量提升](https://hacpai.com/article/1547869094932?r=Vanessa)
* [提升在 JavaScript 中是如何工作的？](https://hacpai.com/article/1547955022099?r=Vanessa)
* [立即执行匿名函数的原因是什么？](https://hacpai.com/article/1548060791288?r=Vanessa)
* [词法作用域和动态作用域的区别？](https://hacpai.com/article/1548207250317?r=Vanessa)
* [使用星号替换字符串且显示后四位](https://hacpai.com/article/1548290571365?r=Vanessa)
* [`null` 和 `undefined` 有什么区别？](https://hacpai.com/article/1548478149660?r=Vanessa)
* [参数和 arguments 有什么区别](https://hacpai.com/article/1548593068935?r=Vanessa)
* [列举几种创建对象的方法，并说明每种方法的使用场景](https://hacpai.com/article/1548772963809?r=Vanessa)
* [JavaScript 通过值还是引用传递？](https://hacpai.com/article/1548774148596?r=Vanessa)
* [什么是 Promises？](https://hacpai.com/article/1548817829634?r=Vanessa)
* [原型继承和经典继承有什么区别？](https://hacpai.com/article/1548906479269?r=Vanessa)
* [原始值和引用值的比较](https://hacpai.com/article/1549162425786?r=Vanessa)
* [ASI (automatic semicolon insertion) - 自动插入分号](https://hacpai.com/article/1549164694816?r=Vanessa)
* [JavaScript 是否需要分号？](https://hacpai.com/article/1549170322687?r=Vanessa)
* [在 JavaScript 中同步和异步代码有什么区别？](https://hacpai.com/article/1549346987103?r=Vanessa)
* [JavaScript 中的短路计算是什么？](https://hacpai.com/article/1549350032554?r=Vanessa)
* [typeof](https://hacpai.com/article/1549426978334?r=Vanessa)
* [什么是 JavaScript 数据类型？](https://hacpai.com/article/1549630646588?r=Vanessa)
* [`var`、`let`、`const` 和没有关键字的声明有什么区别？](https://hacpai.com/article/1549635108016?r=Vanessa)
* [什么是大 O 符号？](https://hacpai.com/article/1549713468969?r=Vanessa)
* [什么是闭包？请给出一个有用的示例](https://hacpai.com/article/1549778763050?r=Vanessa)
* [什么是事件驱动编程？](https://hacpai.com/article/1549942206210?r=Vanessa)
* [什么是函数式编程？](https://hacpai.com/article/1549950785958?r=Vanessa)
* [命令式编程和声明式编程有什么区别？](https://hacpai.com/article/1550064652124?r=Vanessa)
* [Memoization 是什么？](https://hacpai.com/article/1550152136095?r=Vanessa)
* [对比 Mutable 和 Immutable 及 Mutating 和 Non-Mutating](https://hacpai.com/article/1550210424716?r=Vanessa)
* [JavaScript 中唯一自己不等于自己的值是谁？](https://hacpai.com/article/1550297651597?r=Vanessa)
* [复合函数](https://hacpai.com/article/1550370045646?r=Vanessa)
* [什么是纯函数？](https://hacpai.com/article/1550462244888?r=Vanessa)
* [解释递归及其使用场景](https://hacpai.com/article/1550632462419?r=Vanessa)
* [静态方法和实例方法的区别](https://hacpai.com/article/1550635550844?r=Vanessa)
* [解释 `this` 关键字并介绍他是如何工作的？](https://hacpai.com/article/1550836065384?r=Vanessa)
* [React, Vue, Angular, Hyperapp 等 JavaScript UI 库或框架的目的是什么？](https://hacpai.com/article/1550846527468?r=Vanessa)
* [`use strict` 的作用](https://hacpai.com/article/1550891475480?r=Vanessa)
* [虚拟 DOM 是什么，库或者框架中为什么要使用他？](https://hacpai.com/article/1550980580727?r=Vanessa)

### React

* [什么是内联条件表达式？](https://hacpai.com/article/1548166592192?r=Vanessa)
* [React 和 HTML 的事件处理有什么不同？](https://hacpai.com/article/1545321971993?r=Vanessa)
* [React 中的元素和组件有什么不同？](https://hacpai.com/article/1551068452927?r=Vanessa)
* [状态提升在 React 中的作用](https://hacpai.com/article/1551143997511?r=Vanessa)
* [React 中如何在 JSX 树中写注释](https://hacpai.com/article/1551338654162?r=Vanessa)
* [React 中什么是有状态的组件？](https://hacpai.com/article/1551341100994?r=Vanessa)
* [什么是无状态组件](https://hacpai.com/article/1551493941292?r=Vanessa)
* [`setState` 使用回调函数作为参数的目的是什么？](https://hacpai.com/article/1551503647758?r=Vanessa)
* [为什么 React 要使用 className 来代替 HTML 中的 class？](https://hacpai.com/article/1551607066983?r=Vanessa)
* [key 是什么？列表中使用时有什么优点？](https://hacpai.com/article/1551674351623?r=Vanessa)
* [React 生命周期的方法有哪些？](https://hacpai.com/article/1551777820539?r=Vanessa)
* [React 组件生命周期有哪些不同的阶段？](https://hacpai.com/article/1551839333423?r=Vanessa)
* [如何将参数传递给事件处理或回调函数？](https://hacpai.com/article/1551924701023?r=Vanessa)
* [allback refs 和 findDOMNode() 之间哪一个更好？](https://hacpai.com/article/1552033615611?r=Vanessa)
* [什么是 `children` 属性？](https://hacpai.com/article/1552098087317?r=Vanessa)
* [React 中的 context 是什么？](https://hacpai.com/article/1552217095007?r=Vanessa)
* [什么是 React 中的错误边界？](https://hacpai.com/article/1552280643852?r=Vanessa)
* [fragments 是什么？](https://hacpai.com/article/1552361409524?r=Vanessa)
* [什么是高阶组件？](https://hacpai.com/article/1552450398648?r=Vanessa)
* [在 React 组件类中如何保证 `this` 为正确的上下文？](https://hacpai.com/article/1552557593163?r=Vanessa)
* [React 中的 portals 是什么？](https://hacpai.com/article/1552611002890?r=Vanessa)
* [React 中如何使用 prop 检查？](https://hacpai.com/article/1552703646797?r=Vanessa)
* [介绍 React 中的 Refs 及其使用场景？](https://hacpai.com/article/1552798811035?r=Vanessa)

### Node

* [NodeJS 回调的错误处理方式及其优点](https://hacpai.com/article/1552875246782?r=Vanessa)
* [什么是 REST？](https://hacpai.com/article/1552958044343?r=Vanessa)
* [如何避免地狱回调？](https://hacpai.com/article/1553145263366?r=Vanessa)
* [什么是 Node.js 中的事件循环？](https://hacpai.com/article/1553156014524?r=Vanessa)

### Security

* [什么是跨站点脚本攻击（XSS）？应如何阻止他？](https://hacpai.com/article/1553313536893?r=Vanessa)

---

<p align="center">
<a href="https://hacpai.com/article/1562382028912?r=Vanessa"><img src="https://camo.githubusercontent.com/f746b4f3f7a3c82c18fe74225f3dc191af0a818f/68747470733a2f2f692e696d6775722e636f6d2f6b504d667944342e6a7067" alt="每天 30 秒系列之 CSS"></a>
</p>
<h2 align="center">每天 30 秒系列之 CSS</h1>
<h4 align="center">精选常见交互，帮助您拥有简洁酷炫的站点</h4>

### 布局

* [清除浮动](https://hacpai.com/article/1562554494716?r=Vanessa)
* [重置 box-sizing](https://hacpai.com/article/1562465813903?r=Vanessa)
* [宽高保持一致](https://hacpai.com/article/1562638466183?r=Vanessa)
* [table 居中显示](https://hacpai.com/article/1562744725026?r=Vanessa)
* [平均分配子元素](https://hacpai.com/article/1562814941520?r=Vanessa)
* [盒子模型居中](https://hacpai.com/article/1562896752331?r=Vanessa)
* [垂直小技巧](https://hacpai.com/article/1562993021562?r=Vanessa)
* [网格居中](https://hacpai.com/article/1563069280503?r=Vanessa)
* [最后一个元素占满剩余可用高度](https://hacpai.com/article/1563163181259?r=Vanessa)
* [使用 transform 进行居中](https://hacpai.com/article/1563262632001?r=Vanessa)
* [多行文本截断](https://hacpai.com/article/1563330221221?r=Vanessa)
* [文本截断](https://hacpai.com/article/1563412881972?r=Vanessa)

### 视觉

* [圆](https://hacpai.com/article/1563502166959?r=Vanessa)
* [自定义滚动条](https://hacpai.com/article/1563589708055?r=Vanessa)
* [自定义文本选中样式](https://hacpai.com/article/1563589708055?r=Vanessa)
* [渐变阴影](https://hacpai.com/article/1563768207191?r=Vanessa)
* [文本风化效果](https://hacpai.com/article/1563867358980?r=Vanessa)
* [图片适配](https://hacpai.com/article/1563974277626?r=Vanessa)
* [全屏](https://hacpai.com/article/1564018587560?r=Vanessa)
* [文本渐变](https://hacpai.com/article/1564108347320?r=Vanessa)
* [细而明显的边框](https://hacpai.com/article/1564240018195?r=Vanessa)
* [:not 选择器](https://hacpai.com/article/1564327826600?r=Vanessa)
* [逃离屏幕](https://hacpai.com/article/1564450347463?r=Vanessa)
* [对溢出的内容进行渐变](https://hacpai.com/article/1564451547624?r=Vanessa)
* [漂亮的下划线](https://hacpai.com/article/1564623955538?r=Vanessa)
* [重置所有样式](https://hacpai.com/article/1564624644104?r=Vanessa)
* [带形状的分割线](https://hacpai.com/article/1564757051197?r=Vanessa)
* [系统字体栈](https://hacpai.com/article/1564836010214?r=Vanessa)
* [三角形](https://hacpai.com/article/1564898822590?r=Vanessa)
* [斑马条纹列表](https://hacpai.com/article/1564986603713?r=Vanessa)
* [:is/:matches/:any 选择器](https://hacpai.com/article/1574653761336?r=Vanessa)

### 动画

* [弹跳加载](https://hacpai.com/article/1562389135571?r=Vanessa)
* [按钮边框动画](https://hacpai.com/article/1565100963387?r=Vanessa)
* [🍩式的旋转](https://hacpai.com/article/1565191053298?r=Vanessa)
* [简单的变量](https://hacpai.com/article/1565273884235?r=Vanessa)
* [高度变化时的过渡效果](https://hacpai.com/article/1565404525067?r=Vanessa)
* [阴影盒子的动画效果](https://hacpai.com/article/1565671538636?r=Vanessa)
* [下划线动画](https://hacpai.com/article/1565674146683?r=Vanessa)

### 交互

* [选不中我](https://hacpai.com/article/1565769512995?r=Vanessa)
* [子元素选中后改变父元素的样式](https://hacpai.com/article/1565916662669?r=Vanessa)
* [跟踪光标的渐变效果](https://hacpai.com/article/1565922273239?r=Vanessa)
* [当鼠标移上或聚焦时弹出菜单](https://hacpai.com/article/1566183411970?r=Vanessa)
* [相邻兄弟视觉弱化](https://hacpai.com/article/1566284962300?r=Vanessa)
* [可切换的开关](https://hacpai.com/article/1566372708794?r=Vanessa)
* [信息提示](https://hacpai.com/article/1571281453135?r=Vanessa)

### 其他

* [Cacl()](https://hacpai.com/article/1566554498785?r=Vanessa)
* [计数器](https://hacpai.com/article/1566565149141?r=Vanessa)
* [自定义变量](https://hacpai.com/article/1566780399433?r=Vanessa)

---

<p align="center">
<a href="https://hacpai.com/article/1566885644051?r=Vanessa"><img src="https://img.hacpai.com/file/2019/10/logo-0b699d21.png" alt="每天 30 秒系列之 React"></a>
</p>
<h2 align="center">每天 30 秒系列之 React</h1>
<h4 align="center">精选有用的 React 片段，帮助你获取最佳实践</h4>

### Array

* [列表数据](https://hacpai.com/article/1566889238234?r=Vanessa)
* [表格数据](https://hacpai.com/article/1566953950003?r=Vanessa)
* [表格数据映射](https://hacpai.com/article/1567047999171?r=Vanessa)

### Hook

* [使用内部点击](https://hacpai.com/article/1567266759847?r=Vanessa)
* [使用外部点击](https://hacpai.com/article/1567409108234?r=Vanessa)
* [使用 fetch 请求](https://hacpai.com/article/1567512938592?r=Vanessa)
* [使用间隔](https://hacpai.com/article/1567561688236?r=Vanessa)
* [使用浏览器端识别](https://hacpai.com/article/1567682588692?r=Vanessa)
* [使用延迟](https://hacpai.com/article/1567737159215?r=Vanessa)

### Input

* [input 传值给父组件](https://hacpai.com/article/1567995338189?r=Vanessa)
* [限制 textarea 输入的长度](https://hacpai.com/article/1568079430415?r=Vanessa)
* [单词个数限制](https://hacpai.com/article/1568164179931?r=Vanessa)
* [多选列表向父组件传值](https://hacpai.com/article/1568297620930?r=Vanessa)
* [显示密码框内容](https://hacpai.com/article/1568681379861?r=Vanessa)
* [下拉列表向父组建传值](https://hacpai.com/article/1568683719699?r=Vanessa)
* [滑动元素向父组件传值](https://hacpai.com/article/1568813920699?r=Vanessa)
* [文本输入框向父组件传值](https://hacpai.com/article/1568895669771?r=Vanessa)
* [输入框向父组件直接传值](https://hacpai.com/article/1568949280003?r=Vanessa)

### Visual

* [手风琴](https://hacpai.com/article/1569294627969?r=Vanessa) <sup>advanced</sup>
* [提示组件](https://hacpai.com/article/1569296757936?r=Vanessa)
* [文本自动转链接](https://hacpai.com/article/1569394527905?r=Vanessa) <sup>advanced</sup>
* [轮播组件](https://hacpai.com/article/1569646759044?r=Vanessa) 
* [折叠组件](https://hacpai.com/article/1569670068439?r=Vanessa)
* [时钟倒数计时器](https://hacpai.com/article/1569721187385?r=Vanessa) <sup>advanced</sup>
* [文件的拖拽](https://hacpai.com/article/1570603898265?r=Vanessa)
* [旋转加载组件](https://hacpai.com/article/1570604598939?r=Vanessa)
* [邮件发送组件](https://hacpai.com/article/1570666928175?r=Vanessa)
* [弹窗组件](https://hacpai.com/article/1570754498261?r=Vanessa)
* [带波浪效果的按钮](https://hacpai.com/article/1570836908451?r=Vanessa)
* [星级比率组件](https://hacpai.com/article/1570941699454?r=Vanessa)
* [Tab 组件](https://hacpai.com/article/1571017629695?r=Vanessa)
* [自动计数器](https://hacpai.com/article/1571145129525?r=Vanessa)
* [可切换组件](https://hacpai.com/article/1571230659440?r=Vanessa)
* [信息提示组件](https://hacpai.com/article/1571383508309?r=Vanessa)
* [树视图组件](https://hacpai.com/article/1571625428308?r=Vanessa) <sup>advanced</sup>

---

<p align="center">
<a href="https://hacpai.com/article/1553314584340?r=Vanessa"><img src="https://img.hacpai.com/file/2019/10/logo1-d9eefb0f.png" alt="每天 30 秒系列之 JavaScript Code"></a>
</p>
<h2 align="center">每天 30 秒系列之 JavaScript Code</h1>
<h4 align="center">精选常见代码集，帮助您提高打码效率</h4>

### 🔌 适配器

* [ary](https://hacpai.com/article/1553322866329?r=Vanessa)
* [call](https://hacpai.com/article/1553434314516?r=Vanessa)
* [collectInfo](https://hacpai.com/article/1553477818016?r=Vanessa)
* [flip](https://hacpai.com/article/1553565894558?r=Vanessa)
* [over](https://hacpai.com/article/1553647055521?r=Vanessa)
* [overArgs](https://hacpai.com/article/1553736804241?r=Vanessa)
* [pipeAsyncFunctions](https://hacpai.com/article/1553825641797?r=Vanessa)
* [pipeFunctions](https://hacpai.com/article/1553934688713?r=Vanessa)
* [promisify](https://hacpai.com/article/1554082828739?r=Vanessa)
* [rearg](https://hacpai.com/article/1554084477448?r=Vanessa)
* [spreadOver](https://hacpai.com/article/1554163964363?r=Vanessa)
* [unary](https://hacpai.com/article/1554250275633?r=Vanessa)

### 📚 数组

* [all](https://hacpai.com/article/1554338745768?r=Vanessa)
* [allEqual](https://hacpai.com/article/1554514785576?r=Vanessa)
* [any](https://hacpai.com/article/1554516319199?r=Vanessa)
* [arrayToCSV](https://hacpai.com/article/1554601365527?r=Vanessa)
* [bifurcate](https://hacpai.com/article/1554808695791?r=Vanessa)
* [bifurcateBy](https://hacpai.com/article/1554809838944?r=Vanessa)
* [chunk](https://hacpai.com/article/1554884475181?r=Vanessa)
* [compact](https://hacpai.com/article/1554941205487?r=Vanessa)
* [countBy](https://hacpai.com/article/1555031955692?r=Vanessa)
* [countOccurrences](https://hacpai.com/article/1555115865519?r=Vanessa)
* [deepFlatten](https://hacpai.com/article/1555211715493?r=Vanessa)
* [difference](https://hacpai.com/article/1555288006577?r=Vanessa)
* [differenceBy](https://hacpai.com/article/1555409565472?r=Vanessa)
* [differenceWith](https://hacpai.com/article/1555481655934?r=Vanessa)
* [drop](https://hacpai.com/article/1555570155475?r=Vanessa)
* [dropRight](https://hacpai.com/article/1555649775702?r=Vanessa)
* [dropRightWhile](https://hacpai.com/article/1555737796883?r=Vanessa)
* [dropWhile](https://hacpai.com/article/1555813155509?r=Vanessa)
* [everyNth](https://hacpai.com/article/1555892445505?r=Vanessa)
* [filterFalsy](https://hacpai.com/article/1555984725509?r=Vanessa)
* [filterNonUnique](https://hacpai.com/article/1556069986745?r=Vanessa)
* [filterNonUniqueBy](https://hacpai.com/article/1556154346336?r=Vanessa)
* [findLast](https://hacpai.com/article/1556236076385?r=Vanessa)
* [findLastIndex](https://hacpai.com/article/1556327613111?r=Vanessa)
* [flatten](https://hacpai.com/article/1556412242929?r=Vanessa)
* [forEachRight](https://hacpai.com/article/1556501493170?r=Vanessa)
* [groupBy](https://hacpai.com/article/1556588645536?r=Vanessa)
* [head](https://hacpai.com/article/1556713386041?r=Vanessa)
* [indexOfAll](https://hacpai.com/article/1556783795602?r=Vanessa)
* [initial](https://hacpai.com/article/1556885855772?r=Vanessa)
* [initialize2DArray](https://hacpai.com/article/1556954406368?r=Vanessa)
* [initializeArrayWithRange](https://hacpai.com/article/1557020466954?r=Vanessa)
* [initializeArrayWithRangeRight](https://hacpai.com/article/1557110008353?r=Vanessa)
* [initializeArrayWithValues](https://hacpai.com/article/1557189147260?r=Vanessa)
* [initializeNDArray](https://hacpai.com/article/1557368476575?r=Vanessa)
* [intersection](https://hacpai.com/article/1557368805564?r=Vanessa)
* [intersectionBy](https://hacpai.com/article/1557451035643?r=Vanessa)
* [intersectionWith](https://hacpai.com/article/1557539146478?r=Vanessa)
* [isSorted](https://hacpai.com/article/1557635626337?r=Vanessa)
* [join](https://hacpai.com/article/1557711735980?r=Vanessa)
* [JSONtoCSV](https://hacpai.com/article/1557969765906?r=Vanessa) <sup>advanced</sup>
* [last](https://hacpai.com/article/1557971680888?r=Vanessa)
* [longestItem](https://hacpai.com/article/1557970395696?r=Vanessa)
* [mapObject](https://hacpai.com/article/1558082057214?r=Vanessa) <sup>advanced</sup>
* [maxN](https://hacpai.com/article/1558145686364?r=Vanessa)
* [minN](https://hacpai.com/article/1558257558982?r=Vanessa)
* [none](https://hacpai.com/article/1558314285757?r=Vanessa)
* [nthElement](https://hacpai.com/article/1558405425947?r=Vanessa)
* [offset](https://hacpai.com/article/1558493775739?r=Vanessa)
* [partition](https://hacpai.com/article/1558605616501?r=Vanessa)
* [permutations](https://hacpai.com/article/1558663216200?r=Vanessa) <sup>advanced</sup>
* [pull](https://hacpai.com/article/1558755312367?r=Vanessa)
* [pullAtIndex](https://hacpai.com/article/1558839522334?r=Vanessa) <sup>advanced</sup>
* [pullAtValue](https://hacpai.com/article/1559033951959?r=Vanessa) <sup>advanced</sup>
* [pullBy](https://hacpai.com/article/1559038031885?r=Vanessa) <sup>advanced</sup>
* [reducedFilter](https://hacpai.com/article/1559185752392?r=Vanessa) 
* [reduceSuccessive](https://hacpai.com/article/1559190252243?r=Vanessa) 
* [reduceWhich](https://hacpai.com/article/1559310074860?r=Vanessa) 
* [reject](https://hacpai.com/article/1559392814505?r=Vanessa) 
* [remove](https://hacpai.com/article/1559449603194?r=Vanessa) 
* [sample](https://hacpai.com/article/1559520792626?r=Vanessa) 
* [sampleSize](https://hacpai.com/article/1559618532222?r=Vanessa) 
* [shank](https://hacpai.com/article/1559788811963?r=Vanessa) 
* [shuffle](https://hacpai.com/article/1559789794606?r=Vanessa) 
* [similarity](https://hacpai.com/article/1559916822683?r=Vanessa) 
* [sortedIndex](https://hacpai.com/article/1559960922066?r=Vanessa) 
* [sortedIndexBy](https://hacpai.com/article/1560091882829?r=Vanessa) 
* [sortedLastIndex](https://hacpai.com/article/1560150249264?r=Vanessa)
* [sortedLastIndexBy](https://hacpai.com/article/1560217855064?r=Vanessa)
* [stableSort](https://hacpai.com/article/1560509394532?r=Vanessa) <sup>advanced</sup>
* [symmetricDifference](https://hacpai.com/article/1560510114896?r=Vanessa)
* [symmetricDifferenceBy](https://hacpai.com/article/1560510834352?r=Vanessa)
* [symmetricDifferenceWith](https://hacpai.com/article/1560743696237?r=Vanessa)
* [tail](https://hacpai.com/article/1560745429507?r=Vanessa)
* [take](https://hacpai.com/article/1560744504612?r=Vanessa)
* [takeRight](https://hacpai.com/article/1560996714483?r=Vanessa)
* [takeRightWhile](https://hacpai.com/article/1560998525893?r=Vanessa)
* [takeWhile](https://hacpai.com/article/1560997854877?r=Vanessa)
* [toHash](https://hacpai.com/article/1561083506048?r=Vanessa)
* [union](https://hacpai.com/article/1561168014444?r=Vanessa)
* [unionBy](https://hacpai.com/article/1561267134857?r=Vanessa)
* [unionWith](https://hacpai.com/article/1561431084373?r=Vanessa)
* [uniqueElements](https://hacpai.com/article/1561431800384?r=Vanessa)
* [uniqueElementsBy](https://hacpai.com/article/1561640064239?r=Vanessa)
* [uniqueElementsByRight](https://hacpai.com/article/1561643147049?r=Vanessa)
* [uniqueSymmetricDifference](https://hacpai.com/article/1561777344967?r=Vanessa)
* [unzip](https://hacpai.com/article/1561778124825?r=Vanessa)
* [unzipWith](https://hacpai.com/article/1561945854495?r=Vanessa) <sup>advanced</sup>
* [without](https://hacpai.com/article/1561946524799?r=Vanessa)
* [xProd](https://hacpai.com/article/1562041374499?r=Vanessa)
* [zip](https://hacpai.com/article/1562124026658?r=Vanessa)
* [zipObject](https://hacpai.com/article/1562215164140?r=Vanessa)
* [zipWith](https://hacpai.com/article/1562298684138?r=Vanessa) <sup>advanced</sup>

### 🌐 浏览器
* [数组转换为 HTML 列表](https://hacpai.com/article/1571710869216?r=Vanessa)
* [底部是否可见](https://hacpai.com/article/1571799008953?r=Vanessa)
* [拷贝到剪切板](https://hacpai.com/article/1571882649508?r=Vanessa)  <sup>advanced</sup>
* [计数器](https://hacpai.com/article/1572016240154?r=Vanessa)  <sup>advanced</sup>
* [元素的创建](https://hacpai.com/article/1572308198856?r=Vanessa)  
* [创建一个事件中心](https://hacpai.com/article/1572445359241?r=Vanessa)  
* [获取当前链接](https://hacpai.com/article/1572572694000?r=Vanessa)  
* [设备检测](https://hacpai.com/article/1572876582932?r=Vanessa) 
* [父元素中是否包含子元素](https://hacpai.com/article/1572942939118?r=Vanessa)  
* [元素在屏幕中是否可见](https://hacpai.com/article/1573055019997?r=Vanessa) <sup>advanced</sup>
* [表单转对象](https://hacpai.com/article/1573096755638?r=Vanessa) 
* [获取图片地址](https://hacpai.com/article/1573202349888?r=Vanessa) 
* [获取滚动位置](https://hacpai.com/article/1573442560914?r=Vanessa) 
* [获取样式](https://hacpai.com/article/1573571919593?r=Vanessa)
* [是否包含 class](https://hacpai.com/article/1573613289182?r=Vanessa)
* [使用 SHA-256 创建一个 hash](https://hacpai.com/article/1573691891987?r=Vanessa)  <sup>advanced</sup>
* [隐藏元素](https://hacpai.com/article/1573805949723?r=Vanessa) 
* [https 重定向](https://hacpai.com/article/1574121819865?r=Vanessa) 
* [在元素尾部插入 HTML](https://hacpai.com/article/1574123559923?r=Vanessa) 
* [在元素前插入 HTML](https://hacpai.com/article/1574299869568?r=Vanessa) 
* [标签页是否正在被浏览](https://hacpai.com/article/1574300681705?r=Vanessa) 
* [节点列表转换为数组](https://hacpai.com/article/1574390799342?r=Vanessa) 
* [监听 DOM 的修改](https://hacpai.com/article/1574864945701?r=Vanessa) <sup>advanced</sup>
* [移除监听事件](https://hacpai.com/article/1574865785599?r=Vanessa) 
* [添加监听事件](https://hacpai.com/article/1574954286430?r=Vanessa) 
* TODO

### ⏱️ 日期

* TODO

### 🎛️ 函数

* TODO

### ➗ 数学

* TODO

### 📦 Node

* TODO

### 🗃️ 对象

* TODO

### 📜 字符串

* TODO

### 📃 类型

* TODO

### 🔧 工具

* TODO

### ❓ 其他

* TODO

---

<p align="center">
<a href="https://hacpai.com/article/1572252373348?r=Vanessa"><img src="https://img.hacpai.com/bing/20191009.jpg?imageView2/1/w/768/h/432/interlace/1/q/100" alt="每天 30 秒之前端资讯"></a>
</p>
<h2 align="center">每天 30 秒之前端资讯</h1>
<h4 align="center">整理前端界的最新资讯，邀您一同探索新世界</h4>


### TypeScript

* [TypeScript 3.7 RC 发布，支持可选链等功能特性](https://hacpai.com/article/1572251471116?r=Vanessa)

### Vue

* [Vue 3 中让人激动的新特性](https://hacpai.com/article/1572486640242?r=Vanessa)

---
### 鸣谢

部分翻译自以下项目，在此对这些项目的贡献者们致敬！若有翻译不恰当之处请向我们反馈，非常感谢 ❤️

* <a href="https://github.com/30-seconds">30 seconds</a>