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

  • 详解前端HTML5几种存储方式的总结
    详解前端HTML5几种存储方式的总结
    总体情况h5之前,存储主要是用cookies。cookies缺点有在请求头上带着数据,大小是4k之内。主Domain污染。主要应用:购物车、客户登录对于IE浏览器有UserData,大小是64k,只有IE浏览器支持。目标 解决4k的大小问题 解决请求头常带存储信息的问题 解决关系型存储的问题 跨浏
    H5教程 . web前端 1349 2017-02-22 13:58:50
  • HTML5 WebSocket实现多文件同时上传的实例
    HTML5 WebSocket实现多文件同时上传的实例
    在传统的HTTP应用上传文件想要同时上传多个文件并查看上传进度是一件很麻烦的事情,当然现在也有一些基于SWF的文件上传组件提供这种的便利性.到了HTML5下对文件的读取和上传的控制方面就非常灵活,HTML5提供一系列的AIP进行文件读取,包括计取文件某一块的内容也非常方便,结合Websock
    H5教程 . web前端 2261 2017-02-22 13:54:59
  • HTML5 CSS3:3D展示商品信息示例
    HTML5 CSS3:3D展示商品信息示例
    强化下perspective和transform:translateZ的用法。传统的商品展示或许并不能很好的吸引用户的注意力,但是如果在展示中添加适当的3D元素,~说不定效果不错哈~效果图:说明一下:这个创意不是我想的,哈~模仿别人的,创意应该是w3cplus上的。当然了,重点是教大家如何做,就当高仿了~首先,先教大家利
    H5教程 . web前端 3028 2017-02-21 13:53:54
  • HTML5 css3:3D旋转木马效果相册
    HTML5 css3:3D旋转木马效果相册
    这篇博客的目的是因为上篇HTML5 CSS3专题 诱人的实例 CSS3打造百度贴吧的3D翻牌效果中有个关于CSS 3D效果的比较重要的知识点没讲到,就是perspective和tranlateY效果图:嘿嘿,我把大学毕业时的一些照片,做成旋转木马,绕着我大文理旋转,不忘母校的培育之恩~1、perspectiveperspective属性包
    H5教程 . web前端 3098 2017-02-21 13:49:23
  • HTML5实现文件断点续传的方法
    HTML5实现文件断点续传的方法
    HTML5的FILE api,有一个slice方法,可以将BLOB对象进行分割。前端通过FileList对象获取到相应的文件,按照指定的分割方式将大文件分段,然后一段一段地传给后端,后端再按顺序一段段将文件进行拼接。断点续传原理目前比较常用的断点续传的方法有两种,一种是通过websocket接口进行文件上传,另
    H5教程 . web前端 1667 2017-02-21 13:46:15
  • HTML5 CSS3模仿优酷视频截图功能示例
    HTML5 CSS3模仿优酷视频截图功能示例
    一般的视频网站对于用户上传的视频,在用户上传完成后,可以对播放的视频进行截图,然后作为视频的展示图。项目中也可以引入这样的功能给用户一种不错的体验,而不是让用户额外上传一张展示图。效果图:看起来还是很不错,下面我给大家分析下,极其核心代码很简单:_canvas = document.createEleme
    H5教程 . web前端 1964 2017-02-21 13:41:48
  • html5 视频播放解决方案
    html5 视频播放解决方案
    html5没学习之前总觉的很神秘。近期通过学习和研究html5有点成果,特总结分享给大家。 众所周知应用开发分两种:一是原生的native app 二是web app,也就是通过浏览器访问的应用。 html5在移动互联时代,有他独到的用武之地,虽然他有很多优势但不可能完全彻底取代原生APP,原生APP开发成本虽
    H5教程 . web前端 3221 2018-05-15 10:32:25
  • HTML5不支持frameset的两种解决方法
    HTML5不支持frameset的两种解决方法
    解决方法如下:第一种使用iframe,但是目前使用iframe的人已经越来越少了,而且iframe在不同浏览器之间还有不兼容的情况。而且我一些研发的人员,他们表示iframe窗口间传值似乎很麻烦。第二种使用jQuery的onload方法加载页面,不过这种方法跳转多个页面后,点击浏览器上方的后退前进是无效的,不
    H5教程 . web前端 4029 2017-02-21 13:33:03
  • 详解HTML5中的拖放事件(Drag 和 drop)
    详解HTML5中的拖放事件(Drag 和 drop)
    浏览器支持Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。注释:在 Safari 5.1.2 中不支持拖放。HTML5 拖放实例<!DOCTYPE html><html> <head> <style type="text/css"> #div1 {width:488px;height:70px;padding:10px;border:1px solid #
    H5教程 . web前端 1630 2017-02-21 13:27:30
  • HTML5制作表格样式
    HTML5制作表格样式
    废话不多说了,具体代码如下所示:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>表格</title> <style type="text/css"> *{ margin: 0; padding: 0; }
    H5教程 . web前端 7396 2017-02-21 13:23:30
  • 纯HTML5+CSS3制作生日蛋糕(代码易懂)
    纯HTML5+CSS3制作生日蛋糕(代码易懂)
    废话不多说,先给大家展示下效果图:蛋糕分为三个部分,底部蛋糕,顶层蛋糕和蜡烛部分。HTML的布局结构也是按照这三部分布局的。另外就是使用CSS定位和CSS3的rotate,内外阴影等效果调整部分DOM元素样式。比较简单,相信码农都懂的。不赘述其它有的没的了。下面给出完整的的HTML代码和CSS代码<
    H5教程 . web前端 6207 2017-02-21 13:20:36
  • html5 div布局与table布局详解
    html5 div布局与table布局详解
    本文实例为大家解析了html5 div布局与table布局,供大家参考,具体内容如下div布局:html+css实现简单布局。#container中height不能写成百分数,必须为具体高度。<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>div布局</title>
    H5教程 . web前端 3273 2017-02-21 13:16:09
  • HTML5拖放效果的实现代码
    HTML5拖放效果的实现代码
    拖放拖放是一种常见的特性,即抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持拖动。注意:Safari 5.1.2不支持拖动.实例:<!DOCTYPE html> <html> <head> <title>拖放</title
    H5教程 . web前端 1589 2017-02-21 13:11:20
  • HTML5标签大全
    HTML5标签大全
    不允许写结束标记的标签:area(定义图像映射中的区域)、base(为页面上的所有链接规定默认地址或默认目标)、br、col(为表格中一个或多个列定义属性值)、embed(定义嵌入的内容,比如插件--5)、hr、img、input、keygen、link、meta、param、source、track、wbr
    H5教程 . web前端 2757 2017-03-25 14:36:37
  • Html5实现用户注册自动校验功能实例代码
    Html5实现用户注册自动校验功能实例代码
    抽时间写了一个带有自动校验功能的Html5用户注册Demo。使用到Handlebars模板技术和手机验证码校验。以下是效果截图:1.页面代码:usersRegister.hbs<!DOCTYPE html> <!--[if IE 8 ]> <html lang="en" class="ie8"> <![endif]--> <!--[if IE 9 ]> <ht
    H5教程 . web前端 3019 2017-02-20 13:59:52

PHP讨论组

组员:3305人话题:1500

PHP一种被广泛应用的开放源代码的多用途脚本语言,和其他技术相比,php本身开源免费; 可以将程序嵌入于HTML中去执行, 执行效率比完全生成htmL标记的CGI要高许多,它运行在服务器端,消耗的系统资源相当少,具有跨平台强、效率高的特性,而且php支持几乎所有流行的数据库以及操作系统,最重要的是

学习途径

工具推荐

jQuery点击文字滚动Scrollocue插件

jQuery点击文字滚动Scrollocue插件是一款用于构建一个简单的提示提词器系统的jQuery小插件。本作品由【站长素材】收集整理,转载请注明出处!
文字特效
2025-12-19

CSS3聚光灯下倒影文字特效

CSS3聚光灯下倒影文字特效是一款使用CSS3实现的聚光灯下带倒影的文字旋转动画特效。
文字特效
2025-12-17

jQuery企业留言表单联系代码

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

HTML5 MP3音乐盒播放特效

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

雅龙智能装备工业设备类WordPress主题1.0

一个专为企业网站设计的现代化WordPress主题,集成了多语言支持、自定义SEO、Open Graph、安全加固和完全响应式设计等企业级功能。 ✨ 核心亮点- ? 完整多语言系统 - 支持中文、英文、越南语、葡萄牙语,可扩展- 自定义SEO功能 - 文章、页面、分类独立SEO设置- Open Graph支持 - 完整的社交媒体分享优化- 22项安全加固 - 企业级安全防护,防止脚本小子攻击- 完全响应式 - 完美适配手机、平板、桌面设备- 高性能优化 - 智能缓存、条件加载、代码优化-
企业站源码
2025-12-18

威发卡自动发卡系统

? 威发卡 - 自动发卡系统 (PHP)? 系统概览? 模板说明 自带一套响应式模板
电商源码
2025-12-17

卡密分发系统

一款卡密/授权码/激活码领取系统,前台注册账号登录之后自动进入会员中心可以领取卡密,已限制每个自然月(1号到月末)领取一次,后台可以生成密码,可以导出,用于导入卡密系统或者授权系统 安装环境:PHP7.2(需安装SG11)+SQL 将源码上传到网站根目录,访问域名将进入安装程序
电商源码
2025-12-16

中华陶瓷网

中华陶瓷网V2013版DT5.0内核模板是高仿必途搜索的2012版,系统核心是DestoonV5.0版本,
电商源码
2025-12-16

极简线条香槟庆祝海报矢量模板

极简线条香槟庆祝海报矢量模板适用于私人酒会、画廊开幕式或高端晚宴的电子邀请函、餐厅新年跨年夜的预订海报等相关视觉场景设计的由AI生成的Ai格式素材。
矢量素材
2025-12-21

手绘健身房运动器材矢量素材

手绘健身房运动器材矢量素材适用于健身房的开业宣传单、私教课程介绍页的小图标、运动水壶、毛巾等周边产品的印花图案设计等相关视觉场景设计的由AI生成的Ai格式素材。
矢量素材
2025-12-21

色彩缤纷新鲜水果矢量素材

色彩缤纷水果合集矢量素材适用于鲜榨果汁店、奶茶店的菜单配料插图、生鲜超市“夏季水果节”的促销海报背景元素等相关视觉场景设计的由AI生成的Ai格式素材。
矢量素材
2025-12-21

复古美式早午餐海报矢量模板

复古美式早午餐海报矢量模板适用于西餐厅或咖啡馆推出“周末早午餐”活动的宣传单、式复古风格烘焙店的墙面装饰画或垫餐纸设计等相关视觉场景设计的由AI生成的Ai格式素材。
矢量素材
2025-12-21

驾照考试驾校HTML5网站模板

驾照考试驾校HTML5网站模板是一款适合提供驾驶培训和组织驾照考试服务机构宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-06-10

驾照培训服务机构宣传网站模板

驾照培训服务机构宣传网站模板是一款适合提供一般驾驶和计划培训的驾校宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-01-07

新鲜有机肉类宣传网站模板

新鲜有机肉类宣传网站模板是一款适合提供各种新鲜有机肉类食材宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-01-06

HTML5房地产公司宣传网站模板

HTML5房地产公司宣传网站模板是一款适合从事房地产服务行业宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-01-06
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号