前言 文字是网页中最基本的元素，一般我们在网页上都是展示的静态文字，但是就效果来说，还是比较枯燥的。文字淡入淡出的动画效果在项目中非常实用，如果有某些关键的文字，可以通过这种动态的效果来提醒用户阅读。 动态效果图 http://www.hightopo.com/demo/...这个 Demo 是不断 ...
分类：
Web程序 时间：
2020-05-02 09:39:04
阅读次数：
71
WebSocket协议是基于TCP的一种新的网络协议。WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术。依靠这种技术可以实现客户端和服务器端的长连接，双向实时通信。 WebSocket最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息， ...
分类：
Web程序 时间：
2020-05-02 00:20:05
阅读次数：
82
二：Canvas的绘图（上） 1. 概述 Canvas具有强大的绘图功能，可以通过Javascript控制其上下文对象进行绘图。 2. 基本矩形 在Canvas上，绘制基本矩形有三种方式：填充、描边、清楚。三种API如下： fillRect(x,y,width,height); 在位置（x,y）处以 ...
分类：
Web程序 时间：
2020-05-01 11:07:59
阅读次数：
63
在前端页面开发过程中偶尔会有需要对数据进行相应的数学模型展示，或者地理位置的动态展示，可能就会想到用canvas，网上有很多已经集成好的，比如说类似echarts,确实功能非常强大，而且用到了canvas，所以对canvas的使用研究了以下，做一下总结，方便复习。1.利用canvas画一条线：首先， ...
分类：
Web程序 时间：
2020-05-01 10:56:08
阅读次数：
68
三：Canvas的绘图（下） 1. 在画布上的合成 合成是指如何精细控制画布上对象的透明度和分层效果。有两个属性可以控制合成操作： globalAlpha globalAlpha Canvas属性用来表示透明度，它的默认值为1.0（完全不透明），并且可以设置从0.0到1.0的值，这项Canvas属性 ...
分类：
Web程序 时间：
2020-05-01 01:33:37
阅读次数：
87
首先先看一下原生HTML5 video对字幕的支持显示情况: <track>元素 HTML5允许我们使用<track>元素为视频指定字幕。这个元素的各种属性允许我们指定这样的东西，比如我们添加的内容的类型，它所在的语言，当然还有对包含实际字幕信息的文本文件的引用。 <video id="video" ...
分类：
Web程序 时间：
2020-04-30 23:30:02
阅读次数：
91
前言 智能监控的领域已经涉及到了各大领域，工控、电信、电力、轨道交通、航天航空等等，为了减少人员的消耗，监控系统必不可少。之前我写过一篇 2D 的智能地铁监控系统广受好评，突然觉得，既然 2D 的这么受欢迎，那么 3D 的需求量肯定也是非常大的，3D 毕竟比 2D 来说还是更直观一些，于是有了这个例 ...
分类：
Web程序 时间：
2020-04-30 15:53:39
阅读次数：
116
DevExtreme拥有高性能的HTML5 / JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NET Core，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NET Core或Vue，De ...
分类：
Web程序 时间：
2020-04-30 11:32:15
阅读次数：
82
添加水印的思路 1. 通过动态添加水印的 ，平铺在页面上，给 的`point event none`，添加一个透明度就可以了，这种实现比较简单，但是效果可能不是很好。 2. 通过 绘制对应的水印图形以及文字，然后转成 编码的地址，附加在需要添加水印的页面的根元素上，作为背景图。 第二种思路的实现如下 ...
分类：
Web程序 时间：
2020-04-30 11:14:06
阅读次数：
228
1.html （1）html5新特性有哪些，使用新特性可以解决目前哪些问题。 这篇文章讲的很详细也很长 ① 语义特性（Semantic） ② 本地存储特性（OFFLINE & STORAGE） ③ 设备访问特性 (DEVICE ACCESS) ④ 连接特性（CONNECTIVITY） ⑤ 网页多媒体 ...
分类：
其他好文 时间：
2020-04-30 09:52:37
阅读次数：
68
