前端杂谈共29篇
手写JavaScript常见方法 - 君霖驿站

手写JavaScript常见方法

万丈高楼平地起,地基打的牢,才能永远立于不败之地。今天给大家带来的是10个常见的 JavaScript 手写功能,重要的地方已添加注释。有的是借鉴别人的,有的是自己写的,如有不正确的地方,欢迎多...
async/await究竟是什么? - 君霖驿站

async/await究竟是什么?

Generator函数 在聊async/await前,必须先聊一下generator,因为async/await是generator的语法糖。前端人员都知道,generator有一下几个特点: function关键字与函数名之间有一个星号 '*'...
纯css实现炫酷文字效果 - 君霖驿站

纯css实现炫酷文字效果

一.渐变文字效果 该效果主要利用background-clip:text配合color实现渐变文字效果 首先了解background-clip: text;的意思:以盒子内的文字作为裁剪区域向外裁剪,文字之外的区域都将被裁...
CSS实现渐变色边框(Gradient borders)的几种方法 - 君霖驿站

CSS实现渐变色边框(Gradient borders)的几种方法

1. 使用 border-image CSS 提供了 border-image 属性用于给 border 绘制复杂图样,与 background-image 类似,我们可以在 border 中展示image和linear-gradient。 ...
聊聊es2020新增的运算符(?.) (??) - 君霖驿站

聊聊es2020新增的运算符(?.) (??)

链判断运算符(?.) ❝非常好用、常用,搭配Null 判断运算符使用,效果更佳,完美!❞ 我们通常获取一个对象多层的属性值时,需要进行多次的判断。如不判断,一个为空则报错,导致后面无...
async/await 并行请求和错误处理 - 君霖驿站

async/await 并行请求和错误处理

async 顺序 并发请求 使用async的时候,代码执行的顺序很容易出错,比如我们要同时发起两个请求,可能会写出下面的代码 function fetchName () { return new Promise((resolve, reje...
reduce的骚操作 - 君霖驿站

reduce的骚操作

reduce方法是JavaScript中一个比较强大的方法,这里总结了reduce的用法以及它的常用场景。 reduce方法是一个数组的迭代方法,和map、filter不同,reduce方法可缓存一个变量,迭代时我们可以...
用了babel还需要polyfill吗? - 君霖驿站

用了babel还需要polyfill吗?

说明:我们描述的babel都是基于7.10.0这个版本。 啥是Babel 中文官方文档的定义 Babel 是一个工具链,主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法,以便...
JavaScript中判断数据的类型 - 君霖驿站

JavaScript中判断数据的类型

typeof 当我们想判断一个对象是基本数据类型还是引用数据类型,使用typeof可以准确的判断。 // Numbers typeof 37 === 'number'; typeof 3.14 === 'number'; typeof(42) === 'number'; t...
30个工作中常用到的前端小知识 - 君霖驿站

30个工作中常用到的前端小知识

1. JS为什么单线程 一个简单的原因就是,js在设计之初只是进行一些简单的表单校验,这完全不需要多线程,单线程完全可以胜任这项工作。即便后来前端发展迅速,承载的能力越来越多,也没有发...