iewgnafil

过去十年,CSS过渡和动画已经彻底改变了网页效果。但并非所有事情都很容易实现。例如,考虑一个包含10张图片及标题的元素列表,我们想要通过交叉淡化的效果过渡到一个新的元素列表。

本文通过React+TS+IntersectionObserve实现一个视频懒加载和自动播放的组件。阅读全文约 11 分钟。

懒加载和预加载的目的都是为了提高用户的体验，二者行为是相反的，一个是延迟加载，另一个是提前加载。懒加载对缓解服务器压力有一定作用，预加载则会增长服务器前端压力缓存。 懒加载 lazyload 懒加载：

前言 每次用vite创建项目秒建好，前几天用vue-cli创建了一个项目，足足等了我一分钟，那为什么用 vite 比 webpack 要快呢，这篇文章带你梳理清楚它们的原理及不同之处！文章有一点长，看

由于工作需要学习react框架；最开始看文档的时候感觉还挺难的。但当我看了半天文档以后才发现，原来react这样学才是最快的；前提是同学们会vue一类的框架哈。 该方法适用于会vue的同学们食用

最近组内经常进行CodeReview，于是参考一些大厂规范以及一些开源的优秀源码，整理了一些前端代码规范，帮助我们后续可以写出更好维护的代码。有什么不对的地方，欢迎大家指出，一起学习进步！ 先来看下下

在前段时间的一次面试中，被问到了一个如标题这样的问题。要想好好地去回答这个问题，这里牵扯到的知识点也是比较多的。 那么接下来这篇文章我们就一点一点开始引出这个问题。

动画在前端领域中的作用是提升用户体验、吸引用户注意力。在不同的场景中，我们需要根据动画的特点去选择不同的方式去呈现，演绎最高级的动画就要选择最合适的技术栈。

前两天，我在某乎上看到一篇文章： 这个场景有点似曾相识...... 总之，这番言论.....突然激起了我的创作欲，于是本美少女为你们准备了一篇z-index的正确使用指南。快拿来笔和纸做个小笔记吧！！