history.back(-1)放在移动端失效

2024-09-02

手机APP中使用history.back()返回没有效果的解决

样式是一个超链接A标签,通过点击事件来达到返回上一页的效果. 所以通常做饭是把A标签的href写成#,然后onClick事件,刚开始我只是当成一个普通点击事件,然后使用JS进行返回. 写法如下: <a id="returnButton" onClick="javascript :history.back();" class="header_btn"><p class="returns_btn">返回&l

解决overflow: hidden在移动端失效问题

1.问题:移动端出现弹窗后,滑动页面,页面底部出现空白二.原因经过分析,发现overflow: hidden;在移动端失效,导致弹窗出现时,滑动页面,页面底部出现空白. 三.解决参考网址:https://www.jianshu.com/p/b241c4a4ec34 弹窗打开时给body元素设置position: fixed, 弹窗关闭时给body元素设置position: static. 四.移动端兼容性问题解决方案参考网址:https://github.com/markyun/My-b

keyup在移动端失效解决方法

keyup在移动端失效解决方法: $("#OBJ").on("input propertychange", function(){ }); 采用 input 与 propertychange 替换掉keyup事件

JS弹出层制作，以及移动端禁止弹出层下内容滚动，overflow:hidden移动端失效问题

HTML <div class="layer"> <div class="menu-list"> <span>社会</span> <span>历史</span> <span>军事</span> <span>娱乐</span> <span>电影</span> <span>财经</span> <sp

印象最深的一个bug：sessionStorage缓存在移动端失效

无bug,不程序:作为程序员的我,不是修bug就是在写bug的路上. 移动端sessionStorage缓存失效是我"印象最深的一个bug"之一,为啥呢,因为这个问题导致我加班到很晚.在现在看来就是一个简单的概念问题. 在我刚工作的时候,公司还没有招到前端工程师,于是作为后端工程师的我开始了不怎么愉快地前端之旅,不知道大家是否理解自学新语言的苦,里面的坑简直能让人自闭. 作为我兼职前端的第一个bug:"移动端sessionStorage缓存失效",没错,就是概念没理

js点击事件在苹果端失效的问题

在安卓机上,我们随意定义点击事件也能够在找到点击的元素,但是在苹果端上就是不行,怎么点击都没有效果.这是因为在苹果机上window禁止了手指误点功能,必须解除这一功能,或者给点击事件指引某个元素上绑定了事件.最好的解决方法如下: div{ cursor: pointer; }

在项目中全局添加FastClick导致图片上传插件在ios端失效的解决方案

---恢复内容开始--- 项目是移动端的项目,为了解决300ms的click延迟,所以在全局中加入了FastClick,引入的方式很简单,网上一大堆教程,这里不做赘述我们就谈,我遇到的问题: 某天产品要我新增一个上传图片的功能,这个也不是一个很困难的需求,直接使用插件,这里我使用的是element-ui的upload插件(对于要快速的上线的东西,不必重复造轮子) 很快速也很简单的完成了需求,然后测试的时候就jj了:经测试,在安卓端是没有任何问题的,可是在ios上,始终无法打开相册和拍照,第一反

开启mode="history"模式，需要服务端的支持，因为出现“刷新页面报错404”的问题；

mode="history"是去除链接中的'#'的,但是加上后页面刷新回报404错误,怎么办呢? 解决办法:只需要在nginx中最末尾加上 try_files $uri $uri/ /index.html; 即可,例如: server { listen 80; server_name k-line-drawer.testcadae.top k-painter.testcadae.top ; charset utf-8; location / { autoindex o

hadoop的压缩解压缩,reduce端join,map端join

hadoop的压缩解压缩 hadoop对于常见的几种压缩算法对于我们的mapreduce都是内置支持,不需要我们关心.经过map之后,数据会产生输出经过shuffle,这个时候的shuffle过程特别需要消耗网络资源,它传输的数据量越少,对作业的运行时间越有意义,在这种情况下,我们可以对输出进行一个压缩.输出压缩之后,reducer就要接收,然后再解压,reducer处理完之后也需要做输出,也可以做压缩.对于我们程序而言,输入的压缩是我们原来的,不是程序决定的,因为输入源就是这样子,reduce

iOS和hybird移动端性能

作为一名写了⑦年代码的程序员,目前我最擅长的领域是IOS的客户端开发,在移动领域的开发时间2年. ⑦年前,我刚入行的时候,曾经认为自己将会永远做一个LINUX 服务端C++程序员,于是花了大量时间在C++上.现在C++也是我工作所用的主力语言之一,工作之外也会偶尔写点什么娱乐一下. 写了一些年程序后,终于意识到了之前定位的狭隘,于是开始广泛的学习各种技术,各种各样的语言也学了很多,值得庆幸的是,几年折腾下来,我一直也没有对写代码这件事感到厌倦,于是我又认为自己将会永远把开发做下去. 现

vue2.0 路由模式mode="history"的作用

特别提醒:开启mode="history"模式,需要服务端的支持,因为出现"刷新页面报错404"的问题: 备注:微信分享:vue项目路由带"#"能做微信分享:angular项目路由带"#"不能做微信分享: 大家都知道,路由地址都是以"#"形式展示,但是有些时候,我们又希望路由地址中不出现"#",那怎么办呢? vue给我们提供了一个属性mode="history";代码

浅谈移动端适配-rem

对于移动端开发来说,无可避免的就是直面各种设备不同分辨率和不同DPR(设备像素比)的问题,在此忽略其他兼容性问题的探讨. 一. 移动端开发有关于像素的概念: 1.设备像素(dp),也叫物理像素.指设备能控制显示的最小物理单位,意指显示器上一个个的点.从屏幕在工厂生产出的那天起,它上面设备像素点就固定不变了. 2.分辨率,屏幕上物理像素的数量. 3.设备独立像素(dip),又称密度无关像素.可以认为是计算机坐标系统中的一个点,这个点代表一个可以由程序使用并控制的虚拟像素.由相关系统转化为物理像素在

移动端js调试工具：eruda

通常写前端页面都在Chrome浏览器的开发模式下进行调试,但是写放在移动端的H5页面时,有时候会遇到在Chrome上调试没有问题,但是在手机的浏览器上有问题的情况:或者有些功能只能在特定的容器中才能其作用,这个时候如果发现在手机上有问题,只能够通过alert一步一步地定位问题.同事推荐了一个好用的可以在手机浏览器上直接定位问题的插件:eruda.js,记录一下使用方法. 使用方法: 1.在html中引用如下js: <script type="text/javascript"

html5 - history 历史管理

参考文章: w3c : http://www.w3.org/html/ig/zh/wiki/HTML5/history 张鑫旭 : http://www.zhangxinxu.com/wordpress/2013/06/html5-history-api-pushstate-replacestate-ajax/ zawa : http://zawa.iteye.com/blog/1271031 Demo : Demo 截图: 代码: <!DOCTYPE html PUBLIC

PC端、移动端的页面适配及兼容处理

转自一.关于移动端兼容性目前针对跨终端的方案,主要分为两大阵营:一套资源Vs两套资源. 第一种是通过响应式或页面终端判断去实现一套资源适配所有终端: 第二种是通过终端判断分别调取两套资源以适配所有终端. 这两种思路我们并不能斩钉截铁的说哪一个更优选,正所谓”合适的才是最好的”. 思路一:通过响应式或页面终端判断去实现一套资源适配所有终端优势:只需维护一套资源,维护成本较低. 劣势:需加载适配各个终端的各个资源,在不同终端通过响应式布局实现不同展现,部分交互效果需要在页面中做终端判断,代价较

zepto引用touch模块后，click失效

近日,有个拼图小活动,引用了zepto,以及zepto的touch模块. 在拼图结束之后,进行抽奖的活动,该抽奖结果是以弹框展示. 这里的关闭按钮需要添加点击事件: $(document.body).on("click", ".modal i", function () { $(".overlay").css("opacity", 0); $(".modal").css("opacity"

客服端与服务端APP支付宝支付接口联调的那些坑

根据支付宝官方提供的文档的建议: TIPS:这一步应在商户服务端完成,商户服务端直接将组装和签名后的请求串orderString传给客户端,客户端直接传给SDK发起请求.文档和Demo是为了示例效果在客户端实现. 商品的订单信息和签名应该放在服务端进行,将最好生成的orderString发送给客户端,客户端直接换起支付,处理好回调就ok.思路很简单,但实现却要下番功夫. 坑一: 如果以PHP为服务后台为例,官网是没有提供集成好的PHP运行DEMO,我们的处理方式是参展APPDemo里的思路,和官

安卓端OCR文字识别之番外篇

拍照识别------OCR怎样在移动端大放异彩大家好.我是文通晓伟.非常高兴能和大家共同探讨一下OCR识别技术在安卓端的应用. 首先坦白交代,我不是技术流,我是销售狗. 每天有打不完的电话和做不完的表. 只是我唯一值得骄傲的,是我能够第一时间得到终于用户的反馈.或者需求. 近几年来,移动互联网生猛的占领了每一个大街小巷.据说在杭州.连卖煎饼果子的大妈都在用移动支付. 想想也是醉了.我等985,211,毕业的大学生都没弄懂啥是移动互联网.简直羞愧啊. OCR行业也

直播的本质（创业者应该要从商业模式的右边开始思考，你为用户创造了什么价值？找客户并不难，但要想办法让客户不离不弃；PC端功能的丰富很重要，因为手机版通常只是一个迷你版）

我想稍微给直播这件事浇点冷水. 的确,直播现在越来越火,YouTube凭着良好的基础建设平台前段时间也做起了直播,Facebook Live最近也加入了变脸.预定直播时间和双人录制的功能,更不用说国内的如火如荼:KTV在直播.电商行业在直播.金融行业在直播.不过想想以前的球赛.晚会也是直播,这并不稀奇.真正带来巨大改变的是移动端直播的兴起,让人具备了随时随地观看的可能,所以说关键是技术创新的整体“生产率提升”效应,而不是创新本身提高了“生产力”水平.我们对互联网连接一切这种文化所做的选择,结果却

[Next] 服务端渲染知识补充

渲染渲染:就是将数据和模版组装成 html 客户端渲染客户端渲染模式下,服务端把渲染的静态文件给到客户端,客户端拿到服务端发送过来的文件自己跑一遍 js,根据 JS 运行结果,生成相应 DOM,然后渲染给用户. html 仅仅作为静态文件,客户端在请求时,服务端不做任何处理,直接以原文件的形式返回给客户端客户端,然后根据 html 上的 JavaScript,生成 DOM 插入 html. 前端渲染的方式起源于 JavaScript 的兴起,ajax 的大热更是让前端渲染更加成熟,前端渲染真

移动端适配-rem（新）

概念对于移动端开发来说,无可避免的就是直面各种设备不同分辨率和不同DPR(设备像素比)的问题,在此忽略其他兼容性问题的探讨. 移动端像素设备像素(dp),也叫物理像素.指设备能控制显示的最小物理单位,意指显示器上一个个的点.从屏幕在工厂生产出的那天起,它上面设备像素点就固定不变了. 分辨率,屏幕上物理像素的数量. 设备独立像素(dip),又称密度无关像素.可以认为是计算机坐标系统中的一个点,这个点代表一个可以由程序使用并控制的虚拟像素.由相关系统转化为物理像素在设备上体现. css像素,we

history.back(-1)放在移动端失效

热门专题