两周一报02(20180909)
一、项目汇报
1. 居家大赏主会场总结
- 对于点击跳转到其他页面的埋点,需要设置延时让埋点成功上报,避免埋点尚未上报成功页面就已经跳转。
- IOS下滚动卡顿(手指移动开页面就马上停止滚动),通过添加属性:-webkit-overflow-scrolling: touch ,问题解决。
- img不设置display:block时,设置宽高100%会有一点偏移
- 此次页面需要内嵌到京东APP的排行榜,由于之前沟通没有注意到投放途径,加上运营的疏忽,没有安排联调时间。在排期结束后才发现投放页面冲突,出现BUG。
- 反思:下次在需求评审时要注意页面投放途径,如果需要内嵌到京东APP需要安排联调时间,避免再次出现这种情况。
- 内嵌排行榜(RN WebView)的BUG总结
- 第二次拉取数据不成功:在onload事件完成之后,再次调用接口获取数据代码失效,修改逻辑为在onload事件之前取出所有数据。这种解决方法的缺点是首屏加载时间略长,用户体验不够好。
- 进入页面后自动弹出分享弹框:需要加入环境判定,该属性为异步注入,需要延时判定,如下:
1
2
3
4
5
6
7
8window.onload = function() {
setTimeout(function(){
if(window.inRankingListRN) {
// 排行榜环境下
}
else { ... }
}, 200)
}
2. 相机节头图(PC&APP)
jshop的视频链接假如需要为可配置的,则必须为jshop生成的视频链接,目前jshop生成的视频链接有问题,无法自动播放,可能是jshop视频存储刚迁移了云服务器的原因。
二、近期试玩
1. snap.svg —— 一个操作svg的js库
- 相关链接
- 优点
- 兼容IE9+、Safari、Chrome、Firefox、Opera;
- 使用起来与jquery很相似,上手快,官方API也比较齐全;
- 大小为82KB
应用:可用于实现一些简单的动画,尤其是一些过渡效果无法通过CSS很好的实现,svg可以替代帧动画和GIF,减少加载资源,快速开发,附上2个假假的demo如下,代码量都没有超过50行:


目前在PC端使用比较良好,snap.svg移动端 iOS、安卓 X5 内核、安卓原生浏览器兼容性都不错,只有部分属性不兼容,以上两个栗子在组内的测试机上显示正常。兼容性数据来源: