- 博客(149)
- 资源 (67)
- 问答 (1)
- 收藏
- 关注
RSS订阅转载 关于首次创作的一些建议
很多小伙伴没有发布过博客，会不知道写什么，没有创作方向，很多时候会在编辑写作页面，犹豫好久，又放弃了。今天就给大家一些首篇创作的建议。首篇创作方向的选择如果你是一位刚接触IT技术的学生，那第一篇可以是你的作业，为什么说选择作业来开始第一篇呢？因为作业是你嘴熟悉的，而且有很重要的一点，代码是要写出来的。看着书上或者老师教学视频中的代码很简单，但是让你去自己写，自己实现功能的时候，往往会有点BUG，所以要写出来，要多联系，博客可以作为记录你成长的第一步。如果你是一位刚入职的新人，那第一篇可以是你
2022-05-23 18:24:28
147
1
原创 如何在CSDN写一篇高阅读量的文章
很多用户反馈自己写的博文没有流量，阅读的人很少，曝光的量也很少，今天给这些小伙伴介绍一点创作思路为什么我的博客曝光量很少这个问题涵盖的很广，文章的质量、标题与简介的差别、文章的分类等等都会影响博客的曝光很多人会吐槽，我很用心的写了，我写的也都是技术文章，为什么我写的东西没人看？也没人和我交流，我还要不要接着写了呢那你有没有想过一个问题，那就是：大多数浏览博文的用户，并不想看你写的这些东西，苹果虽然很好，但是我现在只是想吃一个香蕉如何贴合时下的热点不管你是已经创作很久但是一直没有一些爆
2022-05-05 11:19:09
1050
原创 打卡创作挑战赛，发文抽奖玩不停
活动对象未公开发表过博客的用户及近30天内发表博客的用户如何参与1、注册CSDN账号并实名认证，点击注册，已注册并实名可跳过。2、点击报名→新人创作打卡3、加入新人打卡活动官方微信群4、点击页面右上角创作按钮进入创作中心，选择Markdown编辑器或者富文本编辑器，开始创作5、每周成功发布两篇博客即为打卡成功活动规则：1、题目自拟2、文章内容不限技术领域，内容积极向上，字数不少于500字（不包含代码）；3、打卡活动分为4周时间，在活动的任意一周时间内...
2022-04-07 11:20:20
694
原创 用户体验之发文体验
我们都要 “吃自己的狗食”， 把自己的产品用起来， 报自己产品的bug， 让博客写作做到让你满意，你才可能真心去推广这个产品， 做活动， 不然自己心都是虚的本文开头引用了一段话，当最近重新开始发文的时候抱着的是完成临时小任务的心态，但是当听到这一段话的时候，突然有一种新的视角来看待一些问题创作环境编辑器：Markdown之所以没有用富文本，是因为Markdown的选项正好是第一个，那就从Markdown开始吧居中按钮与投票位置第一个问题想吐槽没有居中按钮，不方便我使用，然后又突然想.
2022-03-25 15:47:31
669
3
原创 浅谈活动运营
活动运营分为线上活动运营和线下活动运营。但不管是线上或者线下，都能通过下面几个步骤完成活动运营的工作。一、活动策划活动目的为什么要做活动？做活动的目的是什么？是吸引新用户？活跃老用户？提高转化率？还是其它目的？目的不一样，活动运营的方向自然不一样，比如同样是博客创作活动，对于老用户来说，流量、提升知名度，扩充自己的粉丝群体更有吸引力，而对于新用户，如何写一篇有爆点的文章，如何把自己想分享的内容表达出来，如果得到认可则更加有吸引力。活动形式确立活动目的后，我们就需要确定活动的参与形式了，一般博客征
2022-03-23 14:15:46
443
原创 [置顶] 基于HTML5 Canvas 实现商场监控
伴随国内经济的高速发展，人们对安全的要求越来越高。为了防止下列情况的发生，您需要考虑安装安防系统：提供证据与线索：很多工厂银行发生偷盗或者事故相关机关可以根据录像信息侦破案件，这个是非常重要的一个线索。还有一些纠纷或事故，也可以通过录像很容易找出相关人员的责任。人防成本高：现在很多地方想到安全就想到要雇佣保安，每个保安每个月800，每天 3班倒，一班人员一年就需要将近4万元，相比于电子...
2018-01-09 11:17:14
1003
3
原创 [置顶] 基于HTML5 Canvas的工控SCADA模拟飞机飞行
昨天看到一篇文章说是学习如何开飞机的，然后我就想，如果我也可以开飞机那就好玩了，每个人小时候都想做飞行员！中国飞行员太难当了，再说也不轻易让你开飞机！后来我就想如果能用 HT 开飞机那就是真的有趣了，哈哈，这个实现的效果还是很不错的，可以让你满足一下开飞机的虚荣心Demo 地址： http://hightopo.com/guide/guide/plugin/obj/examples/examp
2018-01-09 11:17:00
594
2
原创 [置顶] 基于HTML5 WebGL实现 json工控风机叶轮旋转
突然有个想法，如果能把一些用到不同的知识点放到同一个界面上，并且放到一个盒子里，这样我如果要看什么东西就可以很直接显示出来，而且这个盒子一定要能打开。我用HT实现了我的想法，代码一百多行，这么少的代码能实现这种效果我觉得还是牛的。demo地址： http://www.hightopo.com/demo/Wall3D/index.html先来看看效果图： 这个例子最基础的就是最外层的盒子
2018-01-09 11:16:53
378
2
原创 [置顶] 基于HTML5 Canvas 实现弹出框
用户鼠标移入时，有弹出框出现，这样的需求很常见。这在处理HTML元素实现时简单，但是如果是对HTML5 Canvas 构成的图形进行处理，这种方法不再适用，因为Canvas使用的是另外一套机制，无论在Canvas上绘制多少图形，Canvas都是一个整体。而图形本身实际都是Canvas的一部分，不可单独获取，所以也就无法直接给某个图形增加JavaScript事件。然而，在HT for Web中，这种
2018-01-09 11:16:47
1566
原创 [置顶] 基于HTML5 Canvas实现用户交互
很多人都有这样的疑问，基于HTML5 Canvas实现的元素怎么和用户进行交互？在这里我们用到HT for Web（http://www.hightopo.com/guide/guide/core/beginners/ht-beginners-guide.html）写了个Demo进行示例。 场景如下所示，在该场景中双击温度和湿度下的Node，会生成输入框供用户填写内容，这之后，用户按下“
2018-01-09 11:16:41
2940
原创 [置顶] 基于HTML5快速搭建TP-LINK电信拓扑设备面板
今天我们以真实的TP-LINK设备面板为模型，完成设备面板的搭建，和指示灯的闪烁和图元流动。 先来目睹下最终的实现效果：http://www.hightopo.com/demo/blog_tplink_20170511/index.html 1、TP-LINK面板 我们从TP-LINK的设备面板开始，设备面板的示意图如下：
2018-01-09 11:16:35
429
原创 [置顶] HTML5 技术在风电、光伏等新能源领域的应用
随着新一轮工业革命兴起，应对气候变化日益成为全球共识，能源技术正在成为引领能源产业变革、实现创新驱动发展的源动力。从全球到中国，以风能、光伏发电为代表的新能源产业发展迅速，可再生能源发电与现代电网的融合成为了世界能源可持续转型的核心，发电技术继续沿着大规模、高效率和低成本方向持续进步，中国在风能和光伏发电领域的累计装机量和新增装机量已经跃居世界首位。相比传统能源稳定、可控的生产方式，风能、太阳
2018-01-09 11:16:29
600
原创 [置顶] 电信网络拓扑图自动布局之曲线布局
在前面《电信网络拓扑图自动布局之总线》一文中，我们重点介绍了自定义 EdgeType 的使用，概括了实现总线效果的设计思路，那么今天话题是基于 HT for Web 的曲线布局（ShapeLayout）。ShapeLayout 从字面上的意思理解，就是根据曲线路径来布局节点，省去手动布局节点的繁琐操作，还能保证平滑整齐地排布，这是手动调整很难做到的。ShapeLayout 结合前面提到的总线，
2018-01-09 11:16:15
656
原创 [置顶] 电信网络拓扑图自动布局之总线
在前面《电信网络拓扑图自动布局》一文中，我们大体介绍了 HT for Web 电信网络拓扑图自动布局的相关知识，但是都没有深入地描述各种自动布局的用法，我们今天在这边就重点介绍总线的具体实现方案。在 HT for Web 的连线手册中，有说明可以自定义连线类型，通过 ht.Default.setEdgeType(type, func, mutual) 函数定义，我们今天要描述的总线也是通过这样
2018-01-09 11:16:09
390
原创 [置顶] 数百个 HTML5 例子学习 HT 图形组件 – WebGL 3D 篇
《数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇》一文让读者了解了 HT 的 2D 拓扑图组件使用，本文将对 HT 的 3D 功能做个综合性的介绍，以便初学者可快速上手使用 HT 构建例如电信网管 3D 机房应用、水务燃气 SCADA 监控应用及智能楼宇等应用场景。HT for Web 的 3D 是完全基于 WebGL 技术实现的渲染引擎，但开发者几乎不需要了解 3D 图形数学或
2018-01-09 11:16:03
877
1
原创 [置顶] 电信网络拓扑图自动布局
在电信网络拓扑图中，很经常需要用到自动布局的功能，在大数据的层级关系中，通过手工一个一个摆放位置是不太现实的，工作量是相当大的，那么就有了自动布局这个概念，来解放布局的双手，让网络拓扑图能够布局出一个优美的图案，当然在一些复杂的布局中，光有自动布局还是不行的，还是需要手工地做些相应的调整，才能让界面图案更加的完美。今天我们来聊聊电信网络拓扑图 HT for Web 在自动布局上面的相关内容。在
2018-01-09 11:15:57
1333
原创 [置顶] 基于 WebSocket 实现 WebGL 3D 拓扑图实时数据通讯同步（一）
今天没有延续上一篇讲的内容，穿插一段小插曲，WebSocket 实时数据通讯同步的问题，今天我们并不是很纯粹地讲 WebSocket 相关知识，我们通过 WebGL 3D 拓扑图来呈现一个有趣的 Demo。接下来我们就看看这个实时数据通讯是一个什么样的套路。我们先来聊聊这次 Demo 的思路吧，首先我要有一个 3D 的拓扑图组件，在上面创建几个节点，然后通过拉力布局（ForceLayout）将
2018-01-09 11:15:50
486
原创 [置顶] 基于 HTML5 的 WebGL 技术构建 3D 场景（一）
今天和大家分享的是 3D 系列之 3D 预定义模型。HT for Web 提供了多种基础类型供用户建模使用，不同于传统的 3D 建模方式，HT 的建模核心都是基于 API 的接口方式，通过 HT 预定义的图元类型和参数接口，进行设置达到三维模型的构建。接下来我们就来谈谈预定义的 3D 模型及参数设置。HT 预定义的 3D 模型有：box、sphere、cone、torus、cylinder
2018-01-09 11:15:44
779
原创 [置顶] HT for Web 中Painter的介绍及用法
鉴于许多同学对Painter不熟悉，所以撰写此文介绍下。Painter的中文意思是画家、漆工，那放到HT里是什么意思呢？很简单，这是HT特有的一种接口，允许开发者在拓扑及其它通用组件上使用Canvas画笔自由绘制内容，现在我们做个例子看一下如何使用Painter。这个例子中我们在拓扑组件的背景上绘制马赛克背景，可以在这里试玩，代码如下：gv.addBottomPainter(funct
2018-01-09 11:15:38
419
原创 [置顶] 基于HT for Web 3D 技术快速搭建设备面板
以真实设备为模型，搭建出设备面板，并实时获取设备运行参数，显示在设备面板上，这相比于纯数值的设备监控系统显得更加生动直观。今天我们就在HT for Web的3D技术上完成设备面板的搭建。我们今天模拟的设备是机房设备，先来目睹下最终效果：我来解释下这个模型，一个带有透明玻璃门的机柜，机柜里装有5台设备，门可以开合，设备可以插拔，那么我么该如何搭建这样的设备呢？方法不难，我们一步一步来。
2018-01-09 11:15:31
454
原创 [置顶] HT for Web列表和3D拓扑组件的拖拽应用
很多可视化编辑器都或多或少有一些拖拽功能，比如从一个List列表中拖拽一个节点到拓扑组件上进行建模，并且在拖拽的过程中鼠标位置下会附带一个被拖拽节点的缩略图，那么今天我们就来实现这样的拖拽效果。 首先我们需要创建一个ListView列表，在列表中加入图片信息，让List列表不那么单调，先来看看效果图。 接下来我们一步一步来是想这个ListView列表，先来解决下数据，在这
2018-01-09 11:15:25
614
1
原创 [置顶] 基于HT for Web矢量实现HTML5上传文件进度条
在HTML中，在文件上传的过程中，很多情况都是没有任何的提示，这在体验上很不好，用户都不知道到时有没有在上传、上传成功了没有，所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件上传进度条，矢量在《矢量Chart图表嵌入HTML5网络拓扑图的应用》一文中已经讲述了关于setCompType()方法的应用，今天我们用setImage()方法充分利用系统中定义好的矢量资源来实现文
2018-01-09 11:15:19
358
原创 [置顶] 扩展HT for Web之HTML5表格组件的Renderer和Editor
在HT for Web提供了一下几种常用的Editor，分别是：slider：拉条color picker：颜色选择器enum：枚举类型boolean：真假编辑器string：普通的文本编辑器除了这几种常用编辑器之外，用户还可以通过继承ht.widget.BaseItemEditor类来实现自定义编辑器。而渲染器，在HT for Web提供常用的Renderer有：
2018-01-09 11:15:12
368
原创 快速开发基于 HTML5 网络拓扑图应用--入门篇（一）
计算机网络的拓扑结构是引用拓扑学中研究与大小，形状无关的点、线关系的方法。把网络中的计算机和通信设备抽象为一个点，把传输介质抽象为一条线，由点和线组成的几何图形就是计算机网络的拓扑结构。网络的拓扑结构反映出网中各实体的结构关系，是建设计算机网络的第一步，是实现各种网络协议的基础，它对网络的性能，系统的可靠性与通信费用都有重大影响。拓扑在计算机网络中即是指连接各结点的形式与方法；在网络中的工作站和服
2018-01-09 11:15:04
4506
原创 基于 HTML5 WebGL 的 3D 场景中的灯光效果
构建 3D 的场景除了创建模型，对模型设置颜色和贴图外，还需要有灯光的效果才能更逼真的反映真实世界的场景。这个例子我觉得既美观又代表性很强，所以拿出来给大家分享一下。本例地址：http://www.hightopo.com/guide/guide/core/lighting/examples/example_flowing.html例子动图：上面场景中主要的知识点包括：3D 灯光以
2018-01-09 11:14:58
1052
1
原创 基于 HTML5 WebGL 的 3D 服务器与客户端的通信
这个例子的初衷是模拟服务器与客户端的通信，我把整个需求简化变成了今天的这个例子。3D 机房方面的模拟一般都是需要鹰眼来辅助的，这样找产品以及整个空间的概括会比较明确，在这个例子中我也加了，这篇文章就算是我对这次项目的一个总结吧。对了，这个例子我是参考一个 DEMO 来完成的，和示例中的显示有些不同，大家莫惊奇。例子链接： http://www.hightopo.com/guide/guide/
2018-01-09 11:14:51
150
原创 基于 HTML5 WebGL 的 3D 仓储管理系统
仓储管理系统（WMS）是一个实时的计算机软件系统，它能够按照运作的业务规则和运算法则，对信息、资源、行为、存货和分销运作进行更完美地管理，使其最大化满足有效产出和精确性的要求。从财务软件、进销存软件CIMS，从MRP、MRPII到ERP，代表了中国企业从粗放型管理走向集约管理的要求，竞争的激烈和对成本的要求使得管理对象表现为：整和上游、企业本身、下游一体化供应链的信息和资源。而仓库，尤其是制造业中
2018-01-09 11:14:45
1825
1
原创 基于HTML5 Canvas 点击添加 2D 3D 机柜模型
今天又返回好好地消化了一下我们的数据容器 DataModel，这里给新手做一个典型的数据模型事件处理的例子作为参考。这个例子看起来很简单，实际上结合了数据模型中非常重要的三个事件处理的部分：属性变化事件监听、选中变化事件监听以及数据模型变化事件监听。为了让这个例子具现化，我将这个简单的例子做了一点改动，下面我会一一解释。例子地址：http://hightopo.com/guide/guid
2018-01-09 11:14:39
713
原创 基于 HTML5 WebGL 的 3D “弹力”布局
分子力(molecular force)，又称分子间作用力、范得瓦耳斯力，是指分子间的相互作用。当二分子相距较远时，主要表现为吸引力，这种力主要来源于一个分子被另一个分子随时间迅速变化的电偶极矩所极化而引起的相互作用；当二分子非常接近时，则排斥力成为主要的，这是由于各分子的外层电子云开始重叠而产生的排斥作用。HT for Web 提供了弹力布局（也称为力导向布局）的功能，即根据节点之间存在互斥
2018-01-09 11:14:33
332
原创 基于HTML5的WebGL经典3D虚拟机房漫游动画
第一人称在 3D 中的用法要参考第一人称在射击游戏中的使用，第一人称射击游戏（FPS）是以第一人称视角为中心围绕枪和其他武器为基础的视频游戏类型 ; 也就是说，玩家通过主角的眼睛来体验动作。自从流派开始以来，先进的 3D 和伪 3D 图形已经对硬件发展提出了挑战，而多人游戏已经不可或缺。 Doom 的截图，这个流派的突破游戏之一，展示了第一人称射击游戏的典型视角 现在博物馆或者
2018-01-09 11:14:26
490
原创 玩转 HTML5 下 WebGL 的 3D 模型交并补
建设性的立体几何具有许多实际用途，它用于需要简单几何对象的情况下，或者数学精度很重要的地方，几乎所有的工程 CAD 软件包都使用 CSG（可以用于表示刀具切削，以及零件必须配合在一起的特征）。CSG 是 Constructive Solid Geometry 建模技术的简称，通过裁剪 subtract、融合 union 和相交 intersect 的运算，组合出复杂模型效果，HT 封装了 ht.C
2018-01-09 11:14:20
267
原创 基于HTML5 Canvas的CSG构造实体几何书架
CSG 构造实体几何这个概念在工业水利水电施工上、游戏上已经有很多人使用了，最简单的实体表示叫作体元，通常是形状简单的物体，如立方体、圆柱体、棱柱、棱锥、球体、圆锥等。根据每个软件包的不同这些体元也有所不同，在一些软件包中可以使用弯曲的物体进行 CSG 处理，在另外一些软件包中则不支持这些功能。构造物体就是将体元根据集合论的布尔逻辑组合在一起，这些运算包括：并集、交集以及补集。我们一般可以用 CS
2018-01-09 11:14:14
615
原创 基于HTML5 Canvas WebGL制作分离摩托车
工业方面制作图表，制作模型方面运用到 3d 模型是非常多的，在一个大的环境中，构建无数个相同的或者不同的模型，构建起来对于程序员来说也是一件相当头疼的事情，我们利用 HT 帮大家解决了很大的难题，无数个例子可在官网上查找到 http://hightopo.com/demos/index.html。本文 Demo 地址： http://hightopo.com/guide/guide/plugi
2018-01-09 11:14:08
336
原创 基于HTML5 Canvas的3D动态Chart图表
发现现在工业SCADA上或者电信网管方面用图表的特别多，虽然绝大部分人在图表制作方面用的是echarts，他确实好用，但是有些时候我们不能调用别的插件，这个时候就得自己写这些美丽的图表了，然而图表轻易做不成美丽的。。。看到有一个网站上在卖的图表，感觉挺好看的，就用 HT for Web 3D 做了一个小例子，挺简单的，也挺好看的，哈哈~Demo 地址： http://www.hightopo.
2018-01-09 11:14:01
536
原创 基于HTML5及WebGL开发的2D3D第一人称漫游进行碰撞检测
为了实现一个基于HTML5的场景小游戏，我采用了HT for Web来实现，短短200行代码，我就能实现用“第一人称”来操作前进后退上下左右，并且实现了碰撞检测。先来看下实现的效果： http://hightopo.com/guide/guide/core/3d/ht-3d-guide.html#ref_collision或者http://v.youku.com/v_show/id_XMz
2018-01-09 11:13:53
542
原创 基于HTML5和WebGL的碰撞测试
这是公司大神写的一个放官网上给用户学习的例子，我一开始真的不知道这是在干嘛，就只是将三个形状图元组合在一起，然后可以同时旋转、放大缩小这个三个图形，点击“Animate”就能让中间的那一个图元单独绕着某一个点旋转，表单最上方的“Axis”真的完全不知道拿来干嘛用的，觉得好累赘，而且是官网的demo，也没有解释。。。所以我今天得任务就是完全剖析这个例子！本文例子：http://www.hight
2018-01-09 11:13:47
273
原创 基于HTML5和WebGL的3D网络拓扑结构图
现在，3D模型已经用于各种不同的领域。在医疗行业使用它们制作器官的精确模型；电影行业将它们用于活动的人物、物体以及现实电影；视频游戏产业将它们作为计算机与视频游戏中的资源；在科学领域将它们作为化合物的精确模型；建筑业将它们用来展示提议的建筑物或者风景表现；工程界将它们用于设计新设备、交通工具、结构以及其它应用领域；在最近几十年，地球科学领域开始构建三维地质模型，而且3D模型经常做成动画，例如，在故
2018-01-09 11:13:41
1573
原创 基于 HTML5 的 Web SCADA 报表
背景最近在一个 SCADA 项目中遇到了在 Web 页面中展示设备报表的需求。一个完整的报表，一般包含了筛选操作区、表格、Chart、展板等多种元素，而其中的数据表格是最常用的控件。在以往的工业项目中，所有的表格看起来千篇一律，就是通过数字和简单的背景颜色变化来展示相关信息。但是现在通过各种移动 App 和 Web 应用的熏陶，人们的审美和要求都在不断提高，尤其是在 Web 项目中，还采用老式
2018-01-09 11:13:35
523
原创 基于HTML5 Canvas 实现矢量工控风机叶轮旋转
之前在拓扑上的应用都是些静态的图元，今天我们将在拓扑上设计一个会动的图元——叶轮旋转。先看看最后我们实现的效果：http://www.hightopo.com/demo/fan/index.html我们先来看下这个叶轮模型长什么样 从模型上看，这个叶轮模型有三个叶片，每一个叶片都是不规则图形，显然无法用上我们HT for Web的基础图形来拼接，那么我们该怎么做呢？很简单，
2018-01-09 11:13:28
353
原创 快速开发基于 HTML5 网络拓扑图应用
采用 HT 开发网络拓扑图非常容易，例如《入门手册》的第一个小例子麻雀虽小五脏俱全：http://www.hightopo.com/guide/guide/core/beginners/examples/example_overview.html该例子展示了如何构建两个节点、一条连线、以及一个 Group 的组合效果。结合 《数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇》可以
2018-01-09 11:13:22
612
JDK 1.9 mac 官方正式版 jdk-9_osx-x64_bin.dmg
2017-09-25
JDK1.9 官方正式版 jdk-9_solaris-sparcv9_bin.tar.gz
2017-09-25
jdk1.9 64位官方正式版 linux-x64_bin.tar
2017-09-25
SpringCloud微服务实战-翟永超-高清完整版.pdf
2017-09-13
2016年下半年系统集成真题及答案解析
2016-11-16
[CSDN技术主题月]深度学习讲师PPT合集
2016-10-20
Data Profiling and Pipeline Processing with Spark
2016-02-26
Storm技术内幕与大数据实践
2016-02-22
口碑营销
2016-01-18
VMwareWorkstationFullv12.1.0-3272444中文正式版.part5
2016-01-12
VMwareWorkstationFullv12.1.0-3272444中文正式版.part6
2016-01-12
VMwareWorkstationFullv12.1.0-3272444中文正式版.part4
2016-01-12
VMwareWorkstationFullv12.1.0-3272444中文正式版.part3
2016-01-12
VMwareWorkstationFullv12.1.0-3272444中文正式版.part2
2016-01-12
VMwareWorkstationFullv12.1.0-3272444中文正式版.part1
2016-01-12
测试测试测试测试测试测试测试测试
2016-06-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人