云起沧海晚

前言 🎉 本文将从三个角度（页面渲染，打包优化，总体优化）分析前端性能优化的一些方案。如有错误，欢迎指出，也可以在评论区提出你对性能优化的一些见解，相互学习，共同进步！💪 （ps: 小彬之前也总结过一

最近在做视频相关的项目，有一个需求是选取视频的任意一帧作为视频封面。实现这个需求可以是在前端填入截取视频的秒数，后台截取图片并返回图片链接，但有两个问题：一是不能精确知道视频某一帧的准确秒数，二是后端截图有网络传输时间延迟，无法实时预览截图效果，需要再次修改的话比较浪费资源。所…

前言 上周在群里突然被 @ 要我查看生产上出现的问题，由于这个项目比较老 (React15)，既没有埋点也没有接入错误监控，于是会得到如下的这样一个提示信息（以下错误是本地模拟的实际生产效果）： 当你

如果，你已经很熟悉vue框架，那么可以看看我对双向绑定的实现方式，如果你有更好的方式，非常欢迎分享出来。 如果，你不熟悉vue，则可以完整的看一遍，对于之后使用vue多少会有点帮助。 在分析它之前，我们可以先回答一个问题：为什么需要双向绑定呢？让我们把时间移到十年前，来看看前端…

视差滚动常用的几种实现方式： 1、以页面滚动条为进度条，通过背景层/内容层/悬浮层不同速度移动，形成视差的效果； 2、以「滚轮刻度」作为「动画帧度」； 3、监听mousewheel事件，滚轮每滚一次则

滚动视差 滚动视差效果（Parallax Scrolling）是指让多层背景以不同的速度位移，形成立体的运动效果的视觉体验，在前端强交互的时代，更应该多考虑这种用户体验较好的动效～ 实现方案 JS监听

在平时开发中，经常会碰到一些需要判断高度的场景，比如当超过一定高度后，需要自动出现展开折叠按钮，如下 传统的思路肯定是通过JS去动态计算容器的高度，但这样就涉及到加载时机的问题，获取早了可能元素还没渲

本文将基于IM消息系统的技术实践，分享关于离线消息和历史消息的正确理解，以及具体的技术配合和实践，希望能为你的离线消息和历史消息技术设计带来最佳实践灵感。

拖拽排序是前端的常见需求，特别是在管理系统或者编辑器里。 比如低代码编辑器就支持把组件拖到页面不同位置来添加组件、调整顺序： 那么拖拽排序是怎么实现的呢？ 首先我们分析下它会用到啥事件： 比较容易想到