Web前端可视化绘图软件编辑器-汇总_web前端可视化绘图软件编辑器-汇总_前端可视化编辑器_it博客技术分享的博客-csdn

用户33914928060
162 阅读6分钟

JavaScript

  • js的基本类型有哪些？引用类型有哪些？null和undefined的区别。

  • 如何判断一个变量是Array类型？如何判断一个变量是Number类型？（都不止一种）

  • Object是引用类型嘛？引用类型和基本类型有什么区别？哪个是存在堆哪一个是存在栈上面的？

  • JS常见的dom操作api

  • 解释一下事件冒泡和事件捕获

  • 事件委托（手写例子），事件冒泡和捕获，如何阻止冒泡？如何组织默认事件？

  • 对闭包的理解？什么时候构成闭包？闭包的实现方法？闭包的优缺点？

  • this有哪些使用场景？跟C,Java中的this有什么区别？如何改变this的值？

  • call，apply，bind

  • 显示原型和隐式原型，手绘原型链，原型链是什么？为什么要有原型链

  • 创建对象的多种方式

  • 实现继承的多种方式和优缺点

  • new 一个对象具体做了什么

  • 手写Ajax，XMLHttpRequest

  • 变量提升

  • 举例说明一个匿名函数的典型用例

  • 指出JS的宿主对象和原生对象的区别，为什么扩展JS内置对象不是好的做法？有哪些内置对象和内置函数？

  • attribute和property的区别

  • document load和document DOMContentLoaded两个事件的区别

  • JS代码调试

开源分享：docs.qq.com/doc/DSmRnRG…

github:github.com/jgraph/draw… 

社区博客：Blog - draw.io

效果：

 4.HT-2D/3D

演示demo：HT Editor

全部demo：图扑软件 - 构建先进 2D 和 3D 可视化所需要的一切

 
github：图扑软件

社区博客：图扑软件 - 数据可视化博客

效果：

3D地铁站台：

   2D电力相关：

5.3D可视化楼宇管理：
介绍：3D可视化楼宇管理系统，实时监测楼宇相关的各方面的数据。提到工业互联网往往会涉及：物联网、IoT、5G、数字孪生、边缘计算、PaaS平台、SaaS应用、产业互联网、互联网+、工业4.0、智慧城市、智慧园区、智慧楼宇、智能制造等概念，但本文将围绕可视化的话题，围绕更基础的 HTML5/WebGL/WebVR 等底层技术，我们觉得业界还没达到智能化、平台化的成熟阶段，走得太快即使是 GE Predix 也会从明星变流星，了解垂直行业需求，采集足够多有效数据，做好实时的、稳定的、美观的、Web 化的 2D 和 3D 数据可视化呈现，是工业互联网需要走好的第一步。

演示demo:www.hightopo.com/demo/ht-sma…

github：图扑软件

效果：

6、前端设计Mqtt（订阅、发布）

参考：github.com/UsrIot/usrC…

7.OSHMI

效果：

介绍：适用于变电站，物联网和自动化应用的移动和云友好型SCADA HMI。

github:github.com/riclolsen/O… 

官网：OSHMI Open Substation HMI 

 博客：ricolsen1supervc.wordpress.com（被墙）

 图形参考来源1：Industry Vectors, Photos and PSD files | Free Download

8.HslControls控件库

效果：

介绍：HslControls是一个工业物联网的控件库，基于C#开发，配套HslCommunication组件可以实现工业上位机软件的快速开发，支持常用的工业图形化控件，快速的集成界面开发。 主要包含了按钮，开关，进度条，信号灯，数码管，时钟，曲线显示控件，仪表盘控件，管道控件，瓶子控件，饼图控件，传送带控件，温度计控件，鼓风机控件，阀门控件，电池控件等等。

开发语言：c#

github：github.com/dathlin/Hsl… 

 博客：HslCommunication组件库使用说明 - dathlin - 博客园

注意：前端主要是JavaScript语言开发，c#我也不懂，只是做参考，看看人家的思路啥的。

9.VUE组态-支持拖动

效果：

介绍：个人基于vue+quasar的web组态，核心代码基于vue，quasar仅仅是为了方便构建
github预览访问如下地址：WebTopo

demo：WebTopo

github：github.com/phynos/WebT…

博客：https://bloggithub.com/phynos/WebT….csdn.net/lpch1987/ar…

10.WTScada HTML5组态百软度件

效果：

介绍：基于HT框架的web组态软件，HTML5技术，道在线专组态运属行.

demo：WTScada组态软件

github：暂无

11、WebGL
介绍：WebGL是目前最为流行的3D绘图协议

12、WVGL
介绍：V虚拟现实行业

参考文章： 
1.基于web组态软件 关于组态软件的设计与开发

2.组态软件认识

成功案例（公司）：
智雨物联：工业物联网平台 www.krmes.com 采用H5技术 数据采用websocket 无需任何回插件 真正的网页组态 支持多种协议 还有丰富的图形设答计库。

上海迅饶：基于HTML5规范的组态软件。配合本公司组态网关(如HMI-2004-A9)或楼控触摸屏等，实现现场数据采集，并直接转为组态画面进行数据实时监控。具有常规通用组态操作方便的特性，另外具有触摸屏组态软件可以运行在嵌入式系统上的特性。比起其它组态软件，最大的亮点是完全基于WEB开发，用户创建的组态工程，可以下载到硬件上运行。智能手机、iPad或者PC可以通过浏览器访问，特别适合应用在BA、智能家居等场合。

图扑旗下：图扑 WEB 组态软件，2D和3D都有。

iNeuOS：工业物联网平来台自，实现从设备&PLC、云平百台、移度动APP数据链路问闭环。

刷面试题

刷题的重要性，不用多说。对于应届生或工作年限不长的人来说，刷面试题一方面能够尽可能地快速自己对某个技术点的理解，另一方面在面试时，有一定几率被问到相同或相似题，另外或多或少也能够为自己面试增加一些自信心，可见适当的刷题是很有必要的。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  • 前端字节跳动真题解析

  • 【269页】前端大厂面试题宝典

最后平时要进行自我分析与评价，做好职业规划，不断摸索，提高自己的编程能力和抽象思维能力。大厂面试远没有我们想的那么困难，摆好心态，做好准备，你也可以的。

avatar
文章
阅读
粉丝