前端杂谈共30篇
聊聊Vue3.2的setup语法糖和Hook函数 - 君霖驿站

聊聊Vue3.2的setup语法糖和Hook函数

在2021 年 8 月 5 日,Vue发布了3.2版本的新写法,其中最主要的亮点就在于setup的语法糖,学过Vue3.0的小伙伴都清楚,当我们在使用Vue3的语法就构建组件的时候,总是需要把外面定义的方法变量必...
Token一般存放在哪里? - 君霖驿站

Token一般存放在哪里?

问题: Token一般是存放在哪里? Token放在cookie和放在localStorage、sessionStorage中有什么不同? 思考大纲 Token是什么?Token 存放位置Token 放在 cookie、localStorage、sessionSto...
nextTick的作用和实现原理 - 君霖驿站

nextTick的作用和实现原理

作用(官方定义) Vue.nextTick([callback,context])在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新之后的DOM。 // 修改数据 vm.msg = 'Hello' // ...
纯css实现炫酷文字效果 - 君霖驿站

纯css实现炫酷文字效果

一.渐变文字效果 该效果主要利用background-clip:text配合color实现渐变文字效果 首先了解background-clip: text;的意思:以盒子内的文字作为裁剪区域向外裁剪,文字之外的区域都将被裁...
巧用渐变实现高级感拉满的背景光动画 - 君霖驿站

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

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

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

js中那么多循环,for for...in for...of forEach,有些循环感觉上是大同小异今天我们讨论下for循环和forEach的差异。我们从几个维度展开讨论: for循环和forEach的本质区别。for循环和forEac...
30个工作中常用到的前端小知识 - 君霖驿站

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

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

手写JavaScript常见方法

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

用了babel还需要polyfill吗?

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

async/await究竟是什么?

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