- 博客(6)
- 收藏
- 关注
RSS订阅原创 banner图太卡体验差？使用js判断图片是否加载完成
banner图使用背景图片时判断图片是否加载完成前言：项目首页重构，UI设计了奇奇怪怪的banner图（插在两个元素中间），如下：屏幕尺寸增大的时候，为了让图片完全展示，banner的高要随着宽而增大，而它周围两个元素的高是固定的，这就导致了下部分对不齐，且随着屏幕的增大，左边比右边越来越高，显然是不行的，最后使用媒介查询——@media screen and (max-width:1442px)，这样定义了好几个屏幕尺寸下这几个元素的高度，得以解决这个问题。问题出现：但这并不是关键，随后测试
2020-11-20 11:40:03
524
原创 Taro小程序中使用toFixed()方法遇到的的坑
需求描述产品说小程序首页的合作品牌列表有16张（固定16张），但是一次性只展示8张，另外8张随机翻转展示，如下：实现需求这个好实现，基本思路：写八个容器，每个容器放两张图片（一张正面一张反面），然后写一个能让它们翻转的css3动画，定义一个active变量，通过这个变量的值来判断哪个容器执行翻转动画（加上相应的class），然后定义一个定时器，利用Math.random()来随机改变active的值，就实现了，核心代码如下：js部分：componentDidMount () { this
2020-08-06 11:18:03
738
原创 碰到h5中背景图片无法显示的莫名其妙的问题
发现问题使用背景图片渲染头像，但是发现有些头像能显示，有些就是空白的，看了一下，不显示的头像是因为background-image属性莫名其妙失效了。。。这种不能显示：这种就能显示：对比一下，导致background-image属性失效的图片地址里有空格，那不是简单，把地址里的空格去掉，用正则表达式啊！<div class="avatar" :style="{backgroundImage: 'url('+detailInfo.fdImage.thumbnailUrl.replace
2020-07-22 16:16:58
3243
原创 手写一个简单的轮播组件（被逼无奈）
事件起因这周接到一个任务是修改公司官网首页，之前的不太美观，要改的好看一点，不就是修改一个页面嘛，能复杂到哪里去，但是当我去蓝湖上查看UI的设计图时，瞬间愣住，这是修改？和之前的完全不一样啊，这是重构吧！果断评估了一下，至少得给我两三天的时间才能搞定，跟组长商量也同意了，那就开搞，首先就是顶部的轮播图，这个项目是vue的，UI框架用的是elemen-ui，所以我第一反应是用element-ui的跑马灯，但是和设计图好像不那么一样啊。。。沟通了一下，能不能用跑马灯啊？省事，UI说要做点动效，底部的切换按
2020-07-19 23:31:25
532
原创 换电脑后，重新拉取项目代码，git报错的解决方式
换电脑后，重新拉取项目代码，git报错的解决方式问题原因解决方法问题原因由于电脑一周崩溃三次，实在影响工作效率，虽然现在还没转正，但还是咬咬牙向爸妈借了点钱，买了个便宜的办公本，今天收到之后把它各种环境配置了一下，然后就是拉取项目开始处理工作的bug啦~但是拉取项目的时候把账号密码写错了，然后就报错，也不让我重新输入，如下：解决方法因为第一次Git clone的时候输错了密码，当失败后再一次clone时就会报错且不再弹出输账号密码的框框，解决方法：搜索凭据管理器，打开；找到对应的凭据，删除掉，重
2020-07-01 22:42:49
2144
原创 使用Echart绘制小程序图表碰到的一个问题以及解决方式
使用Echart绘制小程序图表碰到的一个问题以及解决方式问题描述：开发的小程序中的图表echart中X轴是项目数值，Y轴是日期；我要实现点击相对应的项目的时候，显示的提示（tooltip）中插入一个项目名称，不同的项目，名称不同。这个项目名称，是没有在X轴或Y轴分类出现的，是完全独立的字段，不知道如何实现？设计图如下:通过实验证明，无论是X还是Y轴，显示的内容都是可以用formatter自定义的，所以可以先把独立的字段对应的数组一项一项和X或Y对应的数组合并成一个字符串数组，然后使用的时候根据情况
2020-06-23 22:22:17
606
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人