文章首发于语雀，如有疑问欢迎评论留言。 背景 我司有一个需求是要预览一个 PDF 文件合同，且要在滚动在底部后方可点击按钮进行下一步的操作。最开始我的设想是潜逃一个<iframe>标签，给<ifram

图片懒加载与预加载是前端优化中比较常见的方法，也是前端面试中会被问到的问题。本文介绍了懒加载和预加载原理，用代码实现懒加载与预加载的效果。

朋友发给我一个开源项目 https://github.com/GLips/Figma-Context-MCP 是一个 Figma 的 MCP 服务。 MCP 是最近比较火的概念快来实际使用下。

妙哉，此插件将翻译、文本替换这两步都自动化了，翻译是前置执行的...对于使用者来说是不可见且无需关心的...任何文本都无需改动，且插件也不会去修改我们的代码，看起来一切如旧！

前言 熟练使用调试工具，势必能大幅提高我们的开发效率，达到事半功倍的效果。废话不多说，直接进入主题。 Filter过滤 过滤器最简单的用法当然是直接输入过滤的字符，但这远远不够🤗。除了直接输入，我们还

在做音乐webapp的时候，被腾讯的一款本地音乐播放器（轻听）的播放界面惊艳到了（如下图），于是决定‘复制’下来。 首先想到的是绘入canvas中利用getImageData提取数据然后分析得到主题色，因为用的qq音乐api遇到了跨域问题，在解决跨域问题后（具体方法看这里跨域那…

前端开发中还原设计图的重要性毋庸置疑，目前来说应用最多的应该也还是使用rem。然而很多人依然还是处于刀耕火种的时代，要么自己去计算rem值，要么依靠编辑器安装插件转换。 而本文的目标就是通过一系列的配置后，在开发中可以直接使用设计图的尺寸开发，项目为我们自动编译，转换成rem。…

在我们做用户授权登录(微信,qq授权)，以及根据对应浏览器做对应的操作的时候，经常会遇到需要判断用户使用的浏览器的需求，以及在需要用户输入信息的时候，有需要验证的一些正则。如果喜欢的话可以点波赞/关注，支持一下，希望大家看完本文可以有所收获。 判断用户所使用的浏览器主要用到的a…

canvas 是 H5 一个超棒的元素，能创造好多漂亮的效果。现在就用它最简单的几个方法，画一只酷炫的熊本熊（恩，酷炫是因为熊本熊本来就是一种酷炫的生物）。