GleenLey

特意总结一下vue3竟然总结出来13种传参通信方式那么多，13种我分别都列了出来，并且带上最通俗易懂的例子。...

使用Web Animation API实现无限循环滚动不定宽横幅，并且支持鼠标hover暂停/启动。...

如果后端返回 10 万条数据，直接渲染到前端会导致严重的性能问题（卡顿、崩溃）。你需要用 分页、虚拟列表、分批加载等方式优化，具体方法如下： 1. 后端分页（最优方案 🚀...

背景 在现代前端开发中，脚手架工具（CLI）在团队项目中扮演着重要角色。我们的团队在项目开发中面临以下挑战： 开发效率低：项目初始化、代码生成和重复性操作耗费了大量时间。 ...

在许多网站的合作伙伴一栏，常常会看到一排排无限地循环滚动的logo墙。 不久前，接到一个类似的需求。需求如下： 1、无限循环滚动； 2、鼠标hover后，暂停滚动，鼠标离开...

webworker是html5的一个api，它的作用就是新开一个线程去做一些操作，因为这个线程并不会阻塞主线程，所以可以去提高网页的性能。...

需要在页面隐藏之后也能够正常运行生成...... 利用控制台的性能工具去分析是什么导致了卡顿.........

今天和大家分享一个小思路，用于实现箭头步骤条效果。可以用再项目中，描述项目的环节信息等，目前是使用vue，客观们可以根据自己需要，调整成react版本...

前言 最近公司项目有时需要和多个后端同时对接（😔小公司一对N），于是对公司项目基础配置文件做了些修改，最终达到能对于多个后端同时启动多个前端服务，而不是每次都需要和A同学...

今天来实现一个多行文本擦除的效果，有种经典咏流传节目中表演开始前阅读诗句的一些既视感，在工作中其实也遇到过这样的需求当时是用的其他方法来实现的，现在发现了更简单的一种方法并...

在日常的前端开发中，我们可能会遇到一些页面白屏的问题。这些问题可能会给用户带来不好的体验，甚至导致用户流失。本文带你彻底了解前端白屏，从此不再畏惧。...

new Image() 预加载 为什么比 <img>直接加载要好？<img> 直接加载对比 new Image() 预加载 1. 加载时机和页面渲染的差异 直接渲染到 <i...

为了更好地理解 JavaScript 的复杂之处，编写出更干净、更高效、更可靠的代码，我们将深入探讨 10 个即使是经验丰富的 JavaScript 开发者也容易犯的错误。...

PS：此文章只谈自己对开发过程中的思考，不谈计算问题。 不知道你们有没有遇到过这种情况：在开发网站时有时候需要向用户展示二维码，但是市面上的二维码插件一般都是JS调用，需要...

现在，随着CSS的`:has()`选择器得到广泛支持，我们终于可以大展身手。在这篇文章中，我将分享一些有趣的CSS`:has()`选择器用法...

跟着著名第三方库vxe-modal的思路，设计出一个自由拖拽缩放，移动的组件。看着很牛逼的功能，只要有思路，实现起来会非常顺畅。...

Hello，大家好！ 日常开发中大家应该经常使用 npm install xxx 来安装包依赖，那是否注意到npm升级到 npm@5.2.0 之后，在 npm 二进制命令旁...

某天摸鱼逛文章时发现有个方法挺好用，看官网上面介绍此方法开发初衷的主要用途是按帧对网页进行重绘，让各种网页动画效果...

ES7到ES14的新特性整理。 ES7、ES8、ES9、ES10、ES11、ES12、ES13、ES14的新特性整理。...

性能分析一直是前端er们津津乐道的话题；而俗话说得好：工欲善其事，必先利其器； 说到前端性能，就少不了性能分析的利器 —— Performance 😎；我想各位前端小伙伴...