在IOS端点击数字后会调起系统拨号界面,解决方案: <meta name="format-detection" content="telephone=no">…
在ios端,safari浏览器上触发click事件有300ms的延迟响应,为touch添加的样式会和click冲突而出现闪烁问题 在safari中触摸事件的相应顺序如下: touchstart --> touchmove --> touchend --> click(300ms) 此时可试用以下样式取消click事件的默认样式来消除页面闪烁问题 *{ -webkit-tap-highlight-color:rgba(0,0,0,0); } (顺便提一下,300ms的延迟主要是用于判断用户…
情景:微信公众号使用vue开发的单页面,在安卓端点击按钮访问显示404,ios访问正常问题,能正常显示. 解决:将微信公众号菜单按钮设置的路径中把WWW去掉后,安卓.ios都能正常访问. 问题路径www.xxx.com/aaa/index.html#/login 没问题路径 xxx.com/aaa/index.html#/login…
<!DOCTYPE html> <html> <head> <!-- 页面上有3个输入框:分别为max,min,num:三个按钮:分别为生成,排序,去重: 在输入框输入三个数字后,先点击生成按钮,生成一个数组长度为num,值为max到min 之间的随机整数:点击排序,对当前数组进行排序,点击去重,对当前数组进行去重. 每次点击之后使结果显示在控制台 --> <meta charset="utf-8"> <title>…
在使用excel的过程中,有时需要在输入数字时,突出显示这些单元格,突出显示可以用有填充颜色的单元格来表示.为了实现这样的效果,需要借助excel的条件格式. 工具/原料 电脑 Excel 2010 方法/步骤   新建一个Excel文件,以下将使用这个示例文件进行操作,建立的表格结构如图,供读者参考.以下将在输入数学成绩大于80分的时候自动填充该处单元格颜色.   选中表格区域后,依次选中菜单项开始--条件格式--新建规则:进入新建格式规则界面.   在新建格式规则界面中,选择只为包含以下内容…
一.项目需求 用collectionView展示很多照片,点击某个照片,用全屏scrollView无限循环的方式查看图片.点击放大的图片,图片缩小到原先的尺寸. 如图gif1.gif所示,点击中间的图片,放大图片,滑动图片.再点击大图,图片回到相应的位置. gif1.gif 如图gif2.gif所示.当前显示的图片不在屏幕中,点击大图后,若图片在屏幕顶部,则回到顶部:若在底部,则回到底部. gif2.gif 二.常见场景 微博.微信的相册:九宫格展示照片,点击某个图片,图片添加到scrollVi…
IOS 点击空白处隐藏键盘的几种方法     IOS7 点击空白处隐藏键盘的几种方法   IOS开发中经常要用到输入框,默认情况下点击输入框就会弹出键盘,但是必须要实现输入框return的委托方法才能取消键盘的显示,对于用户体验来说很不友好,我们可以实现点击键盘以外的空白区域来将键盘隐藏,以下我总结出了几种隐藏键盘的方法: 首先说明两种可以让键盘隐藏的Method: 1.[view endEditing:YES]  这个方法可以让整个view取消第一响应者,从而让所有控件的键盘隐藏. 2.[te…
iOS  点击cell下拉 代码如下: #import "ViewController.h" @interface ViewController ()<UITableViewDataSource,UITableViewDelegate> @property (nonatomic, copy) NSMutableArray *muArr; @property (nonatomic, copy) NSMutableArray *boolArray; @property (non…
一.取消a标签在移动端点击时的蓝色 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; 二.使用图片作为a标签的点击按钮时,当触发touchstart的时候,往往会有一个灰色的背景 a,a:hover,a:active,a:visited,a:link,a:focus{ -webkit-tap-h…
移动端点击事件300ms延迟的问题由来已久,如下截图 下面截图来自原文:https://www.jianshu.com/p/6e2b68a93c88 网上关于300ms延迟问题的解决方法,大致分为 3 种 ①:使用 meta viewport 属性禁用缩放,并让视口宽度等于设备宽度 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale…