官网开发

效果呈现：https://www.wlbank.com.mo/ 注意：由于PublicCMS没有对上传的图片进行压缩，图片都是原图展示。上线后发现设计师上传图片没有选择压缩，上传的图片普遍是2MB左右

效果图： 原理 通过动画关键帧实现，可以动态传一个时间来限制滚动的速度。 上代码： 补充 marquee是原生支持的跑马灯元素，但不推荐使用，因为已被移除web 标准。

返回的富文本字符串夹杂着许多质量很大的图片，很影响网页的加载。 这时候我在想，能不能对其中的图片作懒加载呢？ 说干就干！ 接收到的富文本格式： 实现思路 js对富文本内容做解析 遍历img标签并添加d

TTF转woff2 字蛛font-spider，按需加载字体（如3000个常用文字） 字体预加载webfontloader 第三方工具（集成font-spider）https://www.fontsp

视频Banner 效果图： 贴代码： 滚屏视频 贴代码：视频Banner 效果图： 贴代码： 滚屏视频 贴代码：视频Banner 效果图： 贴代码： 滚屏视频 贴代码：

项目中偶然发现使用css变量不生效，猜测媒体查询不能使用css变量。 于是，写一些简单代码来测试： 大屏幕下： 缩小屏幕，颜色没变化，媒体查询不生效：

解决video内视频没有铺满（存在留白）的方式 方式1 object-fit: contain 解释 .box 样式: 设置 width: 100%，确保容器宽度占满父容器。 使用 position:

方式1 1.寻找ueditor.config.js，粘贴addCustomizeButton.js 2.修改文件：index.html，添加按钮 3.修改文件，添加 traditionalized",