用 HTML5 造个有诚意的 23D 招聘稿
前言
招聘对于一个公司来说是相当重要的一个环节，首先它影响着公司未来发展的趋势，其次它为公司注入新鲜血液，使公司更具有活力。当然在工业互联网，物联网大背景下诞生的 HT 也是需要注入新鲜的血液来进一步提升公司的技术和能力。本文不会像传统的招聘文案简单的列举一系列的岗位，一系列的福利来诱惑你们的加入，而是 ...
基于HTML5和CSS3构建3D模型
关于CSS 3D的研究，其实早在2013年就开始了。无奈受限于当时的浏览器兼容性以及硬件性能等原因，对3D的一些探索也只是停留在DEMO阶段。这里可以参考我之前Github上的一个3D房屋模型DEMO。
CSS 3D的应用是我们一直在思考的，虽然近几年来浏览器和硬件有了很大提升，但基于CSS 3D做复杂应用还是比较受限。目前基于CSS 3D更多 ...
HTML5 视频流行插件之video.js
Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库，Video.js 自动检测浏览器对 HTML5 的支持情况，如果不支持 HTML5 则自动使用 Flash 播放器。
（要支持ie低版本请下载5.4.3版 ）点击进入官网
下载地址：http://www.jq22.com/jquery-info404
也可以使用cdn
<link href="//cdn.bootcss.com/video.js/7.0. ...
HTML5
HTML5 简介
HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。
HTML5的设计目的是为了在移动设备上支持多媒体。
HTML5 简单易学。
什么是 HTML5?
HTML5 是新一代 HTML 标准。
HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。
HTML5 仍处于完善之中。然而 ...
基于 HTML5 Canvas 的 3D 热力云图效果
前言
数据蕴藏价值，但数据的价值需要用 IT 技术去发现、探索，可视化可以帮助人更好的去分析数据，信息的质量很大程度上依赖于其呈现方式。在数据分析上，热力图无疑是一种很好的方式。在很多行业中都有着广泛的应用。
最近刚好项目中需要用到 3D 热力图的效果展示。网上搜了相关资料，发现大 ...
HTML5发展史
HTML5发展史
HTML5草案的前身名为 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的 HTML 工作团队。
• HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。
• 2012年12月17日，万维网联盟（W3C）正式宣布凝结了 ...
HTML5技术
本章首先介绍HTML5页面的文档结构，然后介绍HTML5的内容架构与文本、超链接、多媒体、表格及表单。
一、HTML5文档结构
HTML5文件是由一些标签语句组成的文本文件，标签标识了内容和类型，Web浏览器通过解析这些标签进行显示。HTML5文件可以通过任意文本编辑器创建，但文件的扩展名必须使用“.htm”或“.html”，建议使用“. ...
HTML5
兼容HTML5的浏览器IE9+（trident）、谷歌（chrome-blink）、火狐（firefox-gecko）、欧朋（opera-presto）、苹果（safari-webkit）
HTML5特点 增加了新特性：语义特性√，本地存储特性，设备兼容特性，连接特性，网页多媒体特性√，三维、图形及特效特性√，性能与集成特性，CSS3特性√
新标签
1、header 双 <header>标签定 ...
认识Html5
1 认识HTML5（2）
教学难点：理解语义标签
教学重点：熟练使用常见文档结构标签
教学时间：2学时
教学内容：
认识HTML文档结构
HTML5简化了HTML文档结构的复杂性，让HTML的文档结构更加简洁。
HTML4文档结构：
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
2
3 "http://www.w3.org/TR/html4/strict. ...
HTML5的localStorage缓存详解
什么是localStorage
HTML5加入了localStorage，作为客户本地存储文件，之前用cookie，但是每条cookie空间为4K localStorage 支持5M一张图了解下客户端浏览器的存储发展史浏览器支持情况
FeatureChromeFirefoxInternet ExplorerOperaSafariAndroidOpera MobileSafari Mobile
localStorage
4
3.5
8
10.50
4 ...
HTML5 WebGL 实现 3D 地图助力新型冠状病毒疫情实时数据可视化
前言
2020年开始就黑天鹅不断，美伊搞翻，英国脱欧，俄罗斯政改。对我们国内来说最要命的是眼瞅要过年了，又来了个新型冠状病毒。疫情发展迅速，比非典有过之而无不及。看着医护人员一个个冲锋在前，我们却只能靠在家里躺着为国家做贡献。N天过后，却发现整天葛优躺也会把人憋坏。既不能上前线，又闲的难受。不如活动活动， ...
HTML5 地理定位
通常在Web开发中，常使用的地理定位方式有IP地址、GPS、WIFI、CDMA/GSM。
在新增的H5 WEB API中支持使用Geolocation对象获取当前的位置信息。
Navigator.geolocation只读属性返回一个Geolocation对象，通过这个对象可以访问到设备的位置信息。使网站或应用可以根据用户的位置提供个性化结果。
//step1：判断浏览器 ...
基于 HTML5 WebGL 的智慧楼宇三维可视化监控
前言
可视化的智慧楼宇在 21 世纪是有急迫需求的，中国被世界称为“基建狂魔”，全球高层建筑数量位居首位，所以对于楼宇的监控是必不可少。智慧楼宇可视化系统更多突出的是管理方面的功能，即如何的全面实现优化控制和管理，节能降耗、高效、舒适、环境安全这样一个目的，可以这样说，判断一个建筑物是否具有智能建筑特点 ...
Html5 播放实时音频流
项目需求 Web端播放实时音频流，折腾了两天后问题得以解决。记录下开发调试过程，方便后来者。
首次想到是利用Audio标签，Audio标签可以直接播放MP3格式，服务端将实时音频流编码成MP3格式
通过Http方式传给Web端即可，前端代码如下所示：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset ...
HTML5 localStorageXSS漏洞
localStorage基础
Window localStorage 属性
HTML5 提供了两种新的本地存储方案，sessionStorage和localStorage，统称WebStorage。 顾名思义： sessionStorage 是针对session的数据存储，关闭窗口后删除。 localStorage 是一个本地的没有时间限制的数据存储。
它们同样遵循SOP
语法:
window.localStorage
...
基于 HTML5 WebGL 的智慧城市（一）
前言
中共中央、国务院在今年12月印发了《长江三角洲区域一体化发展规划纲要》(下文简称《纲要》)，并发出通知，要求各地区各部门结合实际认真贯彻落实。
《纲要》强调，要提升基础设施互联互通水平，打造数字长三角，协同建设新一代信息基础设施，共同推动重点领域智慧应用。大力发展基于物联网、大数据、人工智能 ...
HTML5幻灯片库reveal.js使用
介绍
reveal.js是一个用于实现幻灯片效果的库。使用该库。github地址：github提供了页面编辑功能：slides.com官方demo: demo我自己做的PPT地址：ppt（建议使用Chrome查看）
特点
reveal.js有一下几个特点：
支持标签来区分每一页幻灯片
可以使用markdown来写内容
支持pdf的导出
支持演说注释
提 ...
分享原创漂亮大气视频列表模板【html5】
分享一个今天刚写的前端视频列表页面，因为自己之前是做后端的，最近做新站，当作学习了，做了这个视频列表的界面
演示地址：http://www.sdfymj.com/video/list-111.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-dns-prefetch-control" content="on" / ...
项目工具三：Swagger导出离线版HTML5和PDF格式api文档
之前的文章讲解了swagger2注解的用法以及实例演示，本篇文章介绍一下如何使用swagger2导出离线版的api文档，分为两种格式一个是HTML5一个是PDF。对象属性、接口说明、测试用例都可以导出来方便开发人员很清楚的了解接口！
相关版本
Springboot版本：1.5.10.RELEASE
swagger2版本：2.6.1
maven版本：3.2.5
JDK版本： ...
Html5学习系列
Html5学习系列
HTML5 规定了一种通过 video 元素来包含视频的标准方法
Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
如需在 HTML5 中显示视频 ...
