分类 Web 下的文章

jSignature 是一个 jQuery 插件,它简化了在浏览器窗口中创建签名捕获字段的过程,允许用户使用鼠标、笔或手指绘制签名。

jSignature 将签名捕获为笔划的矢量轮廓。 虽然 jSignature 也可以导出大位图 (PNG),但提取签名的高度可扩展的笔画移动坐标(也称为矢量图像)可以使签名渲染更加灵活。

- 阅读剩余部分 -

转自简书,原文已不可见。

vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。

如果不想要很丑的 hash,我们可以用路由的 history 模式,这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。

- 阅读剩余部分 -

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

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

解决办法

- 阅读剩余部分 -

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

PWA 简介

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

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

- 阅读剩余部分 -