首页
学习
活动
专区
工具
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.9K31

    前端学习(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规范允许用户自定义网页上任一元素全屏显示。

    71400

    前端学习(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 获取不到,然后就找到了另一种办法,可以满足需求,直接在你需要的地方使用

    55940

    使用Html5多媒体实现信语音功能

    随着信等社交App的兴起,语音聊天成为很多App必备功能,大到将语音聊天作为主要功能的社交App,小到电商App的语音客服、店小二功能,语音聊天成为了必不可少的方式。...但是很多人感觉网页端语音离我们很遥远,这些更多是本地应用的工作,其实不然,随着Html5的发展,语音功能也渐渐成为前端必会的功能之一。 为什么要学会HTML5 的语音呢?..., 跟我们信用法一模一样,手按下去字变成松开结束,同时说话被录下来,松手的时候,变成按下结束,同时发送语音给对方 我们一步一步一步来,首先我们先整一个html页面 <!...我只是为了讲解Html5功能,所以flex并没有写兼容性写法,另外App头部部分写法大家注意一下,那里是非常常用的。 下面说重点js部分。 <!...不要以为这些技术很遥远,html5真正商用也不过15年左右(vue 、react、angular大规模使用才几年?),机会留给有准备的人。

    2.8K30
    领券