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

  • HTML5视频播放的详细介绍
    HTML5视频播放的详细介绍
    首先推上神器jPlayer : 基于HTML5/Flash的音频、视频播放器jPlayer是一个JavaScript写的完全免费和开源 (MIT) 的jQuery多媒体库插件 (现在也是一个Zepto插件);jPlayer可以让你迅速编写一个跨平台的支持音频和视频播放的网页.jPlayer的丰富API可以让你创建一个个性化多媒体应用,因此也获得越来越多的社区成员的支持和
    H5教程 2615 2017-07-23 13:49:34
  • 实现一个HTML5音乐播放器的实例
    实现一个HTML5音乐播放器的实例
    技术点:ES6+Webpack+HTML5 Audio+Sass这里,我们将一步步的学到如何从零去实现一个H5音乐播放器。首先来看一下最终的实现效果:Demo链接 接下来就步入正题:要做一个音乐播放器就要非常了解在Web中音频播放的方式,通常都采用HTML5的audio标签关于audio标签,它有大量的属性、方法和事件,在这里我就做一个大致的介绍。属性:src:必需,音频来源
    H5教程 6150 2017-07-23 13:28:16
  • html5全新的网络格局
    html5全新的网络格局
    自从HTML5诞生之后,就是开始建立了一个标准的原则,那就是所有的技术它必须是面向开放,并不能有专利的一个存在,在整个期间Opera捐献了css技术,而google的话则是给开发者提供了视频的webM,本文将带大家来看看html5它是如何带来全新的网络格局的,感兴趣的朋友们可以关注一下,为开发而做准备。  现在HTML5开发领域的领军人物包括Sencha,Adobe,appcelerator,a
    H5教程 1511 2017-07-23 11:41:47
  • AugularJS基础入门与实践
    AugularJS基础入门与实践
       前  言 前端      AngularJS是为了克服HTML在构建应用上的不足而设计的。(引用百度百科)  AngularJS使用了不同的方法,它尝试去补足HTML本身在构建应用方面的缺陷。AngularJS通过使用我们称为指令(directives)的结构,让浏览器能够识别新的语法。(引用百度百科)      例如
    H5教程 1392 2017-07-23 11:33:37
  • css动画制作——CSS animate
    css动画制作——CSS animate
    熟悉CSS的人都知道,CSS可以实现很多漂亮的动画,特别是它的在线功能,能够帮助人们解决很多制作动画的效果。今天特别推荐一个在线CSS插件功能——cssanimate,这个最大的特色就是以图形界面方式让你轻易实现漂亮的CSS3动画效果,下面一起看看这个在线工具的介绍。CSS3动画制作工具界面介绍Timeline(时间轴)Timeline是引导动画的重要区域,就像制作逐帧动画一样,可以调整每
    H5教程 3210 2017-07-23 11:18:56
  • 认识HTML5的WebSocket
    认识HTML5的WebSocket
    WebSocket是HTML5开始提供的一种单个TCP连接上进行全双工通讯的协议。在WebSocket API中,浏览器和服务器只需要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据相互传送。浏览器通过JavaScript向服务器发出建立WebSocket连接的请求,连接建立以后,客户端和服务器之间就可以通过TCP连接直接交换数据。当你获取Web Socket
    H5教程 1547 2017-07-23 11:03:43
  • html5中关于canvas画图之画圆形的实例介绍
    html5中关于canvas画图之画圆形的实例介绍
    利用canvas中的arc可以绘制圆形图案。函数原型为:context.arc(x,y,半径,开始角度,结束角度,是否逆时针旋转);所以可以通过修改开始角度和结束角度来绘制弧线。
    H5教程 2350 2017-07-22 09:56:49
  • H5富文本编辑器的详细介绍
    H5富文本编辑器的详细介绍
    使用H5的全局属性contenteditable可以让DOM元素及其子元素变的可编辑 样式代码html,body { overflow: hidden; width: 100%; height: 100%;}* { margin: 0; paddi
    H5教程 3451 2017-07-21 14:10:04
  • Knockoutjs+select2 人员搜索功能代码分享
    Knockoutjs+select2 人员搜索功能代码分享
     HTML: 
    H5教程 2197 2017-07-21 14:07:47
  • AngularJS“路由”的简介及用法介绍
    AngularJS“路由”的简介及用法介绍
    这是小编的一些学习资料,理论上只是为了自己以后学习需要的,但是还是需要认真对待的以下内容仅供参考,请慎重使用学习AngularJS“路由”的定义概念AngularJS最近真的很火,很多同事啊同学啊朋友都在用,这不推荐我学习,听到这个名字就十分火热的去了什么是AngularJS就不做说明了,这个东西还是很有趣的在这里推荐一下学习网站,菜鸟教程,虽然里面的教程很多都很浅显,而且好多也没有
    H5教程 1347 2017-07-21 14:05:30
  • 使用vue-devtools开发Vue
    使用vue-devtools开发Vue
    前言:由于vue是数据驱动的,所以这就存在在开发调试中查看DOM结构并不能解析出什么。但是借助vue-devtools插件,我们就可以很容易的对数据结构进行解析和调试。一、下载chrome扩展插件GitHub下载地址:https://github.com/vuejs/vue-devtools建议使用npm淘宝镜像按照依赖包地址:http://npm.taobao.org/命令行安装
    H5教程 2502 2017-07-21 13:47:23
  • JS开发桌面端应用程序教程
    JS开发桌面端应用程序教程
    前言本文为开发nw中遇到的各种问题,仅以记录供备忘以及遇到相同问题的人的一点点解决思路。1. package.json中的window字段无效原因:package.json中的window字段,只在main字段为*.html或是外部网址时有效,当为 *.js时是无效的。{ "name": "blog", "main": &
    H5教程 5921 2017-07-21 11:18:32
  • vue基础入门
    vue基础入门
    Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。如果你对angular有所了解,那么你学起vue一定会非常容易。因为一方面你对angu
    H5教程 1792 2017-07-21 09:16:50
  • HTML5新知识
    HTML5新知识
    一、h5新增的主要语义化标签如下:1、header 页面头部、页眉2、nav 页面导航3、atricle 一篇文章4、section 文章中的章节5、aside 侧边栏6、footer 页面底部、页脚PC端兼容h5新标签的方法,在页面中引入一下js文件
    H5教程 1965 2017-07-21 09:16:29
  • 带你了解什么是HTML5?
    带你了解什么是HTML5?
    现在的H5越来越受到企业或者是开发者的一个大力的追捧,已经成为网络推广必不可少的一个使用的工具,相信还有很多朋友现在都不知道H5是个什么东西,本文将为大家讲的是关于H5一些分类的问题,让你进一步的去学习开发,感兴趣的朋友们可以关注了解一下。  第一阶段:初级阶段,幻灯片玩法,就是在手机上可以看到PPT了,这种做法实际上上很简单的,要知道的是有在线的模板套用,基本花费时间在几个小时甚至更短。H5
    H5教程 2000 2017-07-20 21:00:54

工具推荐

jQuery企业留言表单联系代码

jQuery企业留言表单联系代码是一款简洁实用的企业留言表单和联系我们介绍页面代码。
表单按钮
2024-02-29

HTML5 MP3音乐盒播放特效

HTML5 MP3音乐盒播放特效是一款基于html5+css3制作可爱的音乐盒表情,点击开关按钮mp3音乐播放器。
播放器特效
2024-02-29

HTML5炫酷粒子动画导航菜单特效

HTML5炫酷粒子动画导航菜单特效是一款导航菜单采用鼠标悬停变色的特效。
菜单导航
2024-02-29

jQuery可视化表单拖拽编辑代码

jQuery可视化表单拖拽编辑代码是一款基于jQuery和bootstrap框架制作可视化表单。
表单按钮
2024-02-29

有机果蔬供应商网页模板 Bootstrap5

一款有机果蔬供应商网页模板-Bootstrap5
Bootstrap模板
2023-02-03

Bootstrap3多功能数据信息后台管理响应式网页模板-Novus

Bootstrap3多功能数据信息后台管理响应式网页模板-Novus
后端模板
2023-02-02

房产资源服务平台网页模板 Bootstrap5

房产资源服务平台网页模板 Bootstrap5
Bootstrap模板
2023-02-02

简约简历资料网页模板 Bootstrap4

简约简历资料网页模板 Bootstrap4
Bootstrap模板
2023-02-02

可爱的夏天元素矢量素材(EPS+PNG)

这是一款可爱的夏天元素矢量素材,包含了太阳、遮阳帽、椰子树、比基尼、飞机、西瓜、冰淇淋、雪糕、冷饮、游泳圈、人字拖、菠萝、海螺、贝壳、海星、螃蟹、柠檬、防晒霜、太阳镜等等,素材提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG素材
2024-05-09

四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)

这是一款红的的 2023 毕业徽章矢量素材,共四个,提供了 AI 和 EPS 和免扣 PNG 等格式,含 JPG 预览图。
PNG素材
2024-02-29

唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)

这是一款由唱歌的小鸟和装满花朵的推车设计的春天 banner 矢量素材,提供了 AI 和 EPS 两种格式,含 JPG 预览图。
banner图
2024-02-29

金色的毕业帽矢量素材(EPS+PNG)

这是一款金色的毕业帽矢量素材,提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG素材
2024-02-27

家居装潢清洁维修服务公司网站模板

家居装潢清洁维修服务公司网站模板是一款适合提供家居装潢、清洁、维修等服务机构宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2024-05-09

清新配色个人求职简历引导页模板

清新配色个人求职简历引导页模板是一款适合清新配色风格的个人求职简历作品展示引导页网页模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2024-02-29

设计师创意求职简历网页模板

设计师创意求职简历网页模板是一款适合各种不同设计师岗位个人求职简历展示网页模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2024-02-28

现代工程建筑公司网站模板

现代工程建筑公司网站模板是一款适合从事工程建筑服务行业宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2024-02-28