HTML5入门
HTML5的初步认识
一、HTML5的初步认识
关于html5的一些历史可以通过这篇博客了解：https://www.cnblogs.com/fly_dragon/archive/2012/05/22/2513716.html
1.为HTML5建立的一些规则：
新特性应该基于HTML、CSS、DOM以及JavaScript
减少对外部插件的需求（比如flash）
更优秀的错误处理
更多取代脚本的标记
HTML5应 ...
Vue使用vue-html5-editor的 富文本编辑器
最近由于工作的需求，需要在后台管理界面中，添加一个富文本编辑器。
富文本编辑器，我们之前用过百度的ueditor，在传统模式开发的时候还是很方便的，可以很便利的进行内容编辑，然后获取到编辑内容的信息
百度的ueditor地址：
https://ueditor.baidu.com/website/
但是这次是要整合一个vue的，还没有这么搞 ...
基于 HTML5 Canvas 的可交互旋钮组件
前言
此次的 Demo 效果如下：
Demo 链接：https://hightopo.com/demo/comp-knob/
整体思路
组件参数
绘制旋钮
绘制刻度
绘制指针
绘制标尺
绘制文本
交互效果
1.组件参数
以下是下文会使用到的部分变量，在此先贴出来
var origin, // 原点
percent, // 显示刻度占总刻度的百分比
partAngle, // 每个刻 ...
聊聊HTML5中的Web Notification桌面通知
有的时候我们会在桌面右下角看到这样的提示：
这种桌面提示是HTML5新增的 Web Push Notifications 技术。
Web Notifications 技术使页面可以发出通知，通知将被显示在页面之外的系统层面上。能够为用户提供更好的体验，即使用户忙于其他工作时也可以收到来自页面的消息通知，例如一个新邮件的提醒，或者一个在线聊天室收到 ...
HTML5 API
第 14 章 HTML5 API
HTML5是用于创建网页的超文本标记语言的最新版本。目前最新的版本号为5.1,于2016年11月 成为了W3C的推荐标准。HTML5给规范添加了大量的新功能。还超越了实际的标记语言，带来 了很多相关的技术，比如CSS和JavaScript。我们在第10章介绍表单验证的时候，已经看到了一 些新的表单控件以及校验表单的API。 ...
html5十个新特性
HTML5十个新特性
（一） 语义标签（语义化标签 为页面提供了更好的页面结构。）
HTML5的语义化标签包括：
<section> - 代表文档中的一段或者一节；
<nav> - 用于构建导航；
<article> - 表示文档、页面、应用程序或网站中一体化的内容；
<aside> - 代表与页面内容相关、有别于主要内容的部分；
<hgroup> - ...
基于 HTML5 WebGL 的民航客机飞行监控系统
前言
前些日子出差，在飞机上看到头顶的监控面板，除了播放电视剧和广告之外，还会时不时的切换到一个飞机航行的监控系统，不过整个监控系统让人感到有一点点的简陋，所以我就突发奇想制作了一个采用 HT for Web 的升级版监控系统，demo 的效果还行，发出来大家相互学习下。
demo(https://www.hightopo.com/demo/flight-mo ...
HTML5标签
HTML标签
HTML是标记语言，里面的所有功能都是通过标签来实现的，可以说标签就像一个个“砖块”，H5前端开发工程师就像是建筑工人，用这些“砖块”按照一定规则组合起来建造成网页。
想要造一栋HTML大楼，不了解各个标签是不行的。下面就让我们来简单认识这些常用标签。
HTML5标签总表
1、标签的简单介绍
1. ...
web框架之HTML5前端开发(python3入门)
一、简介
前端： html5+css+javaScript(js+jq+bs)
h5 不擅长 应用程序
小程序是基于h5的封装产物
html(html有三个载体：pc端浏览器，移动端浏览器，移动端app)
*** 标签
*** 层级关系
css
*** 样式
*** 选择器 (通过css来控制html，就是用选择器来建立这个控制的桥梁)
*** 布局
二、了解h5
标签：被<>包裹， ...
HTML5(H5)
一.什么是H5
HTML5的第五个版本（h5一般是指移动版的开发）
二.h5新增属性：（1）placeholden(文本框的样式设计，默认值)
<input type="text" placeholder="请设置用户名">
<input type="password" placeholder="请输入密码">
<input type="text" value="请设置用户名">
...
HTML5 meta 属性整理
<!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 -->
<html lang="zh-cmn-Hans"> <!--
1. 简体中文页面：html lang=zh-cmn-Hans2. 繁体中文页面：html lang=zh-cmn-Hant3. 英语页面：html lang=en
4. 《回来》的音频，以国语演唱：audio lang=zh-cmn5. 《海阔天空》的音频，以粤语演唱：audio lang=yue6. 《进来 ...
HTML5新增的表单验证功能
一、HTML5表单的特点：
HTML5 表单增加了许多内置的控件和控件属性
XHTML 中需要放在 form 之中的诸如 input/button/select/textarea 等标签元素，在 HTML 5 中完全可以放在页面任何位置，并通过新增的 form 属性指向元素所属表单的 ID 值，即可关联起来。
二、HTML5新增的控件类型：
email输入 ...
HTML5（12） 实时通讯WebSocket
一、WebSocket
1、概述
WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。
WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。
HTML5 ...
Html5 + Websocket 实现的Web聊天（可群聊）
扯淡的前情提要（赶时间的小伙伴直接ctrl+f“正文”，开始阅读）
最近公司业务需要上一个在线聊天的功能，老板说“这个应该不难吧，用户那边需求挺大，我们15号（一周后）给它上线吧”，我。。。心理虽然慌的一批，但是老板第一次直接给工作，要留个好印象呐，得当个有情商的码农是吧。结果情商拉满的瞬间，智商就没了，一 ...
使用html5 canvas绘制圆形或弧线
内容目录
使用canvas绘制弧线
使用canvas绘制圆形
在html5中，CanvasRenderingContext2D对象也提供了专门用于绘制圆形或弧线的方法，请参考以下属性和方法介绍：
arc(x, y, radius, startRad, endRad, anticlockwise)
在canvas画布上绘制以坐标点 (x,y)为圆心、半径为 radius的圆上的一段弧线。这段弧线的起 ...
html5中的拖拽功能
拖拽元素支持的事件
ondrag 应用于拖拽元素，整个拖拽过程都会调用
ondragstart 应用于拖拽元素，当拖拽开始时调用
ondragleave 应用于拖拽元素，当鼠标离开拖拽元素是调用
ondragend 应用于拖拽元素，当拖拽结束时调用
目标元素支持的事件
ondragenter 应用于目标元素，当拖拽元素进入时调用
...
HTML5 iFrame
定义和用法
iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。
提示和注释：
提示：您可以把需要的文本放置在 <iframe> 和 </iframe> 之间，这样就可以应对无法理解 iframe 的浏览器。
属性
new : HTML5 中的新属性。
属性值描述
align
left
right
top
middle
bottom
不赞成使用。请使用样 ...
记录vue用 html5+做移动APP 用barcode做扫一扫功能时安卓 的bug(黑屏、错位等等)和解决方法
最近做项目时，要用到扫一扫二维码的功能，在html5+里面有提供barcode功能，于是照过来用了，
写的代码如下 ：
扫码页面：
<style lang="less" scoped>
#camera {
height: 100%;
width: 100%;
.van-icon {
top: -2px;
font-size: 30px;
color: #fff;
&.back {
left: 10px;
}
&.light ...
HTML5中的SSE（服务器推送技术）
本文原链接：https://cloud.tencent.com/developer/article/1194063
SSE技术详解：一种全新的HTML5服务器推送事件技术
前言
概述
基本介绍
与WebSocket的比较
SSE（Server-sent Events）在HTML 5中的技术规范和定义
SSE实战示例：服务器端和浏览器端实现
IE上的兼容性问题
结束语
参考资料
前言
一般来说，Web端即时通 ...
HTML5 WebSocket
一、HTTP协议
传统的HTTP协议是无状态的，每次请求（request）都要由客户端（如 浏览器）主动发起，服务端进行处理后返回response结果，而服务端很难主动向客户端发送数据；
这种客户端是主动方，服务端是被动方的传统Web模式。 对于信息变化不频繁的Web应用来说造成的麻烦较小，而对于涉及实时信息的Web应用却带来了很 ...
