引言在lottie出现之前，前端对动画往往是通过css自己手写。随着动画效果的日益复杂，一些动画效果存在兼容问题不说，有些也是复杂到难以实现，前端er要花很长时间在动效的coding上。lottie-

前置知识——rollup基础 rollup是什么 rollup是一款javascript模块打包器，它可以将小代码块编译成复杂的大块代码。当我们使用ES6模块编写应用或者库时，它可以打包成一个单独文件

之前，有位大佬和我说过这么一句话："网络知识在一定程度上决定了你的上限"。 这次请给霖呆呆一个机会，跟着我的脚步👣从1开始学习它。另外我整理的HTTP系列基本都会附有一个面试时的浅答与深答的的配套答案，浅答是为了让你们更好的记住，深答保证你确实理解了浅答中的知识点。 1. H…

下面我将选择进行划分为三大部分，对于基本选择器我就不说了，主要讲下伪类选择器，组合选择器及它们各自的使用场景。 下面讲讲nth-child()括号中的公式，这个算是这个选择器的亮点了。 上面这两我就不说了，相信大家都用烂了。主要说说下面这两个。 好了，在讲完这些选择器之后我们来…

开始会先介绍该插件的安装使用方式，然后简单介绍下主要的开发步骤。 安装和其他的vscode插件一样，直接在插件市场搜索 ‘小霸王’ 点击安装即可。 remote部分是远程资源，右键想要玩的游戏然后点击download下载，下载完毕后会到local列表，点击即可运行。 local…

前段时间有朋友问我一个他们公司遇到的问题, 说是后端由于某种原因没有实现分页功能, 所以一次性返回了2万条数据,让前端用select组件展示到用户界面里. 我听完之后立马明白了他的困惑, 如果通过硬编码的方式去直接渲染这两万条数据到select中,肯定会卡死. 后面他还说需要支…

最近看到各种面经，防抖节流好像从来没有缺席过。虽然在项目中也使用过，但我对它俩的一直是 字面意思是防止抖动。在程序中就是为了防止在一定时间内重复执行一段代码(函数)。 在函数被触发n秒后再执行，如果在n秒内又有函数执行，则重新计算。 有一个输入框，用户输入用户名，然后向后端请求…

本文主要考虑客户端性能、服务器端和网络性能，内容框架来自Yahoo Developer Network，包含 7 个类别共 35 条前端性能优化最佳实践，在此基础上补充了一些相关或者更符合主流技术的内容。 前端性能的一个重要指标是页面加载时间，不仅事关用户体验，也是搜索引擎排名…