框架代码开发可视化应用难易程度

怎么讲呢？在小编看来做技术的同学真心都很难，一天不停敲代码，敲到两眼发黑，昏天黑地，终于搞定还要各种修复bug。这是技术人员的真是写照。讲真，如果想要做可视化应用，不用开发平台你会更难。而thingjs提供框架代码服务，什么意思呢？thingjs平台基于基于 HTML5 和 WebGL 技术，只需要基本的 Javascript 开发经验即可上手，为可视化应用提供了简单、丰富的功能，场景加载、分层级浏览，对象访问、搜索、以及对象的多种控制方式和丰富的效果展示，可以通过绑定事件进行各种交互操作，还提供了摄像机视角控制、点线面效果、温湿度云图、界面数据展示、粒子效果等各种可视化功能。难度十颗星的话，三星足矣。

在线开发

在线编辑器支持自动拼写，输入一个字符（串），若存在该字符（串），则编辑器将出现所匹配的内容，点击选择所需代码，如下图所示：

编辑区域内右键可调出快捷工具菜单，按下鼠标右键，点击选择下图所示的工具：

快捷键操作如下表所示；

快捷键快捷键说明

Ctrl + F查找

Ctrl + H查找替换

Ctrl + [  、 Ctrl + ]代码行缩进

Ctrl + C复制当前选中内容

Ctrl + X剪切当前选中内容

Ctrl + V在光标处插入剪贴板的内容，并替换任何所选内容，只有在剪切或复制了内容之后，才能使用此快捷键

Shift + Alt + F代码格式化

Alt + Up  、 Alt + Down上下移动一行

Alt + Shift + 鼠标左键多行编辑（列编辑）（鼠标右键更改所有匹配项）

Ctrl + Delete删除光标右侧的所有字

Ctrl + U回退上一个光标操作

Ctrl + K后Ctrl + 0折叠所有区域代码

Ctrl + K后Ctrl + J展开所有折叠区域代码

选中注释代码块 Ctrl+ /代码块注释

Home移动到行首

End移动到行尾

Ctrl + F12转到定义

Alt + F12速览定义

Shift + F12查找所有定义

Ctrl + End移动到文件结尾

Ctrl + Home移动到文件开头

Ctrl + Shift + Enter在当前行上方插入一行

编辑器内按下 F1 键，调出快捷功能列表，用户可按需选择下图所示的功能：

在线编辑器支持插入常用代码块，降低学习门槛。将鼠标移至菜单栏中“快捷代码”或者点击工具栏“快捷代码”图标（

）,将出现常用代码块，点击快捷代码按钮，则可在编辑器中插入对应功能的代码。

为方便用户开发，在线开发环境提供了资源引用的快捷入口。如引用“模板资源”步骤下：

点击工具栏“模型”图标（

）

在出现的模型资源面板中双击要引用的模型

编辑器区域快速插入相应代码

点击工具栏“执行项目”图标（

），模型将出现在右侧3D容器内的场景中

其他资源引用操作详见 在线开发 - 菜单导航 - 资源管理

有了框架代码，不需要工程师耗费很多精力敲代码，通过简单拖拽，写一些简短代码就行了，墙裂建议大家在thingjs上试一下才知道可用否。