前言 之前在证券行业，接触过移动端K线图的需求； H5 K线图，需支持无限左右滑动，支持样式自定义； 纯canvas制作，不借助任何第三方图表库。 一、先看最终的效果 1、GIF动图如下 2、支持样式

Page Visibility、Web Share、Broadcast Channel 等 10 个被忽视却极实用的 JS API，能一键实现跨标签通信、懒加载、取消请求等高频需求，复制即用，面试加分

你给后台管理系统加了一个「企业风采」模块，运营同学一口气上传了 200 张 8K 宣传海报。首屏直接飙到 8.3 s，LCP 红得发紫。 老板一句「能不能像朋友圈那样滑到哪看到哪？」——于是你把懒加载

1. 命名规范 变量命名： ❤️ 使用驼峰命名法：let userInfo = {}，const orderId = 123。 尽量避免缩写：尽量使用完整的描述性命名，let buttonSubmit

“你们前端算什么？不就是切图仔？”。当后端Leader甩出这句话时，作为前端开发者，我已经在项目中见过无数技术上的争论，但这一次的冲突，真的是让我彻底爆发了。 我先是一愣，紧接着，我直接怒喷了：“你问

我们可以直接通过 CSS 获取 window 的尺寸，并且可以通过变量来进行使用。 在我第一眼看到这个消息的感觉是不可置信！但这是真的，下面我将带大家复习一下在 Vue、React、Svel

前言 最近在做了一款可视化的项目，对于可视化来说可能没什么好讲的，因为主要就是一些图表和动画，今天讲的主要就是大屏中间部分的动画，一般领导喜欢看的也就是中间的动画和颜色搭配出来的暗黑科技效果了。开完项

这个是根据three现有案例来模仿实现，[原网址](three.js css3d - periodic table (threejs.org)) 效果图： template部分 script部分 st

💻在数字时代，emoji表情符号已成为很多人沟通的重要工具，但是输入法中的emoji表情包可能不太够用，所以很多时候我会到在线的网站去复制emoji，然后再回来粘贴，这样操作感觉有点繁琐，所以制作了