做商品详情页的时候，发现详情图多张的情况下，即使设置了 margin:0;padding:0 也不能让两张图片上下之间没有空隙。

原因是 img 标签是行内元素，默认的图片对齐方式为 vertical-align: baseline;，即基线对齐。baseline 对其方式导致图片并不是与 div 的真实底部对齐，而是与文基线对齐。文基线就是字母 x 的下边缘，即使没有文字，也会有空隙。

解决办法

- 阅读剩余部分 -

国内大厂的 APP 如微信、支付宝、抖音、京东等等都搞了自己平台的小程序，本质上其实都是一种集成了各自平台能力的 Web 应用。国外没有这种东西是因为行业更加规范，没必要多此一举，因为 PWA 完全满足需求了。

PWA 简介

渐进式 Web 应用（Progressive Web App，PWA）是一个使用 web 平台技术构建的应用程序，但它提供的用户体验就像一个特定平台的应用程序。

它像网站一样，PWA 可以通过一个代码库在多个平台和设备上运行。它也像一个特定平台的应用程序一样，可以安装在设备上，可以离线和在后台运行，并且可以与设备和其他已安装的应用程序集成。

- 阅读剩余部分 -

使用 jquery-weui 的时候，console 里总是提示 Unable to preventDefault inside passive event listener due to target being treated as passive.，非常烦。

- 阅读剩余部分 -

本地开发时，因为懒得配置证书，所以用了 http 协议。

结果发现一个问题，页面里引用的相对路径资源如 /assets/xxx.js 等自动请求了 https://xxx.com/assets/xxx.js，导致页面无法正常渲染。

- 阅读剩余部分 -

方便日后复制粘贴。

- 阅读剩余部分 -

Nginx 版本 1.23.3，系统 macOS Ventura 13.3.1。

- 阅读剩余部分 -

Demo:

- 阅读剩余部分 -

在页面里加上以下代码即可实现：

- 阅读剩余部分 -

今天需要搞一个服务端渲染 ECharts 的图标的方案。

- 阅读剩余部分 -

使用模态框，一般都会自动带上一个属性，tabindex="-1"。

- 阅读剩余部分 -