摘要: 一次设计师画了一个设计图,是一个卡券信息,左右各有两个圆。 起初觉得很难实现,网上也很少有类似的答案。 后来看了些 background 卡券的实例,顺便探究了一下 background 的MDN 文章,学到了其更多的属性和使用方法。 MDN-background 首先,要学会分辨的误区就是:bac 阅读全文
posted @ 2020-11-07 21:21 海客无心x 阅读(377) 评论(0) 推荐(0) 编辑
摘要: 一次,要实现一个公告,需要走马灯效果。 发现,文字的宽度计算是需要用一个模拟的元素来计算的,因为我们用来实现走马灯效果的元素肯定是要设置overflow:hidden;的。 即,我们不可能用走马灯效果本身需要用到的div来计算文字的总宽度。 其次,也要注意各个端的font-size,文字的宽度与此相 阅读全文
posted @ 2020-11-07 15:12 海客无心x 阅读(1013) 评论(0) 推荐(0) 编辑
摘要: 1、关于微信分享JS配置正确,但是分享出去图片获取不到的问题 答:微信需要配置JS安全域名(类似于网站白名单的东西),不在JS安全域名的链接的图片,或者配置了JS安全域名,但是域名无法被微信访问到(比如公司内部的测试环境,微信肯定是访问不到的)。 微信配置安全域名的截图例子: 2、app中分享的会显 阅读全文
posted @ 2020-11-07 14:55 海客无心x 阅读(69) 评论(0) 推荐(0) 编辑
摘要: 一次设计师,要实现一个从下往上滑出的效果,但滑出的元素高度是auto。 先解释一下为什么这里是auto? 因为它是一个图标列,我们高度不应该写死,不然扩展性不好。谁知道后面是否要新增图标? 这里的实现出了什么问题呢? 当我们不能确定一个元素的高度的时候,transition是不会触发过渡效果的。比如 阅读全文
posted @ 2020-11-07 14:53 海客无心x 阅读(608) 评论(0) 推荐(0) 编辑