web项目配置了优雅停机后，在重启jar包，或者容器时可以防止正在活动得线程被突然停止（ kill -9 无解，请不要使用这个参数杀线上进程，docker compose 项目尽量不要用 docker-compose down 命令关闭项目，使用 docker-compose rm -svf 可以触发优雅停机），造成用户请求失败，在此期间允许完成现有请求但不允许新请求，配置如下：

在以上代码中，打个比方想要实现性别字段得自定义格式转换，就需要在convertToExcelData方法中，添加如下代码

能够触发hasLayout的css属性(样式有)：

知道了原因，针对以上的问题，解决的方案有：

原图的地址是把n0修改成img就行了。这里感谢@胖子 提供的地址，哈哈。

在常规的前端性能优化达到瓶颈后，我们开始尝试基于业务进行性能优化。

在做性能优化前，通天塔静态资源的打包，是开发者在上线前，在自己电脑上进行的，且文件名会依据文件内容重新生成，格式为[filename].[contenthash:8].js。

Step 3: 增加渐隐

server: shutdown: "graceful"十一. nginx配置通用请求后缀

• DiscardPolicy：丢弃任务，但是不抛出异常。如果线程队列已满，则后续提交的任务都会被丢弃，且是静默丢弃。 使用此策略，可能会使我们无法发现系统的异常状态。建议是一些无关紧要的业务采用此策略

这里从 0.3 倍原图放大到 1 倍。这里注意运行时间，比如上面设置，从动画开始到结束总共是 4s，那么这个放大时间就可以按需设置了，比如 0.5s。

博主推荐通过静态内部类实现单例模式，并实现懒加载效果，代码如下

使用 animation 的帧动画，定义一个 bubble_y 的帧序列。

const angle = getRandom(2, 10); let ratio = getRandom(10,30)*((getRandom(0, 1) ? 1 : -1)); const getTranslateX = (diffTime) => { if (diffTime < this.scaleTime) {// 放大期间，不进行摇摆偏移 return basicX; } else { return basicX + ratio*Math.sin(angle*(diffTime - this.scaleTime)); } };

我们基于Performance API，封装了一个前端测速模块，该模块在页面加载完成后将所需性能数据上报至服务器，之后可以在可视化平台上进行数据的展示及分析。

const getTranslateY = (diffTime) => { return image.height / 2 + (this.height - image.height / 2) * (1-diffTime); };

放大缩小

项目集成了包括html、vue、flutter、uni-app、Android Kotlin、IOS、php等多种前端语言，可以轻松将AJ_Captcha集成到项目中。

由于后面购物车模块也需要商品数量加减的功能，在这里把这个功能做成了一个template模板，看下方流程：

接下来我们以Spring Boot+html为例看看如何快速集成AJ_Captcha完成行为验证码的交互流程。