大家好，我是林家少爷，是一位专注于前端技术，立志成为前端技术专家的热血青年。 从2023年1月17日开始，我决定开辟一个新的专栏【刷爆LeetCode】，每天至少刷一道LeetCode原题......

之前在项目中做了一个图片对比的工具，演示如下 有一些有趣的小细节，一起看看如何实现的吧 一、布局 布局比较简单，两张图片上下重叠在一起就行了 这里可以只给第一个图片设置绝对定位，有几个好处 第1张图片

使用React类组件+canvas实现手写签字的组件. 点击弹出框,进行手写签字,最终返回base64字符串. 包括清空和回退功能.

之前看到过一个有趣的CSS效果，今天我们也来实现一遍，将动图GIF通过clip-path绘制成一个个跳动的字母。

使用 turn.js 可以实现仿真翻书的效果。turn.js 是一个开源的 JavaScript 库，它提供了一种简单的方式来创建具有翻书效果的网页。

这里介绍一下最近在工作中用到的一个库 mscgenjs 是 mscgen 的js实现 背景 需要实现一个可以点击的时序图， 本来项目中使用的是 mermaid 例如以下的语法就可以实现一个时序图 语法

前言 无 一、认证和鉴权 认证和鉴权是后端系统很常见的功能了，这里主要讲一下认证的实现和常见策略（userinfo和jwt认证） 认证（Authentication)：主要是对用户信息的一个认证，比如

水印 版权保护：通过在内容上添加水印，可以提醒用户该内容受版权保护，并对未经授权的使用者发出警告。 防止盗用和侵权：水印可以在被复制或截屏后仍然保留，使得未经授权的使用者无法去除水印或重复使用内容。

前端实现文件预览（pdf、excel、word、图片），使用pdfjs第三方包和canvas实现pdf文件渲染，使用xlsx预览excel文件，使用docx-preview预览word文件