Server-Sent Events 服务端推送

背景我们在使用 GPT 或者 套壳 GPT 时,会发现对话的文字是一段一段展示出来的,而不是一次性,观察接口的 Content-Type可以看到,使用的是 text/event-stream;charset=UTF-8, 也就是 Server-Sent Events 服务端推送 (下文简称 SSE), 它和 W...

如何解决 Canvas 绘制表格放大模糊问题

S2 基于 Canvas 开发,在实际的业务场景开发中,我们发现有 2 种使用场景会导致 表格渲染模糊 不同 DPR 的设备之间来回切换:比如一台 Mac (视网膜屏), 外接一台显示器 (普通 2k 屏), 将浏览器移到外接设备查看 使用 Mac 触控板对页面进行缩放:双指缩放,来放大显示,而不是传统的 cm...

使用 Credential Management API 进行账号密码管理

📣 背景我们在登录,输入账号密码后,通常会收到 要保存密码吗? 的提示,保存后我们可以在 chrome://password-manager/passwords Google 密码管理工具中查看 Chrome 提供默认的密码管理工具 如何保存?如果我们想在自己的网站登录时,保存信息到 Googl...

GraphQL 一知半解

什么是 GraphQL ? 官网描述:GraphQL 是一个用于 API 的查询语言 GraphQL 是 FaceBook 2015 推出的一个查询语言,它不是一门新的编程语言,而是基于 HTTP 协议封装的 DSL, 简单来说它和我们熟悉的 RESTful API 一样,是用来查询接口,获取数据,当然,可...

使用 Github Action 来做自动化

1. 🔍 背景在日常开源运营中,对于一个 Github 仓库,使用最频繁的就是这四大金刚 Code 查看源代码 Issues 管理问题 Pull requests 管理代码提交 Releases 查看发布日志 Issues和 Pull requests 版块是开发者和用户频繁交流的地方,也是比较耗费精力...

如何让表格滚动时不触发浏览器回退

背景小李的老板想要看下最近公司的数据,机智的小李用了一首歌的时间,使用 S2 快速的搭建了一个透视表将报表链接发给了老板。 第二天,老板秘书把小李叫进了会议室,说老板昨天使用报表后暴跳如雷,让小李赶紧想办法解决一下,不然只能就地结算一下工资走人了!小李吓得不轻,仔细看了下秘书发的视频,原来是老板使用的是 Mac...

如何编写逼死强迫症的代码

前言小张是个程序猿,工作有一段时间了,对外一直宣称自己是电脑维修管理员,他有一个毕生追求,那就是像搞艺术一样去写代码,有强迫症的他,一直在思考如何写出给人类阅读的代码,经过不断的摸索,他总结了以下几点 我全都要众所周知,变量命名一直是世纪难题之一,小张年年绩效垫底的原因就是每次都要在取名上花太多的时间,导致别...

Canvas 浮点数坐标造成文字抖动的问题

上下文起因是修复 一个 bug , 简单来说就是 滚动的时候文本会出现轻微的抖动,现象很奇怪 现象仔细看 province city 区域 的文字,在滚动后 会出现轻微的抖动 问题代码虚拟滚动条,在每次滚动后,需要同步滚动条和可视区域 的位置 看起来没啥问题,计算出偏移量是一个很精确的浮点数 最后,在 ...

你不知道的 Canvas 表格交互

背景S2 是 AntV 在多维交叉分析表格领域的解决方案,主要用于看数分析,S2 采用 Canvas 来进行表格绘制 (基于 易用、高效、强大的 2D 可视化渲染引擎 G ) , 同时内置大量的 交互能力 来辅助用户看数,如 行列联动高亮 单选/多选高亮 刷选高亮 行高列宽动态调整 列头隐藏 等,同时还支持 自...

web 前端中的那些"新东西"

背景Web 前端发展至今,每年都有海量的新东西出来,不管是前沿的技术方向,还是各大浏览器厂商新支持的特性,又或是 ECMA 每年的新标准,内容之多,迭代速度之快,每个人并不能完全了解所有的东西,写这篇文章的动机就是我在学习的过程中,发现很多有意思的,或者从来没听说的特性,一看才发现,原来这玩意已经出来很多年了,...