lizzielq

开发中遇到文字过长的场景，可以使用CSS截断文字或添加tooltip来解决。为了更友好，可以根据文本和容器宽度动态添加 toolti。核心是比对文本和容器宽度，监听宽度和文本变化。最后封装为组件使用。

深度剖析扫码前后端配合过程，通过扫描生成的个性化二维码，我们可以轻松完成登录过程，无需繁琐的输入账号密码。使用前端技术生成并展示高品质的二维码，后端验证扫码信息的有效性，

一、故事的开始 最近产品又开始整活了，本来是毫无压力的一周，可以小摸一下鱼的，但是突然有一天跟我说要做一个在网页端截屏的功能。 作为一个工作多年的前端，早已学会了尽可能避开麻烦的需求，只做增删改查就行

为了验证自己的猜想，浅浅调试一下 html2canvas 的源码，看下 html2canvas 是怎样一个流程，它是如何将 html内转成 canvas 的。

业务需求 用户上传一张户型图，并且在图片描很多测试点。 鼠标放大缩小、拖拽 触屏手势放大缩小、拖拽 测试点需要跟随图片放大缩小、移动 先看最终完成的效果 基本页面结构 这里比较简单，一个div 跟一堆

根据语言和字宽的不同，自动选择对应的字体。 一段文本如何使用多个字体？ 一段文本如何根据不同语言使用不同字体？ 不同字宽如何使用不同字体包？ 同一个字体多个字体包怎么办？

如图实现了一个demo：把一个水果从一个盒子拿起来，然后放到另一个盒子。总结以下内部。 DataTransfer 可以在拿起水果时记录一些数据（比如从哪个盒子拿的什么水果），并在往另外的盒子里放的时候

「这是我参与2022首次更文挑战的第4天，活动详情查看：2022首次更文挑战」 lil-gui 为了能够快速地搭建three.js的交互UI，社区就出现了各种UI 库，其中lil-gui 是 thre

websocket作为一种h5新增的通信方式，在日常开发中很常见，聊天室，数据大屏等项目中都有它的影子，本文将会根据文档以及自己的理解引导大家学习如何在nestjs中实现websocket，并且会搭配