前端杂谈共29篇
排序
手写JavaScript常见方法
万丈高楼平地起，地基打的牢，才能永远立于不败之地。今天给大家带来的是10个常见的 JavaScript 手写功能，重要的地方已添加注释。有的是借鉴别人的，有的是自己写的，如有不正确的地方，欢迎多...
async/await究竟是什么？
Generator函数 在聊async/await前，必须先聊一下generator，因为async/await是generator的语法糖。前端人员都知道，generator有一下几个特点： function关键字与函数名之间有一个星号 '*'...
纯css实现炫酷文字效果
一.渐变文字效果 该效果主要利用background-clip:text配合color实现渐变文字效果 首先了解background-clip: text;的意思：以盒子内的文字作为裁剪区域向外裁剪，文字之外的区域都将被裁...
CSS实现渐变色边框（Gradient borders）的几种方法
1. 使用 border-image CSS 提供了 border-image 属性用于给 border 绘制复杂图样，与 background-image 类似，我们可以在 border 中展示image和linear-gradient。 ...
聊聊es2020新增的运算符(?.) (??)
链判断运算符（?.） ❝非常好用、常用，搭配Null 判断运算符使用，效果更佳，完美！❞ 我们通常获取一个对象多层的属性值时，需要进行多次的判断。如不判断，一个为空则报错，导致后面无...
async/await 并行请求和错误处理
async 顺序 并发请求 使用async的时候，代码执行的顺序很容易出错，比如我们要同时发起两个请求，可能会写出下面的代码 function fetchName () { return new Promise((resolve, reje...
reduce的骚操作
reduce方法是JavaScript中一个比较强大的方法，这里总结了reduce的用法以及它的常用场景。 reduce方法是一个数组的迭代方法，和map、filter不同，reduce方法可缓存一个变量，迭代时我们可以...
用了babel还需要polyfill吗？
说明：我们描述的babel都是基于7.10.0这个版本。 啥是Babel 中文官方文档的定义 Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便...
JavaScript中判断数据的类型
typeof 当我们想判断一个对象是基本数据类型还是引用数据类型，使用typeof可以准确的判断。 // Numbers typeof 37 === 'number'; typeof 3.14 === 'number'; typeof(42) === 'number'; t...
30个工作中常用到的前端小知识
1. JS为什么单线程 一个简单的原因就是，js在设计之初只是进行一些简单的表单校验，这完全不需要多线程，单线程完全可以胜任这项工作。即便后来前端发展迅速，承载的能力越来越多，也没有发...
