第 87 页-H5教程_html5图文教程-PHP中文网

当前位置：首页 > 技术文章 > web前端 > H5教程

最新

移动端的头部标签的使用方法

1.meta标签http-equiv属性语法格式：　　 2.content-type (显示字符集的设定) 设定页

H5教程 2222 2017-06-20 14:02:06
如何绘制路径-线段

Canvas绘图环境中有些属于立即绘制图形方法，有些绘图方法是基于路径的。立即绘制图形方法仅有两个strokeRect(),fillRect(),虽然strokezText(),fillText()方法也是立即绘制的，但是文本不算是图形。基于路径的绘制系统大多数绘制系统，如：SVG(Scalable Verctor Graphics, 可缩放的矢量图形)，Adobe Illustrator等

H5教程 2888 2017-06-20 14:00:45
音乐播放器的制作实例（html5）

相关技能 HTML5+CSS3（实现页面布局和动态效果） Iconfont（使用矢量图标库添加播放器相关图标） LESS （动态CSS编写） jQuery（快速编写js脚本） gulp+webpack（自动化构建工具，实现LESS,CSS,JS等编译和压缩代码）实现的功能播放暂停（点击切换播放状态）下一曲（切换下一首）随机播放（当前歌曲播放完自动播放下一曲）单曲循环（点击

H5教程 3845 2017-06-20 14:00:00
HTML5 中的一些有趣的新特性

HTML5 是近十年来 Web 开发标准最巨大的飞跃。HTML5 并非仅仅用来表示 Web 内容，它将 Web 带入一个成熟的应用平台，在 HTML5 平台上，视频、音频、图象、动画，以及同电脑的交互都被标准化。本教程将教会大家HTML5中的新特性，以及每种标签的使用 HTML5 中的一些有趣的新特性：用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对本地离

H5教程 2211 2017-06-20 13:58:16
微信开发实战之分享功能

通过对需求的了解，可以将其分解为：（1）微信端手机用户，可以使用微信的JSSDK。（2）选取图片，使用JSSDK的“chooseImage”，由于分享图片时本地地址无法分享，因此还需要JSSDK的“uploadImage”。（3）分享到朋友圈，需要JSSDK的“onMenuShareTimeline”。综合起来，业务逻

H5教程 3072 2017-06-20 13:57:28
web存储--webstorage详细介绍

web存储分类客户端和服务端　认识web存储随着web应用的发展，是的客户端存储的用途越来越多，然而实现客户端端存储的方式也是越来越多样化。最简单最兼容的方式就是cookie，但作为真正的客户端存储cookie还是存在着许许多多的弊端的。同时，各种浏览器也有属于自己的存储方式。例如，IE6以及以上版本中可以使用userData Behavior，在F

H5教程 2251 2017-06-20 13:55:49
移动端页面布局应该如何操作

移动端页面布局的那些事儿 http://www.xiaoxiangzi.com/Programme/CSS/4298.html 一. viewport 什么是viewport 简单来讲，viewport就是浏览器上，用来显示网页的那一部分区域了，也就是说，浏览器的实际宽度，是和我们手机的宽度不一样的，无论你的手机宽度是320px，还是640px，在手机浏览器内部的宽度，始终会是浏览器本身的vi

H5教程 3209 2017-06-20 13:50:26
HTML5的文本样式实例介绍

文本样式加粗倾斜下划线删除线下标上标段落元素强制换

H5教程 2180 2017-06-20 13:49:22
canvas的实例--时钟动画

平时在公司不忙的时候，就喜欢写一些小效果什么的，一来复习复习，二来可以发现一些问题。今天在群里看别人发了一手表的图片，卧槽...妥妥的工作好多年的节奏，后来想想还是做好自己的事情算了，想那多干啥，就画了一个手表.... 直接上代码： html

H5教程 1472 2017-06-20 13:43:20
cookie的具体使用方法

　　cookie是储存在用户本地终端上的数据。　　在我们登陆网站时有记录密码，也有时间限制比如说7天，5天等等这都是我们利用cookie来写的，　　这就是利用了cookie的会话周期，但cookie同时又是不安全的我们可以打开网页看到用户输入的密码，而且又是依赖于服务器环境的，　　再写cookie时还要设置储存路径，而我们获取出来的值又是字符串，同时它又是非常小的，只有4kb,　　下面我们来封装一

H5教程 2768 2017-06-20 13:42:33
做web响应式设计（不用媒体查询）实例

(0)写在前面　　讲述知乎上看到的一篇文章中的一个案例，让我脑洞大开，佩服至极，特意第二天找到原文赞赏了 5元，原文地址https://zhuanlan.zhihu.com/p/27258076，案例用了很多css3的属性。(1)效果演示 (2)知识点及效果

H5教程 1567 2017-06-20 13:39:50
什么是HTML5？HTML5使用详解

什么是HTML5？ HTML5是超文本语言，不是编程语言，html5是html语言的最新版本，需要注意浏览器的兼容性问题。 HTML5技术一般是指的是HTML5、CSS3、JavaScript三种技术的结合。 HTML5主要负责文档内容的结构和含义。 CSS3主要负责描述文档内容样式。 JavaScript主要用来负责文档内容的行为。 HTML5的基本结构。

H5教程 2578 2017-06-20 13:38:36
Html5拖放的实现方法

今天写一下html5的拖放问题。设置元素可以拖放设置元素可以拖放用draggable属性，设置为true。元素就可以拖放了。（注：火狐浏览器不支持）拖拽元素事件 ondragstart：拖拽前触发 ondrag：拖拽中连续触发 &

H5教程 1655 2017-06-20 13:33:58
项目实战：医药箱APP

花费了10天时间，纯手写一个医药箱APP静态小项目，里面有上拉加载、左右滑动、弹出层淡入淡出等效果，主要是练习。以下是一部分页面效果图：我用的是谷歌的开发者工具的手机端模拟器。大家有兴趣可到我博客的文件项里下载。里面需要优化的地方还有很多，欢迎指正！

H5教程 1796 2017-06-20 11:05:09
HTML5盒子模型的使用方法

盒子模型。盒子由 margin、border、padding、content 四部分组成。margin ：外边距 border：边框 padding：内边距 (内容与边框的距离) content：内容

H5教程 8069 2017-06-20 10:46:27