Enjoy

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…

js 与原生交互分为两种情况：js 调用原生方法，原生调用 js 方法。 本文将对这两种情况分别讲解，H5 端用 vue 实现。 本文的 H5 端用Vue 实现，所以在正式开始前先把 Vue 项目环境准备好。 10.0.0.188 是我本机的 ip 地址，每个人的不一样。 在电…

工作以来，处理过css、js、canvas、骨骼动画，这些背后的原理都是通过把每一帧（瞬间）的静止图像组合起来，以一定频率（速率）播放这些图像形成动画。 详细一点解析：动画可以拆分成每一帧，当前帧（静态）图像的属性数据或者形态（形状）的变更，把这样很多帧连贯起来，就形成动画。 …

Lottie库Web端使用调研 Lottie Docs 通常复杂动画怎么处理？ 使用GIF： 不足： 文件占用空间大 动画显示效果不佳 会出现失真、模糊、出现锯齿情况 掉帧严重 需要适配分辨率 And

前言 刚加入了新项目团队不久，团队目前还在用着老旧的Lottie-2.5.3的版本，在一次正常的开发过程中，偶然发现了此问题。最后问题定位到是因为Lottie源码的原因导致的，下面是代码完整分析。

不过，我加入的时机也不是太晚，项目依旧存在很多需要填补的地方，经过这段时间对代码的阅读，以及平时在做需求过程中所遇到的问题，从前端方面，暂时总结出了一些关于项目架构或构建可维护代码方面的小小经验。 这还仅仅是往旧代码中加新代码罢了，如果是下线之前过期的活动代码，或者删除无用的逻…

注：下面实现项目效果主要是关于JavaScript方面的，下面仅仅是提供实现思路的代码，并非全部代码。 css代码可以根据个人习惯进行美化界面，所以这里就不写css的代码了，大家可以直接看项目代码或者从开发者工具中审查元素观看。如果有问题可以私聊我，我觉得问题不大。 首先，准备…

在刚开始接触canvas的时候做过一个demo，内容就是一张画布，很简陋，只能画线，故决定实现一个功能差不多，能涂能擦的canvas画板，基于vue3+ ts

我们知道一个字节可表示的范围是 0 ～ 255（十六进制：0x00 ～ 0xFF）， 其中 ASCII 值的范围为 0 ～ 127（十六进制：0x00 ～ 0x7F）；而超过 ASCII 范围的 128～255（十六进制：0x80 ～ 0xFF）之间的值是不可见字符。 在 AS…