摘要: 利用H5的drag对div进行拖放,两个div位置互换之后,echarts需要重新渲染,这时候,需要将之前渲染的图表的_echarts_instance_属性去掉。 因为echarts绘制都要创建一个Echarts实例,返回echartsInstance。所以我们只需要在重新创建的时候,移除之前创建 阅读全文
posted @ 2020-06-29 13:46 shetoutou 阅读(9265) 评论(0) 推荐(0) 编辑
摘要: 上周接到一个需求,要写一个邮箱内接收邮件的页面,一开始,我就当做正常页面去写了,但是上正式环境后,突然发现,样式千奇百怪,大部分都没生效。 查阅资料后,才知道,由于邮箱内页面对很多H5,CSS3属性不支持,因此邮箱内嵌入html页面比较特殊,需要注意以下几点: 1. 邮箱内页面布局尽量采用table 阅读全文
posted @ 2020-05-17 13:37 shetoutou 阅读(1373) 评论(0) 推荐(0) 编辑
摘要: 今天写了一个页面,页面背景是一张大图,要求适配不同屏幕大小,我采用以下方案: html: css: 阅读全文
posted @ 2020-05-14 19:16 shetoutou 阅读(1410) 评论(0) 推荐(0) 编辑
摘要: 在做前端页面时,如果一个页面有多套动画特效依次播放。我们一般采用setTimeout延时,就可以完美解决动画依次执行的效果,但存在以下问题: 1、如果动画很多的话会让人感觉很累,因为每个动画动摇计算前方动画所运行的时间。 2、如果中间某个动画的运行时间进行修改的话,后面所有的动画都需要修改。 所以, 阅读全文
posted @ 2020-05-01 15:39 shetoutou 阅读(1671) 评论(0) 推荐(0) 编辑
摘要: 最近在做一个项目,要求是兼容IE8,写页面时,用到的很多css属性IE8都不兼容,想要的效果也呈现不出来。 1,background:url后面要空格 改成 2、background size无效 暂无合适解决方案 3、rgba设置外层盒子透明度 我的解决方案是将外层和内层的内容分开,然后设置opa 阅读全文
posted @ 2020-04-25 22:38 shetoutou 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 看到这样一段代码 跳转没用a标签,而是用了div加h5的自定义属性,因为a标签有种种不确定性,比如在各种浏览器的表现形式不统一,而且鼠标hover的时候页面下方会有链接,显得很low。而div+自定义属性,在js中获取链接,通过$('.new').attr('url')获取地址,然后把链接 wind 阅读全文
posted @ 2020-04-09 16:19 shetoutou 阅读(980) 评论(0) 推荐(0) 编辑
摘要: 在iOS系统的移动设备中,需要在按钮元素或body/html标签上绑定一个touchstart事件才能激活:active状态。比如: 或者js给 document 绑定 touchstart 或 touchend 事件: 对于PC端,将touchstart换成mouseover即可。 阅读全文
posted @ 2020-04-08 15:30 shetoutou 阅读(377) 评论(0) 推荐(0) 编辑
摘要: html结构: css样式: 结果: 阅读全文
posted @ 2020-04-01 17:34 shetoutou 阅读(393) 评论(0) 推荐(0) 编辑
摘要: IOS/Android不支持video的autoplay,PC端的safari也在2017年的safari 11版本中禁止带声音的多媒体自动播放功能,然后Chrome在2018年4月份发布的66版本也关掉了声音自动播放,也就是说HTML5的audio和video标签autoplay属性在一般网页端基 阅读全文
posted @ 2020-03-27 17:40 shetoutou 阅读(2645) 评论(0) 推荐(0) 编辑
摘要: 一些工作中的积累 可以看出,中间有个间隙,解决这个间隙的办法可以将代码放一行,或者float,margin负值等方法,但最好的方式还是设置父元素的font size:0,然后再分别设置子元素的font size。 阅读全文
posted @ 2020-03-27 17:24 shetoutou 阅读(722) 评论(0) 推荐(1) 编辑