最新发布
手写JavaScript常见方法 - 君霖驿站

手写JavaScript常见方法

万丈高楼平地起,地基打的牢,才能永远立于不败之地。今天给大家带来的是10个常见的 JavaScript 手写功能,重要的地方已添加注释。有的是借鉴别人的,有的是自己写的,如有不正确的地方,欢迎多...
纯css实现炫酷文字效果 - 君霖驿站

纯css实现炫酷文字效果

一.渐变文字效果 该效果主要利用background-clip:text配合color实现渐变文字效果 首先了解background-clip: text;的意思:以盒子内的文字作为裁剪区域向外裁剪,文字之外的区域都将被裁...
vue3快速入门 - 君霖驿站

vue3快速入门

经过了漫长的迭代,Vue3.0终于在上2020-09-18发布了,带了翻天覆地的变化,使用了Typescript 进行了大规模的重构,带来了Composition API RFC版本,类似React Hook 一样的写Vue,可以自定义自己...
async/await究竟是什么? - 君霖驿站

async/await究竟是什么?

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

聊聊RESTful API

RESTful 是目前最流行的 API 规范,适用于 Web 接口规范的设计。让接口易读,且含义清晰。本文将介绍如何设计易于理解和使用的 API,并且借助 Docker api 的实践说明。 URL 设计 1.1 动词...
nextTick的作用和实现原理 - 君霖驿站

nextTick的作用和实现原理

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

JavaScript 技巧

分享一些我觉得有用的技巧。其中一些我在实践中使用过,而另一些则是解决老问题的新方法。Enjoy! 1. 确保数组的长度 不知道你是否遇见过这样的情况,在处理网格结构的时候,如果原始数据...
在vue中使用防抖和节流 - 君霖驿站

在vue中使用防抖和节流

防抖 定义 频繁操作防止抖动,在操作后 n 秒内不操作,才触发事件,若继续操作,则重新计时。 使用场景 输入框输入缩放resize 代码 // utils.js // immediate 是否开始立即执...
回流和重绘 - 君霖驿站

回流和重绘

浏览器解析HTML的简易过程 从上面这个图上,我们可以看到,浏览器渲染过程如下: 解析HTML,生成DOM树,解析CSS,生成CSSOM树将DOM树和CSSOM树结合,生成渲染树(Render Tree)有了渲染树...
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.匹...