HTML5视频监控技术预研
引言
安防类项目中通常都有视频监控方面的需求。视频监控客户端主要是Native应用的形式，在Web端需要利用NPAPI、ActiveX之类的插件技术实现。
但是，IE式微，Chrome也放弃了NPAPI，另一方面，监控设备硬件厂商的视频输出格式则逐渐标准化。这…
阅读全文
7 years ago
7
5
Framework7知识集锦
常见问题
注意点
- 从页面A导航到B，导航后，A的DOM保留；回退后，B的DOM默认移除
- 页面回调、事件中均可以访问页面数据，这意味着页面已经解析完毕，如果使用Template7模板，此时模板已经转换为目标HTML。因此尝试在页面回调、事件中为Template7模…
8 years ago
0
1
Framework7学习笔记（三）：高级
Template7
Template7是一个移动优先（mobile-first）的模板引擎，其使用Handlebars风格的语法。
T7非常轻量，速度很快。F7已经内置T7，无需包含额外的JS文件。T7也可以单独使用。
使用T7时，性能瓶颈会出现在编译阶段——把字符串编译为纯粹的J…
阅读全文
8 years ago
0
Framework7学习笔记（二）：组件
导航栏和工具栏
为F7应用添加导航栏和工具栏之前，需要决定使用何种导航/工具栏布局。F7支持三种导航/工具栏布局。
导航/工具栏的布局类型
“静态”布局
这是最少使用的一种布局，使用该布局时，导航/工具栏随着页面滚动，它们仅仅是页面的一部分，每个页面拥有自己的导航…
阅读全文
8 years ago
1
基于AngularJS开发Web应用
AngularJS简介
AngularJS是用于创建动态Web应用的框架，它为克服HTML语言的缺点而生。
HTML能够很好的声明静态文档，灵活的进行页面布局。但是，它缺乏声明动态视图的能力。为了解决这一问题，前些年的Web开发，通常采用以下的技术手段：
- 基于服…
8 years ago
0
10
Framework7学习笔记（一）：基础
Framework7简介
Framework7（以下简称F7）是用于开发具有iOS/Android原生外观的混合移动应用/Web应用的开源框架，同时它也可以作为快速原型工具使用。F7完全基于Web技术——HTML、CSS、JavaScript。
F7简单易用，…
阅读全文
8 years ago
0
HTML5学习笔记
相对HTML4的变化
文档声明
HTML5文件的扩展名仍然是html或者htm，内容类型仍然是text/html，但是文档类型、编码格式等信息的声明有所简化：
|
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <!-- HTML DocType声明--> <html lang="en"> <head> <meta charset="UTF-8"><!-- 编码格式声明，推荐UTF-8 --> <title>HTML5 Study</title> </head> <body> <!-- body元素可以省略 --> </body> </html> |
语法
HTML5在语法方面充分考虑了对HTML4的兼容性，以及便利性。
标记的省略
| 类型 | 说明 |
| 不允许结束标记 | 这类元素不得书写结束标记，仅支持 <br/> 或者 <br> 的形式。大部分不包含文本节点的元素在此类中，例如img、br、input、link、meta、param等 |
| 可选结束标记 | 结束标记可有可无，均合法。例如p、li、option、t… |
13 years ago
0
HTML知识集锦
常用代码片段
HTML Head标签
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<!-- 内容类型声明 --> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!--样式表--> <style type="text/css"> <!-- body { margin: 0; padding: 0; } --> </style> <!--外联样式表--> <link rel="stylesheet" type="text/css" href="style.css" /> |
嵌入Flash影片
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<object id="FlashID" width="50" height="50" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> <param name="movie" value="flash-file.swf" /> <param name="quality" value="high" /> <param name="wmode" value="transparent" /> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="flash-file.swf" width="50" height="50"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="transparent" /> <!--[if !IE]>--> </object> <!--<![endif]--> |
内容安全策略（CSP，Content Security Policy）是一个附加的安全层，用于帮助检测和缓解某些类型的攻击，包括跨站脚本（XSS）和数据注入等攻击。
使用标签 属性的格式为：
策略指令
使用策略指令可以在多种策略范围配置安全策略：
| 策略指令 | 说明 |
| default-src | 定义了那些没有被更精确指令指定的安全策略，相当… |
20 years ago
0