首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

html5离线缓存manifest详解

随着Web App的发展,越来越多的移动端App使用HTML5的方式来开发,除了一些HybridApp以外,其他一部分Web App还是通过浏览器来访问的,通过浏览器访问就需要联网发送请求,这样就使得用户在离线的状态下无法使用...App,同时Web App中一部分资源并不是经常改变,并不需要每次都向服务器发出请求,出于这些原因,HTML5提出的一个新的特性:离线存储。 ...HTML5引入了应用程序缓存(Application Cache),通过创建manifest文件可以轻松地创建Web应用的离线版本,使Web应用可以在没有网络的时候任然可以访问。...v=1.5.2 NETWORK: views/login.html对于HTML5中离线存储对象window.applicationCache有几个事件需要我们关注下:oncached:当离线资源存储完成之后触发这个事件...离线缓存manifest详解》,请注明出处:https://www.zhoulujun.cn/html/webfront/SGML/html5/2016_0109_394.html

1.7K30

前端学习(4)~html5详解(二)

HTML5的规范中,我们可以通过为元素增加 draggable="true" 来设置此元素是否可以进行拖拽操作,其中图片、链接默认是开启拖拽的。...历史 在HTML5中可以通过 window.history 操作访问历史状态,让一个页面可以有多个历史状态 window.history对象可以让我们管理历史记录,可用于单页面应用,Single Page...隐私 HTML5 Geolocation(地理位置定位) 规范提供了一套保护用户隐私的机制。必须先得到用户明确许可,才能获取用户的位置信息。...API详解 navigator.getCurrentPosition(successCallback, errorCallback, options) 获取当前地理信息 navigator.watchPosition...3、可选参数 options 对象可以调整位置信息数据收集方式 全屏 HTML5规范允许用户自定义网页上任一元素全屏显示。

68600

前端学习(3)~html5详解(一)

什么是 HTML5 HTML5并不仅仅只是做为HTML标记语言的一个最新版本,更重要的是它制定了Web应用开发的一系列标准,成为第一个将Web做为应用开发平台的HTML语言。...总结:HTML5是新一代开发 Web 富客户端应用程序整体解决方案。包括:HTML5,CSS3,Javascript API在内的一套技术组合。 富客户端:具有很强的交互性和体验的客户端程序。...HTML5 的应用场景 列举几个HTML5 的应用场景: (1)极具表现力的网页:内容简约而不简单。 (2)网页应用程序: 代替PC端的软件:iCloud、百度脑图、Office 365等。...信端:公众号、小程序等。 (3)混合式本地应用。 (4)简单的游戏。 HTML5 新增的内容 语义化的标签 语义化的作用 能够便于开发者阅读和写出更优雅的代码。...H5在语义上的改进 在此基础上,HTML5 增加了大量有意义的语义标签,更有利于搜索引擎或辅助设备理解 HTML 页面内容。HTML5会让HTML代码的内容更结构化、标签更语义化。

1.2K20

腾讯云搭多场景使用

实践:快速搭建餐饮小程序 步骤 使用搭快速完成表单的CRUD 制作一个搜索页面(通过手机号查询预约信息),需要两个页面(搜索页、显示页) 数据源 创建数据源 添加字段『姓名』 添加字段『手机』...配置采购申请流程权限 配置企业工作台权限 给用户关联相应角色 发布角色 发布应用 然后查看发布地址,退出当前用户,登录管理员用户权限 创建采购单 查看详情 在列表页,点击进入详情就可以看到审批流页面了 搭企业应用搭建能力详解...企业数字化转型困局 为什么选择搭企业级产品能力 低码平台实施流程 数据模型 流程引擎 模型页面 可基于相同数据模型做出不同页面来满足不同需求 消息中心 未来可以集成短信等方式

3K30

信小程序获取场景

今天做分享朋友圈,因为小程序内是需要获取openid才能查看,但是信分享朋友圈有是不支持获取的。...所以需要判断一下场景值,在朋友圈的时候直接显示内容,不提示用户登录 场景值:   代表从何处进入小程序的。代表小程序的入口场景值。...注意:   1》目前仅可以在 App 的 onlaunch 和 onshow 中获取上述场景值 App({ onLaunch: function (options) { console.log...("[onLaunch] 本次场景值:", options.scene) }, onShow: function (options) { console.log("[onShow...] 本次场景值:", options.scene) } }) 然后我用起来的时候并不成功,onLaunch没执行,onShow 获取不到,然后就找到了另一种办法,可以满足需求,直接在你需要的地方使用

34640
领券