2024 已经到来，在 Web 前端这个岗位已经工作 6 年，这里将 2023 的学习内容做一些总结，并规划 2024 的学习计划。同时，子弈祝大家新的一年，身体健康、工作顺利、学有所成、生活美满。

前段时间做某系统审核后台，出现了审核人员截图把内容外泄露的情况，虽然截图内容不是特别敏感，但是安全问题还是不能忽视。于是便在系统页面上面加上了水印，对于审核人员截图等敏感操作有一定的提示作用。 Canvas兼容性 这里我们用canvas来生成base64图片，通过CanIUse…

一、问题背景 为了防止信息泄露或知识产权被侵犯，在web的世界里，对于页面和图片等增加水印处理是十分有必要的，水印的添加根据环境可以分为两大类，前端浏览器环境添加和后端服务环境添加，简单对比一下这两种

对于一个大型项目来说，不管是后端还是前端，异常错误的监控都是非常重要的，拥有一套成熟完整的监控体系，能让我们在生产环境上发生错误时，可以第一时间定位错误发生的位置与原因，从而能更快地解决问题并重新发布

在古茗日常业务中，经常会给加盟商下发各种资料，例如：奶茶的配方、设备的清洗、卫生的标准等等等。这些资料都是一些内部资料，从信息安全维度不能被泄露和盗取出去。所以会给下发的资料加上水印。这些资料可

前端有很多小而美的库，接入成本很低又能满足日常开发需求，同时无论是 npm 方式引入还是直接复制到本地使用都可以。 2024年推荐以下小而美的库。 radash 实用的工具库，相比与 lodash，更

1、为了防止触发 tinypng 接口的 429（频次限制），http 接口访问做了延迟处理，设置同一时间，并发请求量为 2。 2、如果你每月免费次数还剩余的情况下，推荐使用 api key 方式压缩。

你还在用xftp部署你的项目和个人博客？那耗费的时间和手速用来摸鱼它不香吗？我的同事阿洋用他神秘的微笑告诉我，真的很香。

1. 微软 Office Web Viewer 调用微软在线预览服务,用法简单。重点是免费 官网栗子 2. WPS金山文档在线预览编辑服务 接入文档 3. 阿里云IMM 接入文档 4. 微软 Offi