移动端 tap js

2024-09-05

js手机移动端选择插件 mobileSelect.js

一.mobileSelect获取方法 mobileSelect支持单选.多级联动.自定义回调函数.二次渲染.最新版本下载地址[2017-09-21更新]: https://github.com/onlyhom/mobileSelect.js 二.特性 1.原生js移动端选择控件,不依赖任何库 2.可传入普通数组或者json数组 3.可根据传入的参数长度,自动渲染出对应的列数,支持单项到多项选择 4.自动识别是否级联 5.选择成功后,提供自定义回调函数callback() 返回当前选择索引位置.以

js移动端tap事件封装

这几天做项目,发现移动端需要触摸事件,而click肯定是不行的,于是我对tap事件封装进行了搜索,找到了一篇文章,原文地址如下:http://www.jb51.net/article/50663.htm, 我对其中第一个封装加了一点东西,把它封装在一个函数里面,使用的时候直接调用即可,源代码如下(tap.js): function tap(ele, fn){ var startTx, startTy; var endTx, endTy; ele.addEventListener( 'touchs

移动端报表JS开发示例--获取定位

上次分享了移动端报表JS开发的系统概念,后来我又回去摸索了一些案例.之前接触到的FineReport的APP客户端可以用来打卡签到,就好奇研究了以下,这次就来聊一聊报表移动端开发如何实现定位功能. 1. 解决思路在用FineReport设计模板的时候添加一个按钮控件,点击该按钮的时候,获取当前地理位置,并将该位置信息复制给某个单元格,最后在客户端填报当前模板即可. 2. 示例实现如下图所示效果,点击地理位置按钮获取当前位置与当前时间,并显示在下方对应的单元格中: 2.1 模板制作打开设计器

Tap.js

Tap.js A lightweight ‘tap’ event JavaScript plugin

Headless Chrome：服务端渲染JS站点的一个方案【上篇】【翻译】

原文链接:https://developers.google.com/web/tools/puppeteer/articles/ssr 注:由于英文水平有限,没有逐字翻译,可以选择直接阅读原文 tips:Headless浏览器完全可以作为服务端渲染的一个替代方案,在服务端转化js 站点为静态html页面:在webserver 上运行Headless 浏览器完全可以预渲染现代js 模式的应用,增加响应速度,对SEO也更加友好本篇涉及到的技术展示了如何通过Google Headless 框架(pu

移动端Tap与滑屏实战技巧总结以及Vue混合开发自定义指令

最近在忙混合开发,因交互相对复杂,所以也踩了很多坑.在此做一下总结. 1.tap事件的实际应用在使用tap事件时,老生常谈的肯定是点透问题,大多情况下,在有滑屏交互的页面时,我们会在根节点阻止默认行为以解决事件点透的bug. 阻止默认行为有优点,但也会相对带来一些问题. 优点: (1)解决事件点透 (2)解决IOS10+ safari 以及部分安卓浏览器不在支持 viewport的最大缩放值和禁止缩放的问题 (3)解决IOS10+ safari下给body加overflow:hidden无效

JS学习十四天----server端运行JS代码

server端运行JS代码话说,当今不在client使用JS代码才是稀罕事.因为web应用的体验越来越丰富,client用JS实现的逻辑也越来越多,这造成的结果就是某些差点儿一致的逻辑须要在client和服务端各实现一遍,大牛们当然不甘心啊!幸运的是,我们能够在server端运行JS代码,谁让JS抱了一根大腿呢... 比如,现在在client使用JS进行验证已经是个标准,他能够有效避免用户在正常情况下提交错误的数据,增强用户体验.当然,server端的验证也是不可缺少的,由于这才是安全性的体现

Zepto——简化版jQuery，移动端首选js库

转载请注明原文地址:https://www.cnblogs.com/ygj0930/p/10826054.html 一:Zepto是什么 Zepto最初是为移动端开发的js库,是jQuery的轻量级替代品,因为它的API和jQuery相似,而文件更小. Zepto最大的优势是它的文件大小,只有8k多,是目前功能完备的库中最小的一个,尽管不大,Zepto所提供的工具足以满足开发程序的需要. 大多数在jQuery中常用的API和方法Zepto都有,Zepto中还有一些jQuery中没有的(移动端支持

移动端tap事件(轻击、轻触)

一.问题 ①移动端也有click点击事件,click点击会延迟200~300ms ②因为点击的响应过慢,影响了用户体验,所以需要解决响应慢的问题二.解决方案 ①使用tap事件:即轻击,轻敲,响应速度快(不是原生事件,是通过touch相关事件衍生过来的) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="

移动端报表JS开发示例

最近对移动端的报表开发颇有研究,细磨精算了好久,虽然到现在还是“囊中羞涩”,但决定还是先抛砖引玉,拿点小干货出来和大家分享. 研究的工具是比较有代表性的FineReport. 1. 移动端哪些地方支持调用js web事件分页预览填报预览加载结束事件 √ X 填报成功事件 -- √ 报表内部js 单元格图表超级链接js √ √ 控件事件参数控件填报控件表单控件初始化后事件 √ √ X 编辑前 √ √ X 编辑后 √ √ X 编辑结束 √ √ X 点击 √ √ X 状态改变 √

移动端用js与jquery实时监听输入框值的改动

背景: 在一次移动端H5开发中,需要监听输入框值的实时变动. onchange事件肯定抛弃,因为只能失去焦点才触发. 而keyPress在Android可以触发,iOS不可以. 又不想用Android和iOS都可以触发的keyDown和keyUp. 于是,百度出了新东西:oninput![需要配合propertychange,兼容 IE9 以下版本] 用法: JS: if(isIE) { document.getElementById("input").onpropertychange

报表开发工具Finereport移动端app js接口列表【全】

应用报表工具Finereport的开发人员会发现其移动端app 同样也推出了很多js接口,那这些接口到底有多少,其移动端又有哪些地方支持调用js,这些接口具体又该如何调用呢.根据我平时的开发经验,给大家做个归纳整理,包括接口列表,相关的脚本函数及具体的演示实例,希望大家可以更有效地利用这些js接口来便利相关工作. 1. FineReport移动端哪些地方支持调用js web事件分页预览填报预览加载结束事件 √ X 填报成功事件 -- √ 报表内部js 单元格图表超级链接js √ √ 控

关于Web端即JS端编程

主要的技术是 HTML/JS/CSS/XML Web就是JS/DOM编程. 页面的数据来源: XML, JSON, HTML, Text, 第三方页面或者数据. 不一定都要跟服务器进行交互. JS端 vs Android端 vs IOS端 JS端可以从任何服务器Request数据. JS Request----------->Server1, Server2, Server3获取数据. Android Request------->Server1, Server2, Server3 IOS R

服务端调用js：javax.script

谈起js在服务端的应用,大部分人的第一反应都是node.js.node.js作为一套服务器端的 JavaScript 运行环境,有自己的独到之处,但不是所有的地方都需要使用它. 例如在已有的服务端代码上增加一个业务,而这个业务使用的却是js编写.如果用node.js处理的话,会很麻烦.而且另一方面对于很多服务端程序员来说,觉得js的对象模型很奇怪,不太喜欢用js处理问题. 对于上面这种情况,有一种简单的处理方法:javax.script API javax.script加入了对部分脚本语言的支持

BASE64-客户端（js）加码-服务器端（c#）解码，URL传递“汉字参数”解决方法

HttpUtility.UrlEncode 在 Encode 的时候, 将空格转换成加号('+'), 在 Decode 的时候将加号转为空格, 但是浏览器是不能理解加号为空格的, 所以如果文件名包含了空格, 在浏览器下载得到的文件, 空格就变成了加号在用 ASP.Net 开发页面的时候, 我们常常通过 System.Web.HttpUtility.UrlEncode 和 UrlDecode 在页面间通过 URL 传递参数. 成对的使用 Encode 和 Decode 是没有问题的. 但是, 我

Headless Chrome：服务端渲染JS站点的一个方案【中篇】【翻译】

接上篇防止重新渲染其实说不对客户端代码做任何修改是忽悠人的.在我们的Express 应用中,通过Puppteer加载页面,提供给客户端响应,但是这个过程是有一些问题的. js脚本在服务端的Headless Chrome 中执行过一次,但是等浏览器拿到真正的结果后,并不会阻止js再次执行,所以这种情况下js会执行两次(客户端一次,服务端一次) 针对我们的例子,我们可以简单的修复一下,我们需要告诉页面,需要的html已经生成了,不需要再次生成了,所以我们可以简单的检测<ul id="pos

vue移动端flexible.js结合Muse-ui使用和vux的小坑

因为公司有个项目有webapp的需求,在前期准备的期间考虑过使用ionic,毕竟该项目web端的框架使用的是Angular,项目组的人也都比较熟悉,但是我们毕竟只是做个移动的网页,不想用ionic那么繁琐的东西,最终我还是选了vue. 开始的设想是vue+Muse-ui或者Mint-ui(各有优缺点)+flexible.js,在做到手机端兼容的同时结合ui框架让项目更好看些,然后就开始动手做! 这个时候需要说下flexible.js,阿里开源的移动端适配代码,很好用,不过也有他的缺点,比

移动端tap与click的区别 && 点透事件

移动端的问题移动端的主要问题是click会有300ms的延迟,主要原因是苹果手机在设计时,考虑到用户在浏览网页时需要放大,所以,在用户点击的300ms之后,才触发click,如果300ms之内还有click,就会进行放大缩小. 但是,问题是大部分时候放大.缩小时不需要的,有时开发者也会禁用他们,那么300ms的延迟就是性能上的损耗的,所以,如何解决这300ms的延迟? 在移动端,最容易想到的就是使用touchend来替代click,但是touchend是存在很大的问题的,因为touchend之

移动端报表JS开发演示样例

近期对移动端的报表开发颇有研究,细磨精算了好久,尽管到如今还是"囊中羞涩",但决定还是先抛砖引玉,拿点小干货出来和大家分享. 研究的工具是比較有代表性的FineReport. 1. 移动端哪些地方支持调用js web事件分页预览填报预览载入结束事件 √ X 填报成功事件 -- √ 报表内部js 单元格图表超级链接js √ √ 控件事件參数控件填报控件表单控件初始化后事件 √ √ X 编辑前 √ √ X 编辑后 √ √ X 编辑结束 √ √ X 点击 √ √ X 状态

浏览器端用JS实现创建和下载图片

问题场景在前端很多的项目中,文件下载的需求很常见.尤其是通过JS生成文件内容,然后通过浏览器端执行下载的操作.如图片,Execl 等的导出功能.日前,项目中就遇到了这类需求,在浏览器端实现保存当前网页为图片,然后还可以下载. 解决方案网页生成图片这里可以采用 html2canvas 来实现.并且可以兼容大部分主流的浏览器. Firefox 3.5+ Google Chrome Opera 12+ IE9+ Safari 6+ 文件下载第一种方案 HTML5 新增了 download 属性

Des加解密(Java端和Js端配套)解析

一.什么是DES加密 des对称加密,对称加密,是一种比较传统的加密方式,其加密运算.解密运算使用的是同样的密钥,信息的发送者和信息的接收者在进行信息的传输与处理时,必须共同持有该密码(称为对称密码),是一种对称加密算法. DES算法的入口参数有三个:Key.Data.Mode.其中Key为8个字节共64位,是DES算法的工作密钥:Data也为8个字节64位,是要被加密或被解密的数据:Mode为DES的工作方式,有两种:加密或解密. DES算法是这样工作的:如Mode为加密,则用

移动端 tap js

热门专题