展开

关键词

H5 页面列表缓存方案

前言 在 H5 日常开发中,会经常遇到列表点击进入详情页面然后返回列表的情况,对于电商类平台尤为常见,像我们平常用的淘宝、京东等电商平台都是做了缓存,而且不只是列表,很多地方都用到了缓存。 但刚才说的都是 App,在原生 App 中,页面是一层层的 View,盖在 LastPage 上,天然就能够保存上一个页面的状态,而 H5 不同,从详情返回到列表后,状态会被清除掉,重新走一遍生命周期, 第二种解决方案就是手动保存状态,即在页面卸载时手动将页面的状态收集存储起来,在页面挂载的时候进行数据恢复,个人采用的就是简单粗暴的后者,实现上比较简单。 -> Detail -> List 需要缓存没问题,但是用户从 List 返回到其他页面后再次进入 List 时,是进入一个新的页面,从逻辑上来说就不应该在用之前缓存的数据,而是重新获取数据。 何时取 在进入缓存页面的时候取,取的时候又有几种情况 当导航操作为 POP 时取,因为每当 PUSH 时,都算是进入一个新的页面,这种情况是不应该用缓存数据。

46320

打造后台登录页面扫描工具

后台登录页面扫描工具想必大部分人都比较熟悉,也比较常见。它的开发也并不难,只要对 URL 进行求情,并判断其 HTTP 的返回状态码就可以实现了。 我们来实现一个简单的后台登录页面扫描工具。 在界面上,URL 后面的编辑框属于要扫描的 URL 地址,后面的下拉框选择对应的语言,比如 PHP、ASP 等。填好 URL 地址和对应的语言后,点击扫描就开始进行扫描。 URL地址和字典中的页面文件进行拼接 CString strCheckUrl = strUrl + szDic; // 判断页面是否存在 // 存在则在地址的结尾增加 可以看到,其登录页面是 login.php。 ? 完整内容参考《C++黑客编程揭秘与防范》(第三版)一书。

29630
  • 广告
    关闭

    《云安全最佳实践-创作者计划》火热征稿中

    发布文章赢千元好礼!

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

    微信H5 页面 ul li

    32920

    H5运营类页面设计浅谈

    作者:major,微信高级设计师 2014至2015年,H5发展得如火如荼,各类手机端小游戏、运营、广告,纷纷采用H5的形式来进行产品和品牌传播。 在这里聊一下对H5运营类页面设计的观察和思考,抛砖引玉。 一. 简介 H5运营类页面设计,是指用来承载运营活动、品牌活动或信息传递的移动端页面设计;具有展示空间小、时间碎且短、操作可互动的特点;直接目的是引起用户病毒式分享,从而提升活跃度和品牌形象。 ,提供内容让用户对运营活动有更进一步的了解,同时,常会有表单出现,与用户进行互动; 进行H5设计的时候,需根据主题和内容,选择适合自己产品的H5类型,来最大化地促进传播和分享。 H5移动端页面设计心得分享》 http://www.uisdc.com/html5-case-experience-summary 3.

    94360

    H5页面测试总结

    前言 在最近几个项目中,小编接触了较多关于H5页面的测试,H5页面的测试除了业务逻辑功能测试外,其他部分的测试方法基本是可以通用的,在此对H5页面的一些通用测试方法进行总结分享给大家。 H5页面介绍 1. H5页面 H5即 HTML5,是最新的 Web 端开发语言版本,大多数手机 APP 页面会用 H5 实现,包括 PC Web 站点也会用它开发实现。 H5其实就是:移动端Web页面H5应用在很多地方,如APP的活动专题页面、新闻页面、微信公众号文章页面等都属于H5页面,在PC或者手机浏览器都可以直接访问H5页面。 如何识别H5 从视觉效果上看,H5页面与APP native页面是一样的,因此测试时经常会问到一个问题,这个页面是不是H5页面?如何识别呢? ,并且布局不会乱掉,通常情况也属于H5页面; 3)H5页面在PC端也是能访问的,chrome对H5支持最好,功能的测试可以在PC端chrome下先测试,也可以在手机上直接测试。

    39220

    H5 页面 iPhoneX 刘海屏适配

    safe-area.png 很明显,在讨论适配之前,我们的页面一般有两种分类: 1、H5 页面使用原生 App 的 Navigation Bar 导航栏,此时,status bar 状态栏和导航栏都是原生控件 2、H5 页面在 iOS 中占据全屏页面,在这种情况下,除了要兼顾底部小黑条,我们还要处理页面上部跟 状态栏接触的部分,避免内容出现在状态栏上。 页面适配 在为页面适配刘海屏之前,我们首先得在页面的 meta 中添加一个新的值:viewport-fit=cover <meta name="viewport" content="viewport-fit 看一页目前的<em>页面</em>效果: ? WX20200531-205514@2x.png 可以看到现在我们的测试<em>页面</em>已经铺满了整个屏幕。 这个时候,我们来使用之前提到的 env 函数,适配刘海屏幕。 当你的<em>页面</em>不使用原生导航栏铺在整个屏幕中时,这就是一个不错的适配方案。

    1.9K40

    H5 原生JS页面传值

    post页面: window.location.href=encodeURI('workList.html? title=aaa&name=吴思源'); Recive页面: var url = decodeURI(location.search); var Request = new Object(); if( split("=")[1]);   } } alert(Request["title"]) alert(Request["name"]) 注意:   传值中文时,会出现乱码现在,我们可以在post页面

    1.3K30

    H5页面测试总结

    H5页面的一些通用测试方法进行总结分享给大家。 H5页面介绍   1. H5页面   H5即 HTML5,是最新的 Web 端开发语言版本,大多数手机 APP 页面会用 H5 实现,包括 PC Web 站点也会用它开发实现。 H5其实就是:移动端Web页面。   H5应用在很多地方,如APP的活动专题页面、新闻页面、微信公众号文章页面等都属于H5页面,在PC或者手机浏览器都可以直接访问H5页面。    如何识别H5   从视觉效果上看,H5页面与APP native页面是一样的,因此测试时经常会问到一个问题,这个页面是不是H5页面?如何识别呢? ,能自适应,并且布局不会乱掉,通常情况也属于H5页面;   3)H5页面在PC端也是能访问的,chrome对H5支持最好,功能的测试可以在PC端chrome下先测试,也可以在手机上直接测试。

    80421

    H5 页面布局 - 滚动条限制

    描述:当一个H5页面有头部与尾部的时候,在滑动页面的时候,滚动条会盖在上面,覆盖页面上的所有元素,不大美观,如何做到跟真机一样的效果,直接在指定区域呢?

    13530

    vuejs开发H5页面总结

    最近参与了APP内嵌H5页面的开发,这次使用vuejs替代了jQuery,仅仅把vuejs当做一个库来使用,效率提高之外代码可读性更强,在此分享一下自己的一些开发中总结的经验。 之前介绍了一篇关于移动端rem布局方案,这大致是网易H5的适配方案。不过实践中发现淘宝开源的可伸缩布局方案效果更好且更容易使用。 但这也有特例,比如对于一些活动注册页面,需要在一屏幕内完全显示,没有下拉,这时候所有众向或者横向都应该使用rem作为单位。 这样多个表单绑定数据问题解决了,那么怎么进行页面间数据传递? 关于前端跨域调试 在进行接口请求时,我们的页面通常是在sublime的本地服务器或者vscode本地服务器预览,所以请求接口会遇到跨域的问题。

    1.1K90

    移动端H5页面截图

    两个工具: html2canvas 官方地址:https://github.com/niklasvh/html2canvas

    2.2K50

    H5页面测试总结|干货

    前言 在最近几个项目中,小编接触了较多关于H5页面的测试,H5页面的测试除了业务逻辑功能测试外,其他部分的测试方法基本是可以通用的,在此对H5页面的一些通用测试方法进行总结分享给大家。 H5页面介绍 1. H5页面 H5即 HTML5,是最新的 Web 端开发语言版本,大多数手机 APP 页面会用 H5 实现,包括 PC Web 站点也会用它开发实现。 H5其实就是:移动端Web页面H5应用在很多地方,如APP的活动专题页面、新闻页面、微信公众号文章页面等都属于H5页面,在PC或者手机浏览器都可以直接访问H5页面。 如何识别H5 从视觉效果上看,H5页面与APP native页面是一样的,因此测试时经常会问到一个问题,这个页面是不是H5页面?如何识别呢? ,并且布局不会乱掉,通常情况也属于H5页面; 3)H5页面在PC端也是能访问的,chrome对H5支持最好,功能的测试可以在PC端chrome下先测试,也可以在手机上直接测试。

    1.6K20

    H5页面实现原理分析

    img{width:100%;height:100%;} </style> <script src="jquery.js"></script> <meta charset="UTF-8"> <title>H5 页面实现原理分析</title> </head> <body>

    H5页面打开APP

    业务场景,一个分享出去的h5界面通过页面内某个事件的触发,启动目标app并执行相关逻辑处理或做其他页面跳转(如:跳应用市场下载应用等)。 H5代码(事件触发入口): <a href="myapp://jp.app/openwith?

    1.9K10

    H5 WebApp禁止Webform页面回发

    前一阵写一个H5的WebApp,用得老技术Webform,然后找人封装一下,优化一下WebView等,主要是实现运行于安卓系统的PDA能很方便的查询库存、进行库存的收发操作。 其中有一个扫码查询,允许用户手动输入,针对input textbox做了onchange事件,但是提交就会出现一个页面自动回发的问题。 用了比较原始的方式: 1、先给页面的表单设置DefaultButton(这里设置的是btnSubmit)。作用是:回车时会以该按钮被点击来提交表单进行回发。

    35120

    H5】344- 微信 H5 页面兼容性解决方案

    页面上下滑动时卡顿、页面缺失 问题详情描述:在ios端,上下滑动页面时,如果页面高度超出了一屏,就会出现明显的卡顿,页面有部分内容显示不全的情况,例如下图,右图是正常页面,边是ios上下滑动后,卡顿导致如左图下面部分丢失 但如果该元素已经在浏览器窗口的可见区域内,则不会发生滚动 5、Vue中路由使用hash模式,开发微信H5页面分享时在安卓上设置分享成功,但是ios的分享异常 问题详情描述: ios当前页面分享给好友 【该方法未验证】 题外话: 如果能用小程序写的页面,尽量上小程序吧,H5开发在微信开发者工具里看页面效果可能看不出问题,因为不能唤起软键盘。 避免频繁线上发布,可以用花生壳或者idcfengye,做内网穿透,搭建一个可以通过域名访问的开发环境的h5页面,在手机上看看效果,对了微信内置浏览器缓存机制。 最后: 微信H5页面其实很多知识,登陆授权,jssdk授权,这里就只做了分享,当然还有上传图片、微信支付等功能,都可能会遇到坑,以上几个坑也是比较常遇到的,如果有更好的解决方案的话,欢迎在留言区分享

    41330

    如何设计实现H5营销页面搭建系统

    大致梳理一下营销活动的一些特点: 页面类似: 页面布局和业务逻辑较固定 需求高频: 每周甚至每天有多个这种需求 迭代快速: 开发时间短, 上线时间紧 开发耗时: 开发任务重复, 消耗各方的沟通时间和人力 得出的一致结论就是:开发同学提供营销搭建后台,页面做成可配置化,配置的工作交给产品/运营同学。这样,基于楼层搭建营销页面的方案就应运而生了。 其实楼层搭建在营销页面的搭建中是一种比较常见的方式。 ? 如上图是京东的一个活动页面页面主要由三部分组成:头图楼层、优惠卷楼层、热销楼层。因为就像生活中的盖楼一样,所以在早期的营销搭建中,就有了楼层的概念。每个楼层其实就对应了一个具体的组件。 ? 页面拼接完成,可通过类似预览的操作进行页面预览。预览无误,即可通过发布按钮进行活动的发布。 流程梳理完,我们来看下项目的基础架构: ? 我们知道营销活动有一个很典型的特点:页面类似。如果运营/产品同学从零去生成一个页面也是挺耗费时间的,而且大部分活动都是归属于某一个大类下面的,我们可以把这些相似的活动抽成模板。

    38320

    2022开篇H5手机页面特效

    今天我们就来说一下H5手机页面的特效吧;都2022年还H5?没办法H5实在太深入人心了,特别是在微信开放了外连接H5又变得重要了。所以就说一下最近开发H5的一些经验。 1、手机横竖的判断 移动天下手机先行,现在手机基本是70%的载体(余下的pad咯);那么有一个问题就是手机竖屏和横屏的长宽高都不一样,那么对整体的页面布局都会发生重要的影响。 || window.orientation == -90 ) { alert("横屏"); } }); 2、进行整体页面转向 body { -webkit-transform: rotate(90deg); } 这样整个页面就会顺时针翻转90°。。有什么作用?存在即合理,以后有它的用途。 最后说一下吧,小的H5应用直接上jq或jq mobile。。。好维护;当然现在流行VUE也行,不过感觉vue有点广。。见人见智吧。

    225110

    扫码关注腾讯云开发者

    领取腾讯云代金券