canvas是Html5新增的标签，是个图形容器。允许JavaScript在其区域内进行绘制。其它大小由width和height决定。 canvas的创建 <canvas id="canvas" width=800; height=600></canvas>;canvas标签只有width和heig ...
分类：
其他好文 时间：
2020-05-02 21:21:31
阅读次数：
61
jsoup是一个操纵HTML的Java库。它提供了很多便利的API，我们可以用HTML5 DOM方法和CSS选择器来获取URL，提取和操作数据。 先看一个简单的例子，新建一个Maven项目： 在项目的pom.xml文件中添加如下依赖： 确认项目下的External Libraries中包含如下jar ...
分类：
Web程序 时间：
2020-05-02 21:16:24
阅读次数：
73
前言 电信网络拓扑图确实实用性很强，最近有个项目是基于这个的，为了写得丰富一点，还加了自动布局已经属性栏部分，不过这个 Demo 真的写得很用心，稍微改改都能直接运用到项目中去，还可以进行数据交互，总之希望能对大家有所帮助。 效果图 拓扑图 从上面的效果图中我们可以看到，整个页面分为 3 个部分，左 ...
分类：
移动开发 时间：
2020-05-02 20:54:18
阅读次数：
67
本地存储localStorage 概念：window对象下面的属性,html5新增的，将5M大小的数据存储本地的浏览器上面。 浏览器支持存储5M大小 本地存储localStorage特点 本地存储属于永久存储，除非手动删除。 html5新增的,高版本的浏览器支持 目前所有的浏览器都会把localSt ...
分类：
其他好文 时间：
2020-05-02 17:20:53
阅读次数：
44
最近面试几家前端职位，想知道目前的前端面试题是偏向哪一块，都主要问到的是ES6语法，闭包，原型链，继承那一块。并且将面试题的知识点汇总一下。有助于下次面试。 1.HTML HTML5新特性，语义化 HTML5新增了许多标签<header>,<main>,<footer>,<nav><section> ...
分类：
其他好文 时间：
2020-05-02 14:47:43
阅读次数：
72
为什么弃用Html5 drag Api 之前我也用的Drag Api写了一个draggable组件，使用起来总觉得体验有点不好。 先来看有赞做的类似的拖拽UI组件，它引用的sortablejs库封装了Drag Api 1、拖拽的时候跟随鼠标的影子成为ghost，是Api自动生成的。但是由于这是一个很 ...
分类：
其他好文 时间：
2020-05-02 11:43:14
阅读次数：
80
前言 文字是网页中最基本的元素，一般我们在网页上都是展示的静态文字，但是就效果来说，还是比较枯燥的。文字淡入淡出的动画效果在项目中非常实用，如果有某些关键的文字，可以通过这种动态的效果来提醒用户阅读。 动态效果图 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
