首页
学习
活动
专区
圈层
工具
发布

移动端开发中遇到的坑点及总结(持续更新)

移动端开发中遇到的坑点及总结 前言 一、new Date()在IOS上出现值为NAN的问题 二、Android部分机型使用height和line-height等值设置垂直居中,但会显示偏高的问题 三、...五、iphone的H5页面click点击事件不生效 六、代码书写规范 七、ajax()关于请求超时和同异步的处理 八、设置rem 前言 本文主要是记录自己在移动端开发中遇到的一些坑点或者总结(持续更新,...在开发过程中,难免会存在以下这种情况:页面本身可滚动,并且有弹窗可以触发出现。...正常的写法是这样的: $.ajax({ type: 'POST', url: url, headers: headers, data: data, dataType: 'json',...success: function(res) { // 对数据进行处理 } }) 这样写时可以满足我们正常的需求,这里补充ajax()可能不太常用的点,就是这个timeout和async

1.4K30

修复android下webView控件的总结

游戏中有一个收集玩家问题反馈的网页,很早之前就有同事反映说android在游戏无法上传附件,在浏览器中是可以正常使用的。...bug,最后我是在一篇文章中猛然发现可能我目前使用的代码写的有问题(离职人员留下的),这篇文章链接在这里: android开发中WebView的使用(附完整程序) ?...在页面B中,用户点击一个A元素的超链接(href=”javascript:history.go(-1);”)它能正常返回,但是在点击提交问题按钮之后,ajax接口成功后用js调用history.go(-...然后我尝试直接本地修改代码,页面载入完成时调用history.go(-1)是能正常工作的。...但又要写一些代码,所以又想先再找找有没有其它办法… 之后我仔细查看了http的上传请求,尝试在ajax.ajaxFileUpload的success方法中延时调用history.go(-1),发现界面错位了

2.1K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JavaScript的注入引出技术诈骗

    0×01 前言 在最近的恶意软件的调查中,我们发现了一些有趣的混淆JavaScript代码。...此代码伪装成现在流行的插件AddThis social sharing的一部分,在URL命名约定和图像文件中使用它。...这是通过在字符串中随机位置添加0到5的数字来编码的,如下所示: 22c1n4d41.3s27-44a2d11d1t0hi4s3.0t1o2p001 在从字符串中删除0-5之间的所有数字后,我们看到它从以下位置的...我们可以使用curl工具去伪造一下,欺骗它正常的进行工作。 我能够访问假的PNG文件。它甚至包含正确的头信息和魔术字节,以将文件格式标识为PNG图像: ?...隐藏在图像文件中的恶意代码在恶意软件业务中并不是什么新东西 – 我们已经看到了这些年来不同的技术。在PNG文件的END部分之后添加的恶意代码不会破坏图像。

    1.5K50

    社招前端二面react面试题集锦

    在哪个生命周期中你会发出Ajax请求?为什么?Ajax请求应该写在组件创建期的第五个阶段,即 componentDidMount生命周期方法中。原因如下。在创建期的其他阶段,组件尚未渲染完成。...在销毀期,组件即将被销毁,请求数据变得无意义。因此在这些阶段发岀Ajax请求显然不是最好的选择。...在组件尚未挂载之前,Ajax请求将无法执行完毕,如果此时发出请求,将意味着在组件挂载之前更新状态(如执行 setState),这通常是不起作用的。...在 componentDidMount方法中,执行Ajax即可保证组件已经挂载,并且能够正常更新组件。React- Router有几种形式?有以下几种形式。...注意:工作中,为了提高开发效率,通常使用JSX语法表示 React元素(虚拟DOM)。在编译的时候,把它转化成一个 React. createElement调用方法。说说你用react有什么坑点?

    2.6K60

    PureBlue 主题更新记录

    2019.6.3: 修复文章目录过长覆盖 footer 的问题 本来想集成 Alogolia 搜索,无奈问题一个接着一个,只好放弃 2019.5.29: 完成部分移动端适配工作 是的,终于填了一点坑了...用的是媒体查询,虽说没有适配全部尺寸的手机,但是大部分已经可以正常显示了,第一次看到博客在手机上正常显示还是很开心的哈哈哈。...2019.4.1: 几个优化阅读体验的小变动 引入了font-awesome库,增加了一些图标 现在TOC目录中的标题会随着屏幕滚动而对应高亮。...后面看情况可能会增加对gittalk的支持;分享插件,我个人使用的是Addthis,之所以只有个人使用= =,因为这个插件必须要到它的官网去配置,而我要的效果是用户可以通过主题文件进行配置。...所以虽然好用,但不会考虑作为主题的分享插件 增加了对Addthis的支持,现在用户可以通过配置pubid使用这个插件了。

    1.3K30

    浅谈移动端页面无刷新跳转问题的解决方案

    在Web App和Hybrid App横行的时代,为了拥有更好的用户体验,单页面应用顺势而生,单页面应用简称SPA,就是只有一个HTML页面的应用程序,应用中所有的视图都包含在这个HTML页面中,并通过...所有的页面内容都包含在这个所谓的主页面中。但在写的时候,还是会分开写(页面片段),然后在交互的时候由路由程序动态载入。...正常来讲,单页面下数据请求更新走的不再是重载页面,而是ajax请求,更新的内容都是json传过来的,数据量要比下载整个页面快得多。...监听地址栏中hash变化驱动界面变化它们的变化记录浏览器会保存在history中,可以通过回退/前进按钮找回,或者history对象中的方法控制。...> 坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

    4.3K40

    Strandhogg漏洞:Android系统上的维京海盗

    StrandHogg:维京海盗式Android应用漏洞 StrandHogg是一个存在于Android多任务系统中的应用漏洞。...这时,不明真相的你,会毫无防范的在一个虚假的界面,安心地输入账号、密码,以及进行任意操作。...普通用户只能通过一些不鲜明的异常发现问题,比如已登录的应用要求登录、单击用户界面按钮链接时不起作用,或者后退按钮无法正常工作。 3、扩大UI欺骗风险:UI欺骗,很多人听说过。...1、恶意程序利用GooglePlay分发 通常情况下,正常程序多数都会入驻Google Play,而利用StrandHogg漏洞的恶意程序,则通过多个恶意下载器安装,但会选择在Google Play上进行分发扩散...在Android操作系统这片开源的大海上,其实不仅有StrandHogg漏洞这样的维京海盗式战术,还有各种各样已知未知的漏洞威胁,虽然经过十多年的发展,在各路技术人员的努力下,让Android操作系统漏洞威胁趋于稳定

    1.5K10

    前端处理动态 url 和 pushStatus 的使用

    大家在工作中是如何处理此类场景的?还是用传统的后台路由来提供动态url? 感谢郑海波和剧中人的热心回答。...都提到了history对象中的pushState,这是我第一次接触到这方面的内容(顿时觉得自己真是才疏学浅)。 同时也有人提到了pjax,这个就是pushState+Ajax的封装,也很有意思。...如果是在新窗口打开的,则无效。如:在a标签中添加target="_blank",或按住ctrl点击,这类场景下,在新的tab页中,history对象也是新的。...这些方法可以协同window.onpopstate事件一起工作。...但会不利于 SEO,看着也不够优雅。 Pjax的原理十分简单。 拦截 a 标签的默认跳转动作或某些按钮的点击事件。 使用 Ajax 请求新页面。 将返回的 Html 替换到页面中。

    1.9K20

    AJAX如何处理书签和翻页按扭(上)

    AJAX应用程序中添加书签和会退按钮的功能。...问题: 书签和回退按钮在传统的多页面的Web应用程序中工作的非常好。当用户浏览网站的时候,浏览器的地址栏记录随新的URLs更新,这些记录可以拷贝到email 或者 书签中供以后使用。...回退和前进按钮可以帮助用户在他浏览过的网页中向前或向后翻动。 AJAX 应用程序却是不同的,他们是运行在一个网页中的复杂程序。...在类似Gmail的AJAX软件中,浏览器的地址栏在用户选择功能和改变程序状态的时候保持不变,这让书签在这类程序中无法使用。...这个Iframe需要指定一个实际的文件位置才能正常工作,这就是blank.html。 RSH 框架创建了一个叫dhtmlHistory的全局对象,这是控制浏览器历史浏览记录的入口点。

    1.2K30

    苹果iPhone白屏死机?如何修复?

    如果是这样,你可以尝试缩小屏幕从而正常使用设备。 要使放大倍率恢复正常,请将三个手指并拢,然后双击屏幕将设备恢复到正常视图。你可以进入设置 > 辅助功能 > 缩放点击关闭放大。...对于iPhone 7和7 Plus:同时按下电源按钮和音量降低按钮,当你在屏幕上看到苹果标志时松开按钮。 对于iPhone 8及更新机型:快速按下并松开音量增大按钮,然后快速按下并松开音量减小按钮。...强制重启iPhone.jpg 方法三、使用主页 + 音量增大 + 电源键 如果硬强制重启不起作用,那么还有另一种按钮组合可以帮助修复iPhone白屏死机问题: 同时按住主页按钮、音量增大按钮和电源...方法四、尝试恢复模式并从备份中恢复 如果以上方法都不起作用,您可以尝试将iPhone置于恢复模式。恢复模式将让您重新安装 iOS并将备份数据恢复到设备。...iTunes恢复模式.jpg 方法五、使用三方工具修复iPhone 白屏死机问题 如果恢复模式也不起作用,建议你试试三方工具,例如丰科iOS系统修复工具。

    7.6K00

    Ajax请求过程中显示“进度”的简单实现

    在进行Ajax调用过程中一般都具有这样的做法:显示一个GIF图片动画表明后台正在工作,同时阻止用户操作本页面(比如Ajax请求通过某个按钮触发,用户不能频繁点击该按钮产生多个并发Ajax请求);调用完成后...当用户点击该链接之后,Ajax请求开始,GIF图片显示“Loading“状态,同时当前页面被“罩住”防止用户继续点击Load按钮(中);Ajax请求完成被返回响应的结果,结果被呈现出来的同时,GIF图片和...我们GIF图片和作为遮罩的定义在布局文件中,并为它们定制了相应的CSS。...在ajax2方法中我们将options参数complete属性进行了“封装”,让可以将显示出来的GIF图片和遮罩隐藏起来。...在调用$.ajax(options)进行Ajax请求之前,我们将GIF图片和遮罩显示出来,并且将其定位在正中央。遮罩的透明度进行了相应设置,所以会出现上图(中)的效果。

    2.5K90

    Ajax之一 简介篇

    1.1 Ajax概述 ​1.1.1 Ajax典型应用​ 在推进Ajax技术发展的过程中,Google公司起到了非常大的作用,它的很多网上应用都大量地采用了Ajax技术,例如:Google Suggest...就像Asp.Net本身那样,你不需要掌握Ajax技术就可以得到一些Ajax的功能,因为设计Asp.Net Ajax就是为了帮助你完成这些工作。...就像Asp.Net可以帮你管理HTTP的功能那样,Asp.Net AJAX也可以管理Ajax的功能,比如回发、状态管理以及使Asp.Net正常运转所需要的那些客户端脚本等。 ​...页面图1-8所示: 点击按钮页面上的按钮后会显示当前计算机日期和时间 按钮的代码如下: this.Label1.Text=DateTime.Now.ToString(); 在单击按钮之前,页面的代码如程序清单...中包含第二个标签控件和按钮控件。 ​

    1.4K10

    前端基础技术全解析:从HTML前端基础标签语言开始,逐步深入CSS样式修饰、JavaScript脚本控制、Ajax异步通信以及WebSocket持久通信

    例如以下文本: 段落, 在html中一般的回车并不起作用,会被解释成为一个空格但是br不一样,br标签的作用就是换行。...5.websocket 简单使用用例: 在index.html中创建一个websocket通信,从输入框中获取数据发送给服务器,得到响应后,展示在页面中 测试代码: 中,WebSocket能够提供低延迟、高效率的双向通信。 6.5.兼容性与关系 兼容性: Ajax作为一种较为成熟的技术,具有广泛的兼容性。几乎所有的现代浏览器都支持Ajax请求。...在某些情况下,Ajax和WebSocket可以结合使用。例如,在初始化阶段可以使用Ajax来加载页面所需的部分数据或配置信息,而在需要实时交互的场景中则使用WebSocket来实现低延迟的双向通信。...综上所述,Ajax和WebSocket各有优劣,开发者在实际开发中应根据具体的应用需求来选择合适的技术以实现最佳的用户体验和系统性能。

    59010

    WEB安全新玩法 阻止订单重复提交

    1.1 正常用户访问 已登录用户在选择购买一件商品后,进入到确认订单页面: [图1] 用户点击提交订单按钮后,网站回复订单已生成: [图2] 可以在我的订单列表中看到刚才的订单: [图3] 订单生成的交互过程反映在...攻击者象正常用户一样选择商品和确认提交后,能够在 Burpsuite 中的 HTTP history 中找到这个提交订单信息的请求。...在本例中,iFlow 在加载订单支付代码时生成并加入一次性随机令牌,在提交订单时检查这个令牌的存在。...iFlow 截获这段代码的响应返回,生成一个随机令牌保存在本地存储中,并修改 JS 代码将随机令牌加入到 AJAX 发送列表中。...用户在点击提交订单按钮时,JS 代码发出 AJAX 请求将随机令牌随同订单信息一起发出,iFlow 截获请求,检查参数中的令牌是否与保存的令牌一致,并清除本地存储中保存的令牌。

    2K20

    数据透视表双击出的明细表很难用?

    最近有朋友在使用数据透视表双击出明细的时候遇到2个问题: 1、生成的明细表自动带了筛选,怎么取消筛选?...2、复制数据到生成的明细表后面时,怎么筛选按钮不起作用?...一是像普通表那样把筛选按钮点掉,如下图所示(如果你发现筛选按钮不起作用,那可能是你目前选中的单元格或区域不在明细表的范围内): 还有一个方法是,在表格菜单里直接取消勾选“筛选”项。...如下图所示: 二、关于复制其他数据到该表 一般情况下,如果你是直接复制数据然后粘贴到紧接着该表的右侧(不隔空列)或下方(不隔空行),超级表的范围会自动扩展,筛选按钮也可正常使用。...,非常简单,在表格菜单中单击“转换为区域”按钮即可,如下图所示: 在线M函数快查及系列文章链接(建议复制到浏览器中打开后收藏使用): https://app.powerbi.com/view?

    3.4K30

    锋利的JQuery学习笔记之JQuery-Ajax的应用

    在最初学习Ajax的日子里,我被ASP.NET AJAX框架提供的UpdatePanel迷惑了,以后Ajax就这么简单,所以在最初做的几个项目里,前台代码里必至少有一个UpdatePanel区域,把要局部刷新的内容全放到这个...2.破坏浏览器“前进”、“后退”按钮的正常功能;3.对搜索引擎支持的不足;4.开发和调试工具的缺乏;   下面看一段最经典的实现Ajax的js脚本代码: <script language="javascript...;   幸运的是,我们强大的JQuery库为我们封装了许多Ajax操作,在JQuery中$.ajax()属于最底层的方法,第2层则是load,get,post方法,第3层是getScript和getJSON...$("#resText").load("test.htm");             });         });       通过设置id为send的按钮点击事件,在id为resText的div中加载...即使在表单中增加多个字段,脚本仍然能够使用,并且不需要做其他多余的工作。

    90840
    领券