特殊功能集合(代码片段)

hss-blog hss-blog     2023-01-01     755

关键词:

1、实现安卓机器流畅滚动功能

-webkit-overflow-scrolling: auto  |  touch;

auto: 普通滚动,当手指从触摸屏上移开,滚动立即停止

touch:滚动回弹效果,当手指从触摸屏上移开,内容会保持一段时间的滚动效果,继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆栈上下文。

下面是兼容安卓和iOS的写法

over-flow: auto;     /* winphone8和android4+ */
-webkit-overflow-scrolling: touch;    /* ios5+ */

我在非body元素,添加这个属性,竟然没有效果。如果添加上overflow-y: scroll,就可以优雅的滚动起来了。

当一个元素设置过position: absolute|relative,后再增加-webkit-overflow-scrolling: touch;属性后,会发现,滑动几次后就滚动区域会卡住,不能在滑动,这时给元素增加个z-index值就可以了。

解决方法:

给元素增加个z-index值

webkit-overflow-scrolling: touch;
position:absolute;
z-index:1;

2、苹果手机不支持 click 事件

<div class="name">点我</div>
$(document).on("click", ".name", function() 
    alert("name");
);

以上代码在电脑浏览器和安卓上都能触发alert事件,但是在ios上却完全没有反应 

查阅了很多信息后,说是iphone这些元素上没有click事件,它是touch事件, 
就是说如果这个name标签是button的可click事件则是可以触发的,因为div本身默认不可点击 

有一个解决方法是给这个元素添加css 
.name 
cursor:pointer; 
 
这样是可以解决的 

但是如果你觉得粗暴的话,可以将click改为touchstart事件,或者共存 

$(document).on(“click touchstart”, “.name”, function()  
    alert(“name”); 
);

3、(移动端上)有事件监听的元素被点击的时候会被高亮显示

 -webkit-tap-highlight-color: rgba(0, 0, 0, 0)

设置 高亮颜色

4、移动端上 会自动改变字体的大小,解决方法

-webkit-text-size-adjust: none

5、扩展点击区域,stylus

// 扩展点击区域
extend-click()
  position: relative
  &:before
    content: ‘‘
    position: absolute
    top: -10px
    left: -10px
    right: -10px
    bottom: -10px

 








常用的特殊符号集合(代码片段)

在我们业务开发中,常用到密码校验的特殊符号。那么,什么字符属于特殊符号呢?以下列出特殊符号集合!"#$%&‘()*+,-./:;<=>?@[]^_`|~ 查看详情

reids学习集合set学习(代码片段)

...Redisset对外提供的功能与list类似是一个列表的功能,特殊之处在于set是可以自动排重的,当你需要存储一个列表数据,又不希望出现重复数据时,set是一个很好的选择,并且set提供了判断某个成员是否在一个se... 查看详情

htmljquery.load()-我们应该知道的特殊功能(代码片段)

查看详情

基于集合实现斗地主发牌功能(代码片段)

基于单列集合实现packagecom.demo03;importjava.util.ArrayList;importjava.util.Collections;publicclassdoudizhupublicstaticvoidmain(String[]args)//System.out.println(createPoker());ArrayListpoker=createPoker(); 查看详情

javaandroid缓动功能。动画集合,有助于简化动画。(代码片段)

查看详情

java中的接口(代码片段)

...implements)例如:classBextendsCimplementsA,D接口可以看做一个特殊的抽象类,是常量和抽象方法的一个集合,不能包含变量、一般的方法接口 查看详情

特殊功能寄存器sfr(代码片段)

                                特殊功能寄存器sfr   sfr也是一种扩充数据类型,点用一个内存单元,值域为0~255。    利用它可以访问51单片机内部的所有特殊功能寄存器。(sfr是定义8位的特殊功... 查看详情

mybatis框架(代码片段)

...询一条数据为map集合查询多条数据为map集合方法一方法二特殊SQL的执行模糊查询批量删除动态设置表名添加功能获取自增的主键自定义映射resultMapresultMap处理字段和属性的映射关系多对一映射处理级联方式处理映射关系使用associ... 查看详情

如何将两个不同的集合与功能样式合并?(代码片段)

我有两个集合:valone=Seq(("1",123),("3",555),("2",31))valtwo=Seq("1","4","2")我需要先将第二个seq附加到第一个(顺序无关紧要),例如:valresult=Seq(("1",123),("2",31),("3",555),("4",0))//0-constant我可以通过包含check来转换为set和iteration,但它非常难... 查看详情

c#004.索引器事件结构集合委托(代码片段)

文章目录特殊结构索引器index访问器事件EventStruct结构和类的区别委托delegate特殊结构索引器index索引器类似于属性不同之处在于他们的访问采用参数按照与数组相同的方式进行索引索引器必须以this关键字定义索引器类型表示该索... 查看详情

集合框架-arraylist,vector,linkedlist(代码片段)

//ClassCastException报错,注意,千万要搞清楚类型 *Vector的特有功能:*1:添加功能* publicvoidaddElement(Objectobj) --被add()替代*2:获取功能* publicObjectelementAt(intindex) --被get()替代* publicEnumerationelements() -- 被Iter 查看详情

map和set(代码片段)

...,类似Object。通常是一个键对应一个值。key:valeSet是一个特殊的,只含有键(也可以称为特殊值,我感觉和map中的键差不多)的一个集合。key定义Map的方法letcol=newMap;//创建Mapcol.set("Jucy",60);//使用se 查看详情

面向对象之接口(代码片段)

...。这点可以让我们将接口看做是一种只包含了功能声明的特殊类。定义格式:publicinterface接口名 查看详情

map集合的第一种迭代(代码片段)

/**A:Map集合的功能概述a:添加功能Vput(Kkey,Vvalue):添加元素。如果键是第一次存储,就直接存储元素,返回null如果键不是第一次存在,就用值把以前的值替换掉,返回以前的值b:删除功能voidclear():移除所有的键值对元素Vremove(Objectkey... 查看详情

集合arraylist(代码片段)

...变。为了保存这些数目不确定的元素,JDK中提供了一系列特殊的类,这些类可以存储任意类型的元素,并且长度可变,统称为集合。ArrayList集合是程序中最常见的一种集合,它属于引用数据类型(类)。在ArrayList内部封装了一个... 查看详情

密码校验正则--数字字符特殊符号(代码片段)

密码要求输入:必须包含数字、字符和特殊符号varreg=/(?=.*[a-z_])(?=.*d)(?=.*[^a-z0-9_])[S]/i; 语法:1、断言: (?=.*[a-z_]) 2、负值字符集合。匹配未包含的任意字符: [^a-z0-9_]测试: 查看详情

c#两个特殊的集合类stringcollection与stringdictionary(代码片段)

1、前言    为啥要写StringCollection与StringDictionary这两个集合呢?这两个集合都可以存储字符串的数据结构,都是非泛型的可以存储任何类型的数据,都是使用数组存储元素,因此使用他们效率更高。 2、简介首... 查看详情

源码阅读(27):java中主要的set结构——linkedhashsettreeset等结构(代码片段)

...LinkedHashMap容器进行工作,且没有提供除此之外额外的特殊功能。2.1、LinkedHashSet集合的构造函数首先我们介绍LinkedHashSet集合的构造函数,相关代码片段如下所示publicclassLinkedHashSet<E>extendsHash 查看详情