前言 用 WebGL 渲染的 3D 机房现在也不是什么新鲜事儿了，这篇文章的主要目的是说明一下，3D 机房中的 eye 和 center 的问题，刚好在项目中用上了，好生思考了一番，最终觉得这个例子最符合我的要求，就拿来作为记录。 效果图 http://hightopo.com/demo/3DRo. ...
分类：
Web程序 时间：
2020-05-03 01:23:34
阅读次数：
85
本文同步于个人博客：https://zhoushuo.me/blog/2018/03/11/drawing-borad/ 前些天学习了HTML5的<canvas>元素，今天就来实践一下，用canvas做一个画板。 首先说一下要实现的功能： 切换画笔颜色 调整笔刷粗细 清空画布 橡皮擦擦除 撤销操作 ...
分类：
编程语言 时间：
2020-05-03 01:04:48
阅读次数：
82
本文同步于个人博客：https://zhoushuo.me/blog/2018/03/05/html5-canvas/ <canvas> 是HTML5新增的元素，可以用于绘制图形，制作照片，创建动画。<canvas> 标签只是图形容器，它没有自己的行为，必须使用脚本来绘制图形。 创建一个canvas ...
分类：
Web程序 时间：
2020-05-03 00:49:13
阅读次数：
84
前言 发现大家对于我从 json 文件中直接操作节点属性来控制界面的动态变化感到比较好奇，所以这篇就针对数据绑定以及如何使用这些绑定的数据做一篇说明，我写了一个简单的例子，基于机房工控的服务器上设备的灯闪烁现象。我们从 2d 和 3d 两个角度来分析数据绑定的问题。 效果图 2d 代码实现 其实不管 ...
分类：
Web程序 时间：
2020-05-02 22:36:15
阅读次数：
74
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
