HTML5+WebApp基础教程
文章平均质量分 68
HTML5+WebApp基础教程
退休的程序员
退休的程序员
展开
-
HTML5学习(一)---视频
我使用的是JetBrains WebStorm 2.0.1 这个开发工具. 下载地址:http://urlxf.qq.com/?nmiURzu 播放视频:http://www.w3school.com.cn/html5/html_5_video.asp 标签的属性属性值描述 autoplay 属性" href="http://www.w3schoo原创 2016-03-15 11:39:28 · 608 阅读 · 0 评论 -
HTML5学习(二)---音频
参考html5教程地址:http://www.w3school.com.cn/html5/html_5_audio.asp 标签的属性属性值描述 autoplay 属性" href="http://www.w3school.com.cn/html5/att_audio_autoplay.asp">autoplayautoplay如果出现该属性,则音频在就绪后马上播放原创 2016-03-15 11:39:32 · 275 阅读 · 0 评论 -
HTML5学习(三)---拖放
参考教程地址:http://www.w3school.com.cn/html5/html_5_draganddrop.aspDOCTYPE HTML>html>head>script type="text/javascript">function allowDrop(ev){ev.preventDefault();}function drag(ev)原创 2016-03-15 11:39:35 · 296 阅读 · 0 评论 -
HTML5学习(四)---Canvas绘图
参考教程地址:http://www.w3school.com.cn/html5/html_5_canvas.aspcanvas 元素用于在网页上绘制图形。什么是 Canvas?HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域,您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建原创 2016-03-15 11:39:39 · 352 阅读 · 0 评论 -
HTML5学习(五)----SVG
参考教程地址:http://www.w3school.com.cn/html5/html_5_svg.aspHTML5 支持内联 SVG。什么是SVG?SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用于定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失SV原创 2016-03-15 11:39:41 · 248 阅读 · 0 评论 -
HTML5学习(六)---------SVG 与Canvas
参考教程:http://www.w3school.com.cn/html5/html_5_canvas_vs_svg.aspCanvas 和 SVG 都允许您在浏览器中创建图形,但是它们在根本上是不同的。SVGSVG 是一种使用 XML 描述 2D 图形的语言。SVG 基于 XML,这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事原创 2016-03-15 11:39:43 · 497 阅读 · 0 评论 -
HTML5学习(七)----地理定位
参考教程:http://www.w3school.com.cn/html5/html_5_geolocation.asp 说明:设备必须有GPS定位功能才能定位的 定位用户的位置HTML5 Geolocation API 用于获得用户的地理位置。 点击这个按钮,获得您的坐标:试一下var x=document.getElementById(原创 2016-03-15 11:39:46 · 297 阅读 · 0 评论 -
HTML5学习(八)----Web存储
参考地址:http://www.w3school.com.cn/html5/html_5_webstorage.asp 在客户端存储数据HTML5 提供了两种在客户端存储数据的新方法:localStorage - 没有时间限制的数据存储,localStorage 存储数据是长久的sessionStorage - 针对一个 session 的数据存储 sessionStora原创 2016-03-15 11:39:48 · 232 阅读 · 0 评论 -
HTML5学习(九)----应用程序缓存
参考教程:http://www.w3school.com.cn/html5/html_5_app_cache.asp使用 HTML5,通过创建 cache manifest 文件,可以轻松地创建 web 应用的离线版本。什么是应用程序缓存(Application Cache)?HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。应用原创 2016-03-15 11:39:50 · 413 阅读 · 0 评论 -
HTML5学习(十)---Web Workers
参考教程:http://www.w3school.com.cn/html5/html_5_webworkers.aspweb worker 是运行在后台的 JavaScript,不会影响页面的性能。什么是 Web Worker?当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成。web worker 是运行在后台的 JavaScript,独立于其他脚本,不原创 2016-03-15 11:39:53 · 271 阅读 · 0 评论 -
HTML5学习(十一)---服务器发送事件
参考教程:http://www.w3school.com.cn/html5/html_5_serversentevents.aspHTML5 服务器发送事件(server-sent event)允许网页获得来自服务器的更新。Server-Sent 事件 - 单向消息传递Server-Sent 事件指的是网页自动获取来自服务器的更新。以前也可能做到这一点,前提是网页不得不询问是否原创 2016-03-15 11:39:55 · 330 阅读 · 0 评论 -
网页端与App端互通
最近在公司做web App项目,需要在webApp中打开原生App 如果本地有安装原生App,那就直接去打开原生App对应的页面,如果本地没有安装原生App,那就直接去下载这个原生App.先看网页端的代码原创 2017-04-12 20:17:20 · 4999 阅读 · 0 评论 -
WebStorm设置服务器-局域网内其他设备访问(移动端手机访问测试等)
我在网上找了很多教程,都写得不够全面,另外我用的是最新版本的webstorm 2017.1,有一些地方配置在老版本上也做了一些修改,所以我决定自己整理一份教程供大家参考原创 2017-04-20 11:03:09 · 25658 阅读 · 14 评论