boyang的前端blog

前言 在华润的万象生活部门，最近两年的一个工作重点是将很多独立的运营系统合并融合为一站式系统。 随着合并的项目越来越多，系统性能瓶颈逐渐显现。项目架构是webpack5+react18，为解决当前的问

一.需求描述 将不同体积的图片压缩至目标大小，比如5M。 二.需求分析 1.较新的 iPhone 默认使用 HEIC 格式，而大多数 Android 设备仍然使用 JPEG 格式 2.压缩考虑从两个角

一.需求描述 在h5页面，调用手机摄像头拍照后，给照片添加水印（文本、图片） 水印大概内容是： 第一行是“拍摄人：xxx”、“拍摄时间：2023.11.22”； 第二行是“所在单位：xxxx有限公司”

一.需求描述 用户上传pdf文件后，需要将pdf逐页平铺展示给用户进行评论。 二.需求分析 需求服务端也能实现，但耗时较长。 三.核心方案 使用pdfjs-dist包，该插件是解决前端预览pdf文件的

场景：比如前端轮询上传多张图片（几十几百张），需要控制并发上传数量。 主要涉及Promise、async await

前端有时候会涉及到使用特殊字体，因为浏览器本身不支持，所以需要单独安装。 这里简单说一下使用，重点讲的是可能踩到的坑。 一.字体使用代码（简单演示，非本文重点） 主要是考虑一下不同浏览器的兼容 二.采

数字或者字符串数字添加千分符，支持小数。如1024转为1,024，1024.1024转为1,024.1024

css自定义滚动条样式，代码以谷歌浏览器为例，其他浏览器可以自行搜索hock css自定义滚动条样式，代码以谷歌浏览器为例，其他浏览器可以自行搜索hock

函数组件的useState没有提供class组件setState的同步获取最新state的方法，可以自己封装一下，核心是（1）使用useEffect监听，在state更新后触发回调（2）使用useRe