WAP端 经验记录2

1. LightboxV2 插件

点击A 应该关闭弹层的效果,但是 SAMSUNG 手机上原生浏览器上,看上去不会关闭却跳转了,但当点击回退按钮的时候就会看见弹层已经消失(其实之前的关闭效果已经记录了)
UC浏览器上点击A 能看到 弹层关闭,因为它的click事件 只比 touchend事件慢了一点点

IOS7.0 能看到弹层关闭再跳转,IOS8.0看不到弹层关闭再跳转,但是当回退的时候都是关闭的

2. chrome 中文版下 不能设置字体小于 12px, 但是可以用如下的属性去让它缩放
-webkit-transform: scale(0.775384615384615);

3.
safari ios8 下不支持 new Date(‘1440666951116‘)
但是可以 new Date(1440666951116) 或 new Date(2015,8,12,10,10,40)

IE8 支持写法 new Date(1440666951116) 或 new Date(2015,8,12,10,10,40)

4.
当一个元素用了 -webkit-transform: rotate(20deg); 它的层级z-index在某些浏览器下会很高,用下面的属性让其他元素层级比它高。

-webkit-transform: translateZ(0);
-webkit-transform: rotateX(0);

5. uglifyjs 压缩代码
cd D:\Users\zhengming\Desktop
uglifyjs lightbox_v2.js -m -o lightbox_v2.min.js // 混淆压缩
uglifyjs lightbox_v2.js -o lightbox_v2.min.js // 普通压缩

6 fiddler 模拟POST的 404请求:

METHOD:POST REGEX:(?insx)http://youxi36-wap.stg2.24cp.com/.+
*404-SESSION_40

7 如何居中

position: fixed;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);

这个在某些手机 默认浏览器没有问题,但内嵌的APP里面 -webkit-transform: translate(-50%, -50%); 不起作用。

修复的办法就是改成 position: absolute;

8   zepto-1.1.6.js
Zepto(document).height() 如果没有内容会是0,

  Zepto里代码为: document.documentElement.scrollHeight,所以得改成

  Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);

Zepto(window).width() 没有去掉浏览器滚动条的宽度

  所以若是PC取宽度代码(参考 jquery-1.11.3.js): document.documentElement["clientWidth"]
Zepto(window).height() 没有去掉浏览器滚动条的宽度

  所以若是PC取宽度代码(参考 jquery-1.11.3.js): document.documentElement["clientHeight"]

9 userAgent
iphone6 plus
"Mozilla/5.0 (iPhone; CPU iPhone OS 8_0 like Mac OS X) AppleWebKit/600.1.3 (KHTML, like Gecko) Version/8.0 Mobile/12A4345d Safari/600.1.4"

小米
mozilla/5.0(linux; u; android4.1.1; zh-cn; mi 2 build/jro03l)applewebkit/534.30(khtml, like gecko)version/4.0 mobile safari/534.30
xiaomi/miuibrowser/1.0

时间: 2024-08-09 19:53:42

WAP端 经验记录2的相关文章

WAP端 经验记录1

1. 点击元素触发事件的先后顺序:touchstart, touchend, mousedown, mouseup, click 2. Animate 的 stop 问题问题:手机端由于用 CSS3 做动画,所以 zepto 没有 stop 方法.解决:我已自定义扩展了一个方法,目前支持动画 2d transform 和top 和 left 的停止,不支持@keyframe 和 3D. 3. 声音问题问题1:对于IOS 的手机,如果想在游戏的结尾出结果的声音; 解决:当用户点击游戏“开始按钮”,

【经验记录】Android上传文件到服务器

Android中实现上传文件,其实是很简单的,和在java里面是一样的,基本上都是熟悉操作输出流和输入流!还有一个特别重要的就是需要配置content-type的一些参数!如果这些都弄好了,上传就很简单了,下面是我写的一个上传的工具类: package com.spring.sky.image.upload.network; import java.io.DataOutputStream; import java.io.File; import java.io.FileInputStream;

wap端访问路径和销售归隐

与app访问路径和销售归因相比,wap端的特殊之处在于: 1. wap端可以浏览器多开,这就意味着在同一时间,用户的访问路径不止一条,可能是多条,相互并行. 因此就不能按app访问路径那样按时间顺序向后追溯路径,而是要根据refer url按时间向前逆推,推出整条路径. 2. wap端浏览器可以发送refer url,但当用户点击浏览器上的返回时,浏览器是发新的PV数据,还是不发,还是发老的PV数据,这就完全是由浏览器特性决定. 如此一来,底层数据中就会比较混乱,当做成路径表以后,表中可能会存在

JS判断是wap端访问网站还是PC端访问,然后进行自动跳转的代码

<script type="text/javascript"> function goPAGE() { if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) { windo

新浪微博爬取笔记(3):wap端爬取用户微博列表 ,转发列表+数据清理

wap端登陆成功后,就可以安心开始爬取数据了.我这次需要的数据是: (1)用户的近期1000条微博,需要:微博id,转发量,发布时间 (2)某条微博的转发列表,需要:转发人,转发时间 (3)某个用户的关注数,粉丝数,微博数,最近100条微博的平均转发量 ========================================= 相比模拟登陆,爬数据的工作就简单很多.但需要注意几个坑,一边做一边总结如下: ##爬微博列表## (1)虽然目前wap端每页加载的微博数貌似是固定的,但其实是不固

2014.07总结会经验记录

PPT方面的 1 完成工作情况汇总页,按时间描述项目,X轴是时间,Y轴是项目 2 具体项目页,工作内容可以按类型划分,人员无需在单个项目中指认出来.有一个汇总页进行描述即可. 3 人员配置页,可以去按照项目去划分人员,描述职责.(可借鉴zx的方式,用三角,圆圈,实心圆来区分人员使用方式,专职,复用,临时,我现在用的数字的统计方式更直观,单人用符号来标识更好) 4 技能覆盖页面没太大意义,要保留的话还是要强调变化,而且和人员配置页重了. 5 力求精炼,发现效果还不如第一版,内容必须精炼,过度展开后

WAP端 touch事件触发顺序记录

IOS7.0 safari 滚动滚动条的时候, 最后手指放开 (scroll 总是在 touchend后面,所以要用 setTimeout) touchstart touchmove(多个) touchend scroll(一个)IOS8.4 safari 滚动滚动条的时候 touchstart touchmove(多个) scroll(0个或者多个) touchend scroll(0个或者多个) IOS7.0 和 IOS8.4 UC 浏览器 10.6.5.627 滚动滚动条的时候 正常滚动的

暑期开发过程中的一些经验记录

Jeremy Lin 一.GDI+设置 这个不算是什么经验,在学校里面主要应用Opencv,基本没用过GDI+,到公司后才发现需要用到它.这里记录一下GDI+的配置过程,好让以后参考. (1)在项目属性-->链接器--附加依赖项   添加  gdiplus.lib (2)在stdfx.h中添加 #include "gdiplus.h" using namespace Gdiplus; (3)为XXXApp类添加两个成员变量 GdiplusStartupInput m_Gdista

项目 经验记录(续)

此文是之前项目经验的续篇.上篇讲了开发抽奖API遇到的难点及其解决方案,这篇将讲述上线后发生的事情. 抽奖项目上线之后,反响不错,领导还表扬了.但是有一天上午,有个事业部打来电话,说刚刚开始上线的活动,抽奖提示奖品已抽完,叫我们查一下. 活动是百分百中奖的,只有所有奖品库存没有了,才会提示奖品已经抽完.我到redis里面一查,的确奖品没有了.奖品库存存进去的也没错,那是什么原因呢? (2w 多的奖品在不到两分钟被刷完,我的api处理高并发还是达到要求了) 我们接下来去看此次活动的中奖纪录,发现奖