沽渡

客户需求：因导航标签个数和内容过多，采用点击切换展示，要求点击swiper轮播导航菜单中的某一个菜单标签，页面跳转后定位到上次点击的标签； 应用场景：导航标签对应当前内容 实现原理： //1、获取点击

本文详细介绍了一个前端项目优化的详细过程，从优化前的问题分析，到具体的优化措施，最终实现了前端性能提升了近 3 倍。同时也将性能指标落到监控平台，实现可视化的监控前端性能指标。 一、背景 当我们疲于开

项目中有遇到客户根据个人喜好对浏览器自带的缩放比进行了设置，或使用鼠标滚轮对网页进行随意的缩放，导致网页变形等，又要求必须调整的，这是很棘手的问题，解释不清楚，只能采取非常规手段，屏蔽鼠标滚轮缩放，检

一、Chrome的5层优先级 在Chrome浏览器中，网络请求的优先级分成了5个等级： Highest 最高，如页面HTML资源和CSS文件； High 高，如正文图片请求资源； Medium 中等，

.sprite { width: 300px; height: 300px; background-repeat: no-repeat; } @keyframes frame { 0% {backgr

在目前行业内，动效设计的整个体系还未成熟；从最终呈现效果来讲，动效可能会影响页面性能、加载速度等。所以提到动效、很多同学可能会产生抵触心理。 遇到问题我们首先拆解困难、在我看来在动效落地过程中面临的困