shetoutou

摘要： 利用H5的drag对div进行拖放，两个div位置互换之后，echarts需要重新渲染，这时候，需要将之前渲染的图表的_echarts_instance_属性去掉。 因为echarts绘制都要创建一个Echarts实例，返回echartsInstance。所以我们只需要在重新创建的时候，移除之前创建 阅读全文

摘要： 上周接到一个需求，要写一个邮箱内接收邮件的页面，一开始，我就当做正常页面去写了，但是上正式环境后，突然发现，样式千奇百怪，大部分都没生效。 查阅资料后，才知道，由于邮箱内页面对很多H5,CSS3属性不支持，因此邮箱内嵌入html页面比较特殊，需要注意以下几点： 1. 邮箱内页面布局尽量采用table 阅读全文

摘要： 今天写了一个页面，页面背景是一张大图，要求适配不同屏幕大小，我采用以下方案： html: css: 阅读全文

摘要： 在做前端页面时，如果一个页面有多套动画特效依次播放。我们一般采用setTimeout延时，就可以完美解决动画依次执行的效果，但存在以下问题： 1、如果动画很多的话会让人感觉很累，因为每个动画动摇计算前方动画所运行的时间。 2、如果中间某个动画的运行时间进行修改的话，后面所有的动画都需要修改。 所以， 阅读全文

摘要： 最近在做一个项目，要求是兼容IE8，写页面时，用到的很多css属性IE8都不兼容，想要的效果也呈现不出来。 1，background:url后面要空格 改成 2、background size无效 暂无合适解决方案 3、rgba设置外层盒子透明度 我的解决方案是将外层和内层的内容分开，然后设置opa 阅读全文

摘要： 看到这样一段代码 跳转没用a标签，而是用了div加h5的自定义属性，因为a标签有种种不确定性，比如在各种浏览器的表现形式不统一，而且鼠标hover的时候页面下方会有链接，显得很low。而div+自定义属性，在js中获取链接，通过$('.new').attr('url')获取地址，然后把链接 wind 阅读全文

摘要： 在iOS系统的移动设备中，需要在按钮元素或body/html标签上绑定一个touchstart事件才能激活:active状态。比如： 或者js给 document 绑定 touchstart 或 touchend 事件： 对于PC端，将touchstart换成mouseover即可。 阅读全文

摘要： html结构： css样式： 结果： 阅读全文

摘要： IOS/Android不支持video的autoplay，PC端的safari也在2017年的safari 11版本中禁止带声音的多媒体自动播放功能，然后Chrome在2018年4月份发布的66版本也关掉了声音自动播放，也就是说HTML5的audio和video标签autoplay属性在一般网页端基 阅读全文

摘要： 一些工作中的积累 可以看出，中间有个间隙，解决这个间隙的办法可以将代码放一行，或者float，margin负值等方法，但最好的方式还是设置父元素的font size：0，然后再分别设置子元素的font size。 阅读全文