- JS基础-ClassList -移动端插件的引入-touch事件-sessionStorage 和 localStorage
垦利不
javascript开发语言ecmascript
目录1.classList属性添加类删除类切换类检查类是否存在替换类移动端touch事件2.消除点击延迟Fastclick插件的引入引入FastClick初始化3.Swiper插件的引入和使用通过CDN引入通过npm安装(vue中建议)使用SwiperHTML结构初始化Swiper4.zyMedia插件简介4.1下载与引入4.2使用4.3js初始化4.4参数说明5.bootstrap的安装和使用5
- 小白学习vue笔记
善良的爱心话
vuevuekeep-aliveaxios组件
文章目录一安装Vue二做移动端应用注意2.1在index.html中修改mate设置2.2reset.css重新设置样式,在入口文件中引入2.3引入border.css解决一像素边框的问题2.4解决click延迟300ms的问题fastclick插件2.5在style中引入其他样式,需要这样
[email protected]对全局事件的解绑2.7解决么面滑动影响其他页面的问题3插件使用3.1stylus和stylus-l
- fastclick在IOS11.3以上textarea点击失效问题
一刀准
在ios11.3以上非第一次快速点击textarea出现失效的情况.后续在https://github.com/ftlabs/fastclick/issues/548找到解决办法打开fastclick.js源码,接近332行左右添加如下图就可以解决.本文章只作为个人记录.
- mall 项目随笔
coderlion
项目介绍技术栈Vue2.0(核心框架)Vue-CLI4.0(Vue脚手架)Vue-Router(SPA页面路由)Vuex(状态管理)Axios(网络请求)ES6(JavaScript语言的下一代标准)Less(CSS预处理器)Better-Scroll(让移动端的滚动更为流畅)FastClick(解决移动端点击300ms延迟)Vue-Lazyload(懒加载工具)PostCss(css代码转化工具
- 使用fastClick.js所产生的一些问题
北冥有鱼我养的
开发h5活动页时想到移动端会有300ms的延迟,于是便打算用fastClick.js解决。页面引入fastClick.js后,滑动H5页面的时候发现谷歌浏览器会报错,如下:UnabletopreventDefaultinsidepassiveeventlistenerduetotargetbeingtreatedaspassive.Seehttps://www.chromestatus.com/.
- vue 移动端点击延迟_vue移动端项目-click事件在浏览器中延迟300ms的解决方法
Payton Sun
vue移动端点击延迟
在H5页面移动端项目当中,click事件在浏览器中会有300ms的延迟,这个也是移动端开发中常见的问题之一,今天就这个问题说一说解决方法解决click点击事件300ms延迟—fastClickfastClick的思路就是利用touch来模拟tap(触碰),如果认为是一次有效的tap,则在touchend时立即模拟一个click事件,分发到事件源(相当于主动触发一次click),同时阻止掉浏览器30
- 移动端兼容性,RESTful接口介绍
西瓜味白桃汽水
笔记学习
这里写目录标题获取机型uni.getSystemInfo上下拉动滚动条时卡顿、慢overflow-scrolling:touch;长时间按住页面出现闪退-webkit-touch-callout:none;iphone及ipad下输入框默认内阴影-webkit-appearance:none;1px像素使用伪类元素模拟边框,使用transform缩放click的300ms延迟问题fastclick
- Ios移动端fastClick导致 input触控不灵敏的解决办法!
开发攻城狮
javascriptvue前端
FastClick移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件,这是为了检查用户是否在做双击。为了能够立即响应用户的点击事件,就有了FastClick安装完发现输入框点击变得不灵敏,第二次点击页面中的输入框需要长按一会才能正常唤起键盘输入。(安卓是正常的)我用的是vue3这里直接再main.js修改即可!解决方案//引入importfastClickfrom'fast
- 移动端事件顺序、解决300毫秒点击延迟
神奇大叔
移动端与REM移动端
文章目录移动端事件触发顺序300毫秒延迟原因300毫秒延迟产生的点击穿透问题IOS的300毫秒延迟禁用缩放禁用双击缩放设置视口宽度fastclick库手动封装一个tap方法fastclick原理移动端事件触发顺序在touchstart,touchmove或者touchend事件中的任意一个调用event.preventDefault(),在触摸的过程中触发了touchcancel事件,后面的鼠标事
- web移动端安卓和ios兼容问题
程序开发猿
webwebios安卓htmlcss3
1、click300ms延迟fastclick可以解决在手机上点击事件的300ms延迟触摸事件的响应顺序为touchstart-->touchmove-->touchend-->click,也可以通过绑定ontouchstart事件,加快对事件的响应,解决300ms延迟问题若移动设备兼容性正常的话(IE/Firefox/Safari(IOS9.3)及以上),只需加上一个meta标签把viewpor
- java隐藏a标签的文字,js设置a标签隐藏
周鸟
java隐藏a标签的文字
关于js设置a标签隐藏的搜索结果回答移动端点击有300ms的延迟是因为移动端会有双击缩放的这个操作,因此浏览器在click之后要等待300ms,看用户有没有下一次点击,来判断这次操作是不是双击。有三种办法来解决这个问题:1.通过meta标签禁用网页的缩放。2.通过meta标签将网页的viewport设置为idealviewport。3.调用一些js库,比如FastClickclick延时问题还可能
- 解决移动端 H5 点击300ms延迟问题
三人行,必有我师!!!
cssH5
安装fastclick(移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件,这是为了检查用户是否在做双击。为了能够立即响应用户的点击事件,才有了FastClick。)一安装: npminstallfastclick--save二:使用:在main.js中引入importfastClickfrom'fastclick'fastClick.attach(document.bod
- 移动端H5-在Vue项目中使用fastclick,解决300ms左右的延迟
monglove09
移动端H5
移动端点击延迟事件,移动端浏览器在派发点击事件的时候,通常会出现300ms左右的延迟,解决方式:一、安装npminstallfastclick-S二、用法安装完以后,可以在在main.js中全局引入,并绑定到body,全局生效。或者在单页面引入,只针对当前页面生效//引入importFastClickfrom'fastclick'//初始化FastClick实例。在页面的DOM文档加载完成后Fas
- 移动端开发遇到的一些问题 ios 微信公众号 h5
maybe啊
移动端vuebug
你们移动端开发公众号遇到了哪些问题呢?ios:(1)原生input输入框难获取焦点(点了几次才选得中)原因:使用了FastClick的原因(FastClick的bug)解决:importFastClickfrom'fastclick'FastClick.prototype.focus=function(targetElement){targetElement.focus();};FastClick
- H5-iOS常见问题以及解决办法
刘宏儿
问题一:有input输入框,输入,键盘弹起,后来键盘看似落下去了,实则依然存在,造成下面的按钮点不动解决办法:$('#userName').on('blur',function(){$("body,html").animate({scrollTop:0},500);});问题二:引入fastClick.js导致input等表单元素聚焦难的问题解决办法:这不止是iOS端的问题,Android也有没有
- fastClick解决移动端300ms延迟
Franklin_4a1c
在main.js中1.安装npminstallfastclick-Dyarnaddfastclick2.导入importFastClickfrom'fastclick'3.调用attach函数FastClick.attach(document.body)搞定
- 使用fastClick.js所产生的一些问题
北冥有鱼我养的
开发h5活动页时想到移动端会有300ms的延迟,于是便打算用fastClick.js解决。页面引入fastClick.js后,滑动H5页面的时候发现谷歌浏览器会报错,如下:UnabletopreventDefaultinsidepassiveeventlistenerduetotargetbeingtreatedaspassive.Seehttps://www.chromestatus.com/.
- Android快速点击使支付宝不能调起支付的问题
dhhuanghui
近来试验了很多品牌的手机,发现只有华为手机快速点击会打开两次页面,而且是必现的,坑...以下是我使用的防快速点击的方案publicclassCheckFastClick{//两次点击按钮之间的点击间隔不能少于1000毫秒privatestaticfinalintMIN_CLICK_DELAY_TIME=1000;privatestaticlonglastClickTime;publicstatic
- vue移动端项目在IOS上点击输入框失效, 需要点击多次
hans_431c
在网上找了好久终于在找到了解决方法,附上原文链接:https://blog.csdn.net/YY110621/article/details/91412468原因:在项目中引入了FastClick解决300ms延迟的优化,当使用FastClick时,输入框在ios上点击输入调取手机自带输入键盘不灵敏,有时候甚至点不出来。而安卓上完全没问题。这个原因是因为FastClick的点击穿透。解决方法:在
- 移动端300ms延迟的解决方法
一条小团团ovo的就很棒
1.安装fastclickcnpmifastclick--save2.在main.js中引入并绑定到bodyimportfastclickfrom'fastclick';3.fastclick.attach(document.body);
- 2019-05-21
动弦
Vue移动端中.fastclick解决300毫秒点击延迟问题在main.js文件下面importfastClickfrom'fastclick'fastClick.attach(document.body)
- 移动端click延迟300ms问题
猿小军
1、兼容性iOS3及更高版本的移动SafariiOS5及更高版本的ChromeAndroid上的Chrome(ICS)OperaMobile11.5及以上版本Android2以来的Android浏览器PlayBookOS1及以上版本2、不应用FastClick的场景桌面浏览器;如果视口元标签中设置了width=device-width,Android上的Chrome32+会禁用300ms延时;视频
- 移动端点击响应延迟0.3秒问题的解决方法
VinSmokeW
大多数移动端触摸屏设备上点击的时候都会有0.3秒的延迟问题,我们做移动端webapp开发的时候应该都遇到过这个问题,通过以下代码可以轻松解决这个问题FastClick是专门为解决移动端浏览器300毫秒点击延迟问题的一个轻量级的库。咱们需要引入fastclick.js中的方法并进行操作代码如下:if('addEventListener'indocument){document.addEventLis
- 关于使用fastClick之后再IOS端造成输入框点击困难的解决方式
明天_874d
首先使用场景,由于ios的特殊性,H5应用移动端点击会造成300MS的延迟,为了消除该延迟,我们就会使用到fastClick插件引入importfastClickfrom"fastclick";fastClick.attach(document.body);引入之后我们还需要在main.js中对input和其他输入框做特殊处理来解决点击困难的问题fastClick.prototype.focus=
- vue 移动端,点击事件300毫秒延迟
命题_1f6e
npminstallfastclick--saveimportFastClickfrom'fastclick'FastClick.attach(document.body)
- Android开发中,防止控件短时间内被多次点击,从而重复触发事件。
伤心的鱼嗯
首先创建工具类publicclassNoFastClickUtils{privatestaticlonglastClickTime=0;//上次点击的时间privatestaticintspaceTime=1000;//时间间隔publicstaticbooleanisFastClick(){longcurrentTime=System.currentTimeMillis();//当前系统时间bo
- 盒子的页面弹动
王猪干
1·先设置一个外套盒子,让里面盒子用来定位2。再套一个盒子,用来拖拽,拖拽他使内容弹动3,最后套一个盒子装填内容image.png而这个效果要写在页面资源全部加载完成之后,因为如果写在前面,元素没有加载完,高度没有加载完等,会报错//onload为页面加载完之后生效widdow.onload=function(){//给body添加一个快速点击事件FastClick.attach(document
- ios中fastClick和input聚焦事件冲突
阳光小美女king
问题:在ios13的系统中,发现每次刷新当前页面,输入框总是要点击很多次才会弹起键盘,一开始以为是css的问题,查了好久,才发现是因为项目引入了fastClick事件,和ios的聚焦事件冲突了。fastClick主要解决的问题:click300ms延迟:浏览器click会比touch延迟300ms触发click穿透现象:当两个div同处一个position,上层div绑定touch,下层div绑定
- vue常见小问题的解决
zy懒人漫游
移动端点击事件延时300毫秒的问题安装fastclick这个模块npmifastclick--save修改main.js文件importfastClickfrom'fastclick'fastClick.attach(document.body)1像素边框问题解决方案@charset"utf-8";.border,.border-top,.border-right,.border-bottom,.
- 移动端300ms延迟以及fastClick原理剖析
LeeTikPaak19
前端javascript前端开发语言
原因:手机端事件touchstart–>touchmove–>touchendortouchcancel–>click,因为在touch事件触发之后,浏览器要判断用户是否会做出双击屏幕的操作,所以会等待300ms来判断,再做出是否触发click事件的处理,所以就会有300ms的延迟。解决1.加了FastClick后解决延迟。原理:FastClick在touchend阶段调用event.preven
- 解线性方程组
qiuwanchi
package gaodai.matrix;
import java.util.ArrayList;
import java.util.List;
import java.util.Scanner;
public class Test {
public static void main(String[] args) {
Scanner scanner = new Sc
- 在mysql内部存储代码
annan211
性能mysql存储过程触发器
在mysql内部存储代码
在mysql内部存储代码,既有优点也有缺点,而且有人倡导有人反对。
先看优点:
1 她在服务器内部执行,离数据最近,另外在服务器上执行还可以节省带宽和网络延迟。
2 这是一种代码重用。可以方便的统一业务规则,保证某些行为的一致性,所以也可以提供一定的安全性。
3 可以简化代码的维护和版本更新。
4 可以帮助提升安全,比如提供更细
- Android使用Asynchronous Http Client完成登录保存cookie的问题
hotsunshine
android
Asynchronous Http Client是android中非常好的异步请求工具
除了异步之外还有很多封装比如json的处理,cookie的处理
引用
Persistent Cookie Storage with PersistentCookieStore
This library also includes a PersistentCookieStore whi
- java面试题
Array_06
java面试
java面试题
第一,谈谈final, finally, finalize的区别。
final-修饰符(关键字)如果一个类被声明为final,意味着它不能再派生出新的子类,不能作为父类被继承。因此一个类不能既被声明为 abstract的,又被声明为final的。将变量或方法声明为final,可以保证它们在使用中不被改变。被声明为final的变量必须在声明时给定初值,而在以后的引用中只能
- 网站加速
oloz
网站加速
前序:本人菜鸟,此文研究总结来源于互联网上的资料,大牛请勿喷!本人虚心学习,多指教.
1、减小网页体积的大小,尽量采用div+css模式,尽量避免复杂的页面结构,能简约就简约。
2、采用Gzip对网页进行压缩;
GZIP最早由Jean-loup Gailly和Mark Adler创建,用于UNⅨ系统的文件压缩。我们在Linux中经常会用到后缀为.gz
- 正确书写单例模式
随意而生
java 设计模式 单例
单例模式算是设计模式中最容易理解,也是最容易手写代码的模式了吧。但是其中的坑却不少,所以也常作为面试题来考。本文主要对几种单例写法的整理,并分析其优缺点。很多都是一些老生常谈的问题,但如果你不知道如何创建一个线程安全的单例,不知道什么是双检锁,那这篇文章可能会帮助到你。
懒汉式,线程不安全
当被问到要实现一个单例模式时,很多人的第一反应是写出如下的代码,包括教科书上也是这样
- 单例模式
香水浓
java
懒汉 调用getInstance方法时实例化
public class Singleton {
private static Singleton instance;
private Singleton() {}
public static synchronized Singleton getInstance() {
if(null == ins
- 安装Apache问题:系统找不到指定的文件 No installed service named "Apache2"
AdyZhang
apachehttp server
安装Apache问题:系统找不到指定的文件 No installed service named "Apache2"
每次到这一步都很小心防它的端口冲突问题,结果,特意留出来的80端口就是不能用,烦。
解决方法确保几处:
1、停止IIS启动
2、把端口80改成其它 (譬如90,800,,,什么数字都好)
3、防火墙(关掉试试)
在运行处输入 cmd 回车,转到apa
- 如何在android 文件选择器中选择多个图片或者视频?
aijuans
android
我的android app有这样的需求,在进行照片和视频上传的时候,需要一次性的从照片/视频库选择多条进行上传
但是android原生态的sdk中,只能一个一个的进行选择和上传。
我想知道是否有其他的android上传库可以解决这个问题,提供一个多选的功能,可以使checkbox之类的,一次选择多个 处理方法
官方的图片选择器(但是不支持所有版本的androi,只支持API Level
- mysql中查询生日提醒的日期相关的sql
baalwolf
mysql
SELECT sysid,user_name,birthday,listid,userhead_50,CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')),CURDATE(), dayofyear( CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')))-dayofyear(
- MongoDB索引文件破坏后导致查询错误的问题
BigBird2012
mongodb
问题描述:
MongoDB在非正常情况下关闭时,可能会导致索引文件破坏,造成数据在更新时没有反映到索引上。
解决方案:
使用脚本,重建MongoDB所有表的索引。
var names = db.getCollectionNames();
for( var i in names ){
var name = names[i];
print(name);
- Javascript Promise
bijian1013
JavaScriptPromise
Parse JavaScript SDK现在提供了支持大多数异步方法的兼容jquery的Promises模式,那么这意味着什么呢,读完下文你就了解了。
一.认识Promises
“Promises”代表着在javascript程序里下一个伟大的范式,但是理解他们为什么如此伟大不是件简
- [Zookeeper学习笔记九]Zookeeper源代码分析之Zookeeper构造过程
bit1129
zookeeper
Zookeeper重载了几个构造函数,其中构造者可以提供参数最多,可定制性最多的构造函数是
public ZooKeeper(String connectString, int sessionTimeout, Watcher watcher, long sessionId, byte[] sessionPasswd, boolea
- 【Java命令三】jstack
bit1129
jstack
jstack是用于获得当前运行的Java程序所有的线程的运行情况(thread dump),不同于jmap用于获得memory dump
[hadoop@hadoop sbin]$ jstack
Usage:
jstack [-l] <pid>
(to connect to running process)
jstack -F
- jboss 5.1启停脚本 动静分离部署
ronin47
以前启动jboss,往各种xml配置文件,现只要运行一句脚本即可。start nohup sh /**/run.sh -c servicename -b ip -g clustername -u broatcast jboss.messaging.ServerPeerID=int -Djboss.service.binding.set=p
- UI之如何打磨设计能力?
brotherlamp
UIui教程ui自学ui资料ui视频
在越来越拥挤的初创企业世界里,视觉设计的重要性往往可以与杀手级用户体验比肩。在许多情况下,尤其对于 Web 初创企业而言,这两者都是不可或缺的。前不久我们在《右脑革命:别学编程了,学艺术吧》中也曾发出过重视设计的呼吁。如何才能提高初创企业的设计能力呢?以下是 9 位创始人的体会。
1.找到自己的方式
如果你是设计师,要想提高技能可以去设计博客和展示好设计的网站如D-lists或
- 三色旗算法
bylijinnan
java算法
import java.util.Arrays;
/**
问题:
假设有一条绳子,上面有红、白、蓝三种颜色的旗子,起初绳子上的旗子颜色并没有顺序,
您希望将之分类,并排列为蓝、白、红的顺序,要如何移动次数才会最少,注意您只能在绳
子上进行这个动作,而且一次只能调换两个旗子。
网上的解法大多类似:
在一条绳子上移动,在程式中也就意味只能使用一个阵列,而不使用其它的阵列来
- 警告:No configuration found for the specified action: \'s
chiangfai
configuration
1.index.jsp页面form标签未指定namespace属性。
<!--index.jsp代码-->
<%@taglib prefix="s" uri="/struts-tags"%>
...
<s:form action="submit" method="post"&g
- redis -- hash_max_zipmap_entries设置过大有问题
chenchao051
redishash
使用redis时为了使用hash追求更高的内存使用率,我们一般都用hash结构,并且有时候会把hash_max_zipmap_entries这个值设置的很大,很多资料也推荐设置到1000,默认设置为了512,但是这里有个坑
#define ZIPMAP_BIGLEN 254
#define ZIPMAP_END 255
/* Return th
- select into outfile access deny问题
daizj
mysqltxt导出数据到文件
本文转自:http://hatemysql.com/2010/06/29/select-into-outfile-access-deny%E9%97%AE%E9%A2%98/
为应用建立了rnd的帐号,专门为他们查询线上数据库用的,当然,只有他们上了生产网络以后才能连上数据库,安全方面我们还是很注意的,呵呵。
授权的语句如下:
grant select on armory.* to rn
- phpexcel导出excel表简单入门示例
dcj3sjt126com
PHPExcelphpexcel
<?php
error_reporting(E_ALL);
ini_set('display_errors', TRUE);
ini_set('display_startup_errors', TRUE);
if (PHP_SAPI == 'cli')
die('This example should only be run from a Web Brows
- 美国电影超短200句
dcj3sjt126com
电影
1. I see. 我明白了。2. I quit! 我不干了!3. Let go! 放手!4. Me too. 我也是。5. My god! 天哪!6. No way! 不行!7. Come on. 来吧(赶快)8. Hold on. 等一等。9. I agree。 我同意。10. Not bad. 还不错。11. Not yet. 还没。12. See you. 再见。13. Shut up!
- Java访问远程服务
dyy_gusi
httpclientwebservicegetpost
随着webService的崛起,我们开始中会越来越多的使用到访问远程webService服务。当然对于不同的webService框架一般都有自己的client包供使用,但是如果使用webService框架自己的client包,那么必然需要在自己的代码中引入它的包,如果同时调运了多个不同框架的webService,那么就需要同时引入多个不同的clien
- Maven的settings.xml配置
geeksun
settings.xml
settings.xml是Maven的配置文件,下面解释一下其中的配置含义:
settings.xml存在于两个地方:
1.安装的地方:$M2_HOME/conf/settings.xml
2.用户的目录:${user.home}/.m2/settings.xml
前者又被叫做全局配置,后者被称为用户配置。如果两者都存在,它们的内容将被合并,并且用户范围的settings.xml优先。
- ubuntu的init与系统服务设置
hongtoushizi
ubuntu
转载自:
http://iysm.net/?p=178 init
Init是位于/sbin/init的一个程序,它是在linux下,在系统启动过程中,初始化所有的设备驱动程序和数据结构等之后,由内核启动的一个用户级程序,并由此init程序进而完成系统的启动过程。
ubuntu与传统的linux略有不同,使用upstart完成系统的启动,但表面上仍维持init程序的形式。
运行
- 跟我学Nginx+Lua开发目录贴
jinnianshilongnian
nginxlua
使用Nginx+Lua开发近一年的时间,学习和实践了一些Nginx+Lua开发的架构,为了让更多人使用Nginx+Lua架构开发,利用春节期间总结了一份基本的学习教程,希望对大家有用。也欢迎谈探讨学习一些经验。
目录
第一章 安装Nginx+Lua开发环境
第二章 Nginx+Lua开发入门
第三章 Redis/SSDB+Twemproxy安装与使用
第四章 L
- php位运算符注意事项
home198979
位运算PHP&
$a = $b = $c = 0;
$a & $b = 1;
$b | $c = 1
问a,b,c最终为多少?
当看到这题时,我犯了一个低级错误,误 以为位运算符会改变变量的值。所以得出结果是1 1 0
但是位运算符是不会改变变量的值的,例如:
$a=1;$b=2;
$a&$b;
这样a,b的值不会有任何改变
- Linux shell数组建立和使用技巧
pda158
linux
1.数组定义 [chengmo@centos5 ~]$ a=(1 2 3 4 5) [chengmo@centos5 ~]$ echo $a 1 一对括号表示是数组,数组元素用“空格”符号分割开。
2.数组读取与赋值 得到长度: [chengmo@centos5 ~]$ echo ${#a[@]} 5 用${#数组名[@或
- hotspot源码(JDK7)
ol_beta
javaHotSpotjvm
源码结构图,方便理解:
├─agent Serviceab
- Oracle基本事务和ForAll执行批量DML练习
vipbooks
oraclesql
基本事务的使用:
从账户一的余额中转100到账户二的余额中去,如果账户二不存在或账户一中的余额不足100则整笔交易回滚
select * from account;
-- 创建一张账户表
create table account(
-- 账户ID
id number(3) not null,
-- 账户名称
nam