前端杂谈共29篇
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在设计之初只是进行一些简单的表单校验,这完全不需要多线程,单线程完全可以胜任这项工作。即便后来前端发展迅速,承载的能力越来越多,也没有发...
什么是BFC?大白话讲清楚 - 君霖驿站

什么是BFC?大白话讲清楚

BFC到底是什么东西 BFC 全称:Block Formatting Context, 名为 '块级格式化上下文'。 W3C官方解释为:BFC它决定了元素如何对其内容进行定位,以及与其它元素的关系和相互作用,当涉及到...
jurieo的头像 - 君霖驿站jurieo2月前
080
JavaScript中new的原理与实现 - 君霖驿站

JavaScript中new的原理与实现

定义 new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。 使用new [constructor]的方式来创建一个对象实例,但构造函数的差异会导致创建的实例不同。 构造...
有了for循环 为什么还要forEach? - 君霖驿站

有了for循环 为什么还要forEach?

js中那么多循环,for for...in for...of forEach,有些循环感觉上是大同小异今天我们讨论下for循环和forEach的差异。我们从几个维度展开讨论: for循环和forEach的本质区别。for循环和forEac...
Token一般存放在哪里? - 君霖驿站

Token一般存放在哪里?

问题: Token一般是存放在哪里? Token放在cookie和放在localStorage、sessionStorage中有什么不同? 思考大纲 Token是什么?Token 存放位置Token 放在 cookie、localStorage、sessionSto...
巧用渐变实现高级感拉满的背景光动画 - 君霖驿站

巧用渐变实现高级感拉满的背景光动画

先看效果图: 实现 这个效果想利用 CSS 完全复制是比较困难的。CSS 模拟出来的光效阴影相对会 Low 一点,只能说是尽量还原。 其实每组光都基本是一样的,所以我们只需要实现其中一...
async/await究竟是什么? - 君霖驿站

async/await究竟是什么?

Generator函数 在聊async/await前,必须先聊一下generator,因为async/await是generator的语法糖。前端人员都知道,generator有一下几个特点: function关键字与函数名之间有一个星号 '*'...