html5 drag事件用法
drag事件用法
html5的drag事件总共有 7 个，还有一个事件传递对象
拖曳目标对象
ondragstart 拖曳开始ondrag 拖曳中ondragend 拖曳结束
释放对象
ondragenter 进入释放目标ondragover 在目标中拖曳ondragleave 离开释放目标ondrop 释放
各个事件的触发顺序
ondragstart -> ondrag -> ondragenter - ...
HTML5+CSS3从入门到精通
HTML5+CSS3从入门到精通
前言Preface
1 Web开发新时代
1.1 HTML5概述
1.1.1 HTML5新特性
1.1.2 HTML5组织
1.1.3 HTML5构成
1.2 HTML5设计原理
1.2.1 HTML开发历程
1.2.2 HTML5开发动力
1.2.3 HTML5设计理念
1.3 编写第一个HTML5页面
1.3.1 搭建上机练习环境
1.3.2 检测浏览器是否支持
1.3.3 使用HTML5编写简单的Web页面
1.4 ...
基于 HTML5 WebGL 的高炉炼铁厂可视化系统
前言
在当今 工业4.0 新时代的推动下，不仅迎来了 工业互联网 的发展，还开启了 5G 时代的新次元。而伴随着带宽的提升，网络信息飞速发展，能源管控上与实时预警在工业互联网中也占着举足轻重的地位，而对于高炉炼铁的发展上来看，目前已完成国内260座高炉的数字化和智能化落地， ...
HTML5 canvas开发详解(第2版)
HTML5 canvas开发详解(第2版)
封面介绍
O’Reilly Media，Inc.介绍
第2版介绍
第1版的更新
如何运行本书中的示例
读者需要具备的知识
本书组织结构
代码示例的使用
联系方式
Safari® 在线图书
1 HTML5 Canvas简介
1.1 什么是HTML5
1.2 基础的HTML5页面
1.2.1 <!doctype html>
1.2.2
1.2.3
1.2.4 …
1.2.5 一个简单的HTML5 ...
01-HTML5 笔记
浏览器内核（渲染引擎）
IE浏览器内核：Trident内核，也是俗称的IE内核；
Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核；
Firefox浏览器内核：Gecko内核，俗称Firefox内核；
Safari浏览器内核：Webkit内核；
Opera浏览器内核：最初是自己的Presto内核，后来是Webkit，现在是Blin ...
一个简单的HTML5页面模板
1 <!DOCTYPE html>
2 <html lang="zh-CN">
3 <head>
4 <meta charset="utf-8">
5 <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 <meta name="viewport" content="width=device-width, initial-scale=1">
7 <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -- ...
HTML5网页开发实例详解
HTML5网页开发实例详解
1 HTML 5引发的Web革命
1.1 你是不是真的了解HTML 5
1.1.1 通过W3C认识HTML 5的发展史
1.1.2 HTML 4、XHTML、HTML 5的区别
1.1.3 什么人应该学HTML 5
1.1.4 一张图告诉你如何学习HTML 5
1.2 浏览器之争
1.2.1 说说这些常见的浏览器
1.2.2 浏览器的兼容烦恼与策略
1.2.3 给你的浏览器打分
1.3 学习制 ...
基于 HTML5 WebGL 的高炉炼铁厂可视化系统
前言
在当今 工业4.0 新时代的推动下，不仅迎来了 工业互联网 的发展，还开启了 5G 时代的新次元。而伴随着带宽的提升，网络信息飞速发展，能源管控上与实时预警在工业互联网中也占着举足轻重的地位，而对于高炉炼铁的发展上来看，目前已完成国内260座高炉的数字化和智 ...
基于 HTML5 WebGL 的 CPU 监控系统
前言
科技改变生活，科技的发展带来了生活方式的巨大改变。随着通信技术的不断演进，5G 技术应运而生，随时随地万物互联的时代已经来临。5G 技术不仅带来了更快的连接速度和前所未有的用户体验，也为制造业，微电子及集成电路发展带来了巨大的发展机遇和挑战。 5G 技术商业实施过程中，5G 网络芯片面临低功耗、低延时、高可 ...
HTML5+tracking.js实现刷脸支付
最近刷脸支付很火，老板们当然要追赶时代潮流，于是就有了刷脸支付这个项目。前端实现关键的技术是摄像头录像，拍照和人脸比对，本文来探讨一下如何在html5环境中如何实现刷脸支付以及开发过程中遇到的问题。
1.摄像头
1.1 input获取摄像头
html5中获取手机上的图片，有两种方式，使用input，如下可以打开摄像头拍照： ...
几款流行的HTML5 UI 框架比较
手机HTML5开发，大部分都使用现有的框架，这里简单比较几个流行的UI 框架。作者（启明星工作室 http://www.dotnetcms.org） 比较一下几款流行的HTML5框架，个人意见，仅供参考。
（1）MUI
网址： http://dev.dcloud.net.cn/mui/
优点：MUI是数字dclound推出的一款流行框架，个人感觉,这是目前最好的 ...
基于 HTML5 WebGL 的 水泥工厂可视化系统
前言
如今的制造行业，基于数据进行生产策略制定与管理已经成为一种趋势，特别是 工业4.0 的浪潮下，数据战略已经成为很多制造企业的优先战略，而数据可视化以更直观的方式，帮助指导决策，成为数据分析传递信息的重要工具。通过数据可视化系统助力实现数据驱动的工业世界，为 工业4.0&n ...
HTML5表单详解
input
1、type = “file”时，form标签要添加 enctype = "multipart/form-data"
2、含有required时，但是form有novalidate，那么required不会生效
3、含有required时，submit提交按钮含有formnovalidate属性，那么reuired不会生效
4、含有autofocus时，刷新页面时自动聚焦到该文本框上
5、含有autocomplete时 ...
基于 HTML5 WebGL 的楼宇智能化集成系统（一）
前言
随着现代通信技术、计算机技术、控制技术的飞速发展，智能建筑已经成为现代建筑发展的主流。智能建筑是以建筑物为平台，兼备信息设施系统、信息化应用系统、建筑设备管理系统、公共安全系统等。集结构、系统、服务、管理及其优化组合为一体，向人们提供一个安全、高效、便携、节能、环保、健康的 ...
基于 HTML5 Canvas 的拓扑组件 ToolTip 应用
前言
ToolTip 效果是网页制作中常见的使用特效。当用户将鼠标悬浮在某个控件上时，ToolTip 显示并向用户展示相应的提示信息；当鼠标离开时，ToolTip 隐藏。一般情况下，我们使用 ToolTip 只是显示一句话或几个字，其实我们还可以展示很多信息。而今天的重点则是通过 Hightopo 的 HT for Web 产品 ...
基于 HTML5 WebGL 与 GIS 的智慧机场大数据可视化分析
前言：大数据，人工智能，工业物联网，5G 已经或者正在潜移默化地改变着我们的生活。在信息技术快速发展的时代，谁能抓住数据的核心，利用有效的方法对数据做数据挖掘和数据分析，从数据中发现趋势，谁就能做到精准控制，实时分析，有的放矢，从而获取更快速、更平稳、更长远地发展。在航空领域，机场、航班和航线信息是至 ...
基于 HTML5 WebGL 的发动机 3D 可视化系统
前言
工业机械产品大多体积庞大、运输成本高，在参加行业展会或向海外客户销售时，如果没有实物展示，仅凭静态、简单的图片说明书介绍，无法让客户全面了解产品，不仅工作人员制作麻烦，客户看得也费力。如果能在 Web 上做 3D 设备展示，销售人员可以不限平台随时给客户介绍演示。还可以不受现实条件限制，演示设备拆分和组 ...
HTML5使用纯CSS实现“按比例平分”整个垂直空间
目录HTML5使用纯CSS实现“按比例平分”整个垂直空间需求要求1. 必须使用纯CSS2. 不能使用Table布局3. 不能写死元素的高度解决方案有效方案2: display: flex + overflow: auto;+ height:100%;有效方案1: display: flex + overflow: auto;+ position:fixed;垂直平分的方案:display: flex+flex参考资料
HTML5使用纯CSS实现“按 ...
HTML5
HTML
1.HTML与xhtml区别
DOCTYPE文档及编码
元素大小写
属性布尔值
属性引号
图片的alt属性
单标签写法
双标签闭合
2.strong与b、em与i
表现形态都是 文本加粗 和 文本斜体
区别：是否具备语义化 （strong和em表示强调）
3.引用标签
blockquote:引用大段的段落解释
q:引用小段的短语解释
abbr:缩写或首字母缩略词
addr ...
HTML5调用摄像头录制视频
HTML5调用摄像头录制视频不支持ie，ie下不支持webrtc，无法使用navigator.getUserMedia调用摄像头
<!DOCTYPE html>
<html>
<head>
<title>video recoder</title>
<script src="fileSaver.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
...
