Ajax在移动端不能工作，缺少什么？_我的javascript在移动端不能工作(phonegap)_移动端jQuery事件不能正常工作(iOS，Android) - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

在移动端，单击穿透是什么？

在移动端开发中，单击穿透（Clickjacking）是指在某些情况下，用户在点击一个元素时，可能会触发位于该元素下方的另一个元素上的点击事件。...2：使用touchend事件替代click事件：在移动端，click事件通常会有300毫秒的延迟，而touchend事件没有延迟。通过监听touchend事件可以避免延迟触发导致的单击穿透问题。...4：调整布局和交互设计：在设计移动端界面时，避免元素的重叠或过于接近，减少单击穿透的可能性。可以通过调整布局、增加间距或使用遮罩层等方式来改善交互体验。...需要根据具体情况选择适合的解决方法，以解决或避免单击穿透问题，提升移动端应用的用户体验和功能的稳定性。

3192 0

使用HTML5播放音频在移动端不能循环

♚ 做了一个H5页面，需要一个mp3做为背景音乐，在PC端调试没问题，然后用手机扫码打开结果就不能循环播放，记录踩过的坑最开始是这样式儿的 ?...PC端没问题，无限循环播放，可是手机端就只播放一遍，各种度娘~~~，终于找到方法，如下 ?

1.4K3 0

您找到你想要的搜索结果了吗？

是的

没有找到

抓包神器之Charles，常用功能都在这里了

debug模式来看request以及response的数据，那么如果我们开发移动端项目没有网页呢？...我觉得很正常啊，客户端说他没问题，服务端也说他没问题，到底谁有问题？这时候没必要相互推脱，拿数据出来说话才是王道。抓包工具做了什么？...举个例子，现在是移动互联网时代，那么我们开发的客户端必然包括Android和IOS版本，同样的功能必然在不同的客户端都有实现，比如同样的功能Android能用，而IOS不能用，这时候对于测试人员来说，他可以简单的提个...IOS开发，是IOS缺少请求参数？服务端开发，是服务端缺少对IOS的兼容吗？...当遇到问题的时候，用抓包工具把数据抓下来，首先比较Android和IOS发送请求参数有什么不同，比较一下返回的数据有什么不同，如果请求参数不同，那么测试人员通过模拟工具，把缺少的参数加上，那么返回的数据是不是就正确了呢

5.6K7 0

网站跨域的五种解决方式

1、什么是跨越？一个网页向另一个不同域名/不同协议/不同端口的网页请求资源，这就是跨域。跨域原因产生：在当前域名请求网站中，默认不允许通过ajax请求发送其他域名。 2、为什么会产生跨域请求？...同源策略是浏览器最核心也最基本的安全功能，如果缺少同源策略，浏览器的正常功能可能受到影响。可以说web是构建在同源策略的基础之上的，浏览器只是针对同源策略的一种实现。...4、为什么浏览器要使用同源策略？...是为了保证用户的信息安全，防止恶意网站窃取数据，如果网页之间不满足同源要求，将不能: 1、共享Cookie、LocalStorage、IndexDB 2、获取DOM 3、AJAX请求不能发送同源策略的非绝对性...同时jquery还对非跨域的请求进行了优化，如果这个请求是在同一个域名下那么他就会像正常的 Ajax请求一样工作。）

1.2K4 0

ajax跨域解除方案,关于Ajax跨域问题及解决方案详析「建议收藏」

浏览器解析时发现缺少了这个字段, 就会报错. 这种错误不能通过状态码识别, 因为状态码很有可能就是200(见上面的案例). Ajax跨域解决方案下面介绍最常用Ajax跨域解决方案. 一....在服务端添加响应头Access-Control-Allow-Origin 既然我们已经知道了Ajax跨域失败是因为响应中缺少了响应头Access-Control-Allow-Origin, 那么就想办法加上去...使用JSONP解决上面直接通过过滤器添加响应头的方法可以说是对症下药, 那么还有没有什么偏方呢? 还真的有....在jsp文件中经常通过通过标签引入一段js代码, 这段代码通常来源于网络, 也就是不同源. 那么我们不妨通过标签完成Ajax请求, 这样便顺带解决了跨域问题. 下面还是沿用上面的案例进行演示....总结以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对脚本之家的支持。

4895 0

五分钟了解互联网Web技术发展史

来看看加入了AJAX的网页是怎么工作的：这个时候前端路由还没有兴起，大多数情况下还是后端返回一整个页面，部分内容通过AJAX进行获取。随着智能手机的出现，APP开始萌芽。...相比起网页，APP编写好之后只需要数据接口就能工作；而网页不仅需要后端写业务逻辑，控制跳转，还要写一部分接口用于AJAX请求。这个阶段前端能做的事情还是很少，还背负着“切图仔”的绰号。...在极端情况下，用户眼中传统SPA会一直显示loading，使用了SSR的页面则会出现“点不动”的情况。大多数时候SSR体验会更佳，因为服务端承担了大部分渲染工作，这也导致服务端负载变高。...这种结构，是对服务端渲染的核心（结构+数据）进行抽象，结合 React 的工作方式（如Suspense），平缓的从服务端过渡到了客户端，维持了组件状态，并且可以更自由的拼装服务器组件和客户端组件。...技术总是不断的更迭，重要的不是慌慌张张的追赶技术的脚步，而是去思考技术为什么这么如此演变，思考这样的演变方式的利与弊。如果是你，又会怎么解决当代技术的问题呢？欢迎在评论区各抒己见。最新视频

3.6K2 0

献给前端求职路上的你们（下）

优点：通过异步模式，提升了用户体验优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用 Ajax在客户端运行，承担了一部分本来由服务器承担的工作，减少了大用户量下的服务器负载。...WEB应用从服务器主动推送Data到客户端有那些方式？你在现在的团队处于什么样的角色，起到了什么明显的作用？除了前端以外还了解什么其它技术么？你最最厉害的技能是什么？...缺点 Node是一个相对新的开源项目，所以不太稳定，它总是一直在变，而且缺少足够多的第三方库支持。看起来，就像是Ruby/Rails当年的样子。你有哪些性能优化的方法？...100-199 用于指定客户端应相应的某些动作。 200-299 用于表示请求成功。 300-399 用于已经移动的文件并且常被包含在定位头信息中指定新的地址信息。...前端团队如何工作的（实现一个产品的流程）？公司的薪资结构是什么样子的？（摸清自己具体在什么层次）公司的晋升机制具体是怎么样的？（看出你的上进心的稳定性）最后赠言 ?

1.1K6 0

前端 50 道面试题与答案邀你轻松拿到Offer

十三、Ajax 是什么？Ajax 的交互模型？同步和异步的区别？如何解决跨域问题？ Ajax 是什么 1. 通过异步模式，提升了用户体验 2....Ajax 在客户端运行，承担了一部分本来由服务器承担的工作，减少了大用户量下的服务器负载。 Ajax 的最大的特点 1....同步：提交请求 -> 等待服务器处理 -> 处理完毕返回，这个期间客户端浏览器不能干任何事 2....Node是一个相对新的开源项目，所以不太稳定，它总是一直在变。 2. 缺少足够多的第三方库支持。二十四、CSS3有哪些新特性？ 1....1. 100-199 用于指定客户端应响应的某些动作 2. 200-299 用于表示请求成功 3. 300-399 用于已经移动的文件并且常被包含在定位头信息中指定新的地址信息 4. 400-499 用于指出客户端的错误

1.5K2 0

网站项目开发学习手册

其针对方向为了解什么是HTML作为网页结构标签,CSS负责渲染网页. ---- 交互网页静态网页并不能满足用户需求,于是交互网页因此诞生,为了减少服务器请求次数,以及服务器负担,JavaScript诞生....是前端工程师必备的技能. ---- 移动端网页/响应式布局随着安卓手机和苹果手机的普及,仅仅开发电脑端网页已经不能满足互联网公司的需求,还需要开发移动端的网页....为了不让移动端的网页再写一个项目的代码,Bootstrap诞生,它是由推特公司开源出来的框架,用来开发既能在网页端展示的网页,也能在移动端完美显示的网页....目前没有接触工程化开发,个人了解是有一些基于Nodejs开发的工程化工具,可以大幅度提升工作效率.更好的体现前后端分离....请求和响应服务端和客户端 Ajax 异步请求其存在的意义是革命性的,可以使网页局部刷新,而不用频繁的传递整个页面,可以根据网页功能业务需求,在任何位置发送请求 jQuery 高效的JavaScript

2.1K6 0

苏宁易购：前后端分离架构的落地思考

嘉宾演讲视频及PPT回顾：http://suo.im/4WlSl9 为什么要前后端分离前后端分离本质上是工作职责的细化。...这两年前后端分离的呼声越发高涨，最重要的原因在于后端工程师不能简单的完成前端方面的工作。前端这段时间以来新的技术层出不穷，这种情况下后端无法简单的掌握前端技术，即使对前端来说也有一定的负担。...同样的应用场景也有所不同，前端传统的应用场景有PC端、移动端，另外还App hybrid、小程序等。针对不同的应用场景所使用的技术都会有所不同，应用场景众多让架构复杂度变的更高。...相对来说web模板要好一点，可以在页面未渲染之前添加一些介绍之类。Node和SSR在SEO方面问题不大，它们都是服务端渲染，首屏都包含足够多的数据。...异步接口速度在首屏加载完成后，很多页面都会有懒加载，需要向服务端请求相应的数据接口。

1.4K3 0

越学习，越焦虑；越焦虑，越学不进去...，你看这说的是你吗？

今天下午有一个同学在微信上问我，“老尚，我现在上班了，但我现在遇到一个接口的问题，就是给我一个接口，我不知道该怎么用。你能不能在周末的课程中，系统的讲一下接口...ajax怎么渲染？” ......我从他的这个问题中感受到了他的焦急的心情，好不容易找到一份工作，但面对工作任务却无从下手，这让他如何能淡定。...ajax是一种请求数据的方式，它跟什么渲染没关系。你最好去百度查一下整个ajax和json的关系，及json最终是如何生成dom的。因为从你的问题中，我感觉你对这个操作的整个知识面缺少认识。...怀疑前端开发是否能够找到工作？开始患得患失，..,时间就这么过去了，低下头一看，bug依然在，顿时脑子翁翁开始响。...//////// 说到底，为什么遇到难题与压力，会焦虑与怀疑自己呢？因为人这个东西，只能在“顺”自己的意的时候，才会开心。你学会了，理解了，掌握了，能让js什么的按自己的想法去运行。

8108 0

AJAX常见面试问题

AJAX可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。...例如，我给你一个URL地址，如果采用了Ajax技术，也许你在该URL地址下面看到的和我在这个URL地址下看到的内容是不同的。这个和资源定位的初衷是相背离的。 .AJAX不能很好支持移动设备。...一些手持设备（如手机、PDA等）现在还不能很好的支持Ajax，比如说我们在手机的浏览器上打开采用Ajax技术的网站时，它目前是不支持的。 .客户端过肥，太多客户端代码造成开发上的成本。...39.移动端跟PC端的js文件区别？ 40.如何处理一些手机端的兼容性？ 41.IE浏览器兼容性，你了解哪些，简单举例子。...前后台项目整合，测试，上线 47.手机端和PC端有什么区别，需要注意哪些方面？本质上没有什么太大的区别，需要注意一些浏览器的兼容问题。 48.用JQ完整的写出AJAX与后台交互的方法。

1.8K2 0

OAuth 2.1 的进化之路

, 在2012年的时候, iPhone 5 是全新的, 微软最新的浏览器还是 IE9, 单页面应用在当时还被称作 "Ajax 应用", CORS（跨域资源共享）还不是一个W3C标准。...到现在, 网络和移动领域发生了巨大的变化, 当时发布的授权协议标准已经远远不能满足现在的场景和需求, 为了应对这种不断变化的局面, OAuth 社区多年来一直在修补和扩展 OAuth 规范, OAuth...,最安全也是使用最普遍的就是授权码模式, 而对于本地应用，移动应用来说, 通常会使用隐式和密码授权, 这两种本身就是不安全的, 因为这些属于公开的客户端, 本身没有能力保护客户端机密, 但是当时并没有其它好的方案..., 如果不能使用客户端秘钥（client_secret）, 那客户端就提供一个自创建的证明 (code_verifier) 给授权服务器，其中使用了加密算法, 授权服务器通过它来验证客户端。...随着技术不断地发展, 出现了设备授权的场景, 这里设备指智能电视，打印机等, 和传统的PC或者手机不同, 这种设备是缺少浏览器或者键盘的,那 OAuth 2.0 常规的授权模式肯定是不能满足的, 于是就出现了设备授权

6452 0

json & jsonp

以至于该策略成为浏览器最核心最基本的安全功能, 如果缺少了同源策略, web的安全将无从谈起....（这段文字是cv的）这下好了，同源策略下的web世界, 域的壁垒高筑, 保证各个网页相互独立, 互相之间不能直接访问, iframe, ajax 均受其限制, 而script标签不受此限制....，但是在web页面上调用js文件时不受到跨域的影响（凡是拥有src属性的都有跨域的神奇能力），所以可以通过在远程服务器上设法把数据装进js格式的文件里，供客户端调用和进一步处理，而处理这些数据的格式可以是...3、其实ajax与jsonp的区别不在于是否跨域，ajax通过服务端代理一样可以实现跨域，jsonp本身也不排斥同域的数据的获取。...总而言之，jsonp不是ajax的一个特例，哪怕jquery等巨头把jsonp封装进了ajax，也不能改变着一点！ “傻喵，听懂了么？”

1.3K3 0

人工智能时代，前端工程师能做什么？

前端工程师在人工智能的团队到底能做什么，能体现怎么的价值？对此，可以先下图的一个总结，然后再会逐条结合实际以及业界的发展情况做一些分析 ?...特别是随着HTML5技术和移动互联网的普及，浏览器对硬件的控制越来越好。在 AI 的项目中，很多时候需要获取麦克风和摄像头的权限，好实现 “听”，“说”， “看” 的功能。...这是常规的工作，这里就不再过多描述了算法执行算法执行顾名思义，其实就是执行算法逻辑，比如人脸识别，语音识别 … 前几年有些大家对前端的认知还停留在纯浏览器端，但随着 V8 引擎在 2008 年发布，...模型训练虽然现在阶段也出现了像 ConvNetJS 这种在浏览器端做深度学习算法训练的工具，但整体而言，前端在这块还是非常欠缺的，同时缺少非常成功的实践。...Javascript 在各个端，特别是 web 端的优势，也是一门非常优秀的应用开发语言。

1.1K4 0

【综合篇】浏览器的工作原理：浏览器幕后揭秘

应用程序web化就是随着现在技术的发展，现在越来越多的应用转向了浏览器与服务器，就是B/S架构；web应用移动化，就是在移动设备应用，什么是移动设备呢。...什么是web应用移动化前端是个很大的概念，是用户能够看到，直接接触到的层面都算是前端，比如IOS客户端界面，安卓客户端界面，网页界面，甚至PC/MAC 桌面端软件界面，现在的说法一般是指Web前端...，也就是针对于网页端开发的工作。...Mobile Web App 指在手机端打开的Web App，移动设备应用，渲染流程过于复杂且性能不及原生应用，离线时用户无法使用，无法接收消息推送，移动端没有一级入口。...web应用缺点 Web应用缺少离线使用能力，Web应用还缺少了消息推送的能力，Web应用缺少一级入口。什么是Service Worker ? 拦截请求和缓存资源 ?

7581 0

Ajax篇(003)-Ajax的优缺点？

优化了Browser和Server之间的沟通，减少不必要的数据传输、时间及降低网络上数据流量； 3.前端和后端负载平衡：Ajax可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担...这使得开发者在不经意间会暴露比以前更多的数据和服务器逻辑。Ajax的逻辑可以对客户端的安全扫描技术隐藏起来，允许黑客从远端服务器上建立新的攻击。....违背URL和资源定位的初衷：我给你一个URL地址，如果采用了Ajax技术，也许你在该URL地址下面看到的和我在这个URL地址下看到的内容是不同的。...这个和资源定位的初衷是相背离的； 6.Ajax不能很好支持移动设备：一些手持设备（如手机、PDA等）现在还不能很好的支持Ajax； 7.客户端过肥，太多客户端代码造成开发上的成本：编写复杂、容易出错；冗余代码比较多...（层层包含js文件是Ajax的通病，再加上以往的很多服务端代码现在放到了客户端）；破坏了Web的原有标准； 8.如果用户禁用了JS，网站就取不到数据。

5891 0

前端面试题

下input固定定位在顶部或者底部，在页面滚动一些距离后，点击input(弹出键盘)，input位置会出现在中间位置内容列表框也是fixed定位，这样不会出现fixed错位的问题 8、移动端字体小于12px...使用四周边框或者背景色块，部分安卓文字偏上bug问题可以使用整体放大1倍(width、height、font-size等等)，再使用transform缩放 9、在移动端图片上传图片兼容低端机的问题 input...解决了什么问题。 7、做移动端的时候遇到了什么问题，之前是怎么和后台做交互的，用过token吗，用来干什么的，怎么设计登录的逻辑(结合token) 使用Vue做移动端，通过axios向后台交互。...在main.js中引入：import lib-flexable; 在html页面中添加移动端兼容代码： <meta name="viewport" content="width=device-width...<em>工作</em>机制是<em>什么</em> Promise 对象用于表示一个异步操作的最终完成(或失败)，及其结果值。

1.2K2 0

对ajax的理解面试题_javascript面试题大全

当时在门口背了好久的网络知识点，一时竟然说不吃话，只记得什么异步通信，同步数据，面试官的笑让我不寒而栗…………今天整体的整理一遍Ajax的知识点吧。...同步的话，必须这个操作完了才会执行下一步，在等待期间浏览器会挂起不能执行任何接下来的js代码；异步则是【告诉】浏览器去做，【告诉】是一瞬间的事情，然后就继续执行下一步了，等到结果返回来了，浏览器会通知js...首先，需要先了解XMLHttpRequest这个对象的属性和方法：属性：方法：对这个对象有了静态了了解，知道它长的什么样子，有什么功能了，下边该我们使用它了，当然这里我也用五步法写出代码来...AJAX可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。....AJAX不能很好支持移动设备。一些手持设备（如手机、PDA等）现在还不能很好的支持Ajax，比如说我们在手机的浏览器上打开采用Ajax技术的网站时，它目前是不支持的。

4104 0

浅谈Ajax的优缺点

正如其他任何技术，AJAX有它自己的优缺点。下面我列出了一些重要的场景，你在基于web的应用的开发中使用时一定要注意。 ajax优点改善的用户体验- AJAX提供的更丰富的用户体验是其主要优点。...最后，“鲁棒”的ASP.NET应用包含UI层，在这一层执行服务器端操作。如果你已经包含了这些特性，AJAX只需要一个额外的AJAX服务层和一些客户端特性的改进。...流行的站点如亚马逊，谷歌，雅虎等等都在开发中使用了AJAX。减少带宽的使用并增加速度- AJAX使用客户端脚本来和web服务器通讯，用JavaScript来交互数据。...这成了一个问题，尤其是当AJAX必须跨许多浏览器工作的时候。那些不支持JavaScript或者不支持JavaScript某些选项的浏览器将不能够正常使用ajax。...由于ajax对JavaScript的依赖性，它不适用移动应用。你的web浏览器的后退键不能如期运行。不安全性-网页可能很难调试，增加网页的代码量，你的网页更可能遇上严峻的安全威胁。

2.9K6 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭