移动端开发问题及技巧汇总

移动端开发问题及技巧汇总

1.移动页面点击出现页面穿透问题:

http://www.tuicool.com/articles/6NfaUnM

2.轮播组件swiper动态加载数据左右不好滑动问题:

http://www.cnblogs.com/xiongmaolala/p/4692099.html

3.微信页面中ios自动识别数字标蓝有下划线,点击提示拨打电话问题:

<!-- 禁止iphone识别数字并出现下划线 拨打电话功能 -->
<meta name="format-detection" content="telephone=no" />

4.$scope.apply()脏检查用法:

http://www.jb51.net/article/59538.htm

5.angular中脏检查的用法:该方法是当在不是用angular方法中调用angular方法时,angular方法失效的情况,这时需要进行脏检查,代码如下。以下的代码表示:判断上面的代码中是否进行了digest或者apply脏检查,如果没有则进行脏检查

if (!($scope.$$phase == '$digest' || $scope.$$phase == '$apply')) {
  $scope.$digest();
}

6.当移动端页面中有较长页面,并且上下滑动不流畅时,将这个样式放在要滑动的dom里面就好了:

-webkit-overflow-scrolling: touch; /* 当手指从触摸屏上移开,会保持一段时间的滚动 */

7.监听angular中的ng-repeat有没有加载完毕:

http://www.jianshu.com/p/4ead962e9dac