最新发布
vue3快速入门 - 君霖驿站

vue3快速入门

经过了漫长的迭代,Vue3.0终于在上2020-09-18发布了,带了翻天覆地的变化,使用了Typescript 进行了大规模的重构,带来了Composition API RFC版本,类似React Hook 一样的写Vue,可以自定义自己...
nextTick的作用和实现原理 - 君霖驿站

nextTick的作用和实现原理

作用(官方定义) Vue.nextTick([callback,context])在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新之后的DOM。 // 修改数据 vm.msg = 'Hello' // ...
巧用渐变实现高级感拉满的背景光动画 - 君霖驿站

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

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

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

js中那么多循环,for for...in for...of forEach,有些循环感觉上是大同小异今天我们讨论下for循环和forEach的差异。我们从几个维度展开讨论: for循环和forEach的本质区别。for循环和forEac...
纯css实现炫酷文字效果 - 君霖驿站

纯css实现炫酷文字效果

一.渐变文字效果 该效果主要利用background-clip:text配合color实现渐变文字效果 首先了解background-clip: text;的意思:以盒子内的文字作为裁剪区域向外裁剪,文字之外的区域都将被裁...
30个工作中常用到的前端小知识 - 君霖驿站

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

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

async/await究竟是什么?

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

手写JavaScript常见方法

万丈高楼平地起,地基打的牢,才能永远立于不败之地。今天给大家带来的是10个常见的 JavaScript 手写功能,重要的地方已添加注释。有的是借鉴别人的,有的是自己写的,如有不正确的地方,欢迎多...
269个JavaScript工具函数,助你提升工作效率 - 君霖驿站

269个JavaScript工具函数,助你提升工作效率

1.匹配正整数 // 匹配正整数 let isPositiveNum = val => { return /^[1-9]\d*$/.test(val); }; console.log(isPositiveNum(9)) //true console.log(isPositiveNum(2.2)) //false 2.匹...
CSS封装: CSS自定义属性的应用 - 君霖驿站

CSS封装: CSS自定义属性的应用

很多人已经接触过CSS自定义属性(CSS Custom Properties)了,但是很多人对于它的使用,也仅停留在对于全局变量的定义,用于规范页面的整体风格,例如: :root { --main-color: #369; } p...