各种奇怪的网页效果
温和些吧
别暴躁
展开
-
JavaScript:图片异步加载 onLoad函数
由于业务中有个需求,有个选项是让用户点击查看大图,这个大图应该带遮罩层显示在屏幕正中间,但是由于图片是挂载在服务器上的图片,所以加载图片是异步的,即图片并不能一次性加载完毕,这就导致图片即使加载完成,也无法实现屏幕居中。后来发现可以在img标签里实现onLoad函数,当图片完毕后,让图片替换之前的默认图片。<img src={imgLoading} onLoad={e => model.imageLoadHandler(e)}/> imageLoadHandler = e =>原创 2021-08-11 10:08:28 · 1748 阅读 · 0 评论 -
umi框架:react优雅引入阿里巴巴矢量图标库
进入阿里巴巴矢量图标库,将选入的图标放入购物车。选择添加至项目,没有项目可新建项目。封装一个自定义Icon组件,这里推荐React使用函数形式:import React from 'react';import classnames from 'classnames';import propsTypes from 'prop-types';const scriptElem = document.createElement('script');// 在上方复制的链接放在这里scriptEl原创 2021-07-01 17:32:08 · 1195 阅读 · 1 评论