一、简单介绍

在HT for Web的官网首页写着,构建先进2D和3D可视化所需要的一切。

是的,只要你看过官网,你就会知道,这是一个企业的、并非开源的且需要收费的框架。

因为公司的业务需要,且公司使用的3D可视化框架正是基于此框架,所以我,不得不去学习该框架的使用。

二、学习过程

1、第一阶段:

当我刚开始收到要做3D可视化开发的任务委派时,我一脸懵逼,主要对3D开发一窍不通,最重要是没有概念。既然有新的东西可以学,那就来咯。

刚开始的时候,我们前端大佬只给我一个HT for Web的官方网站,其他的也没给,我只好跟着官网提供的入门文档和示例照着看照着写,但是发现,居然出不来效果。问了下大佬,大佬才给了我一个有授权的ht.js核心文件,这才得以正常显示。(特么我。。。遇到新东西,多和前辈交流是有必要的。。。哈哈哈。。。)

虽然有官方文档,但是刚接触这类东西,也毕竟是新手一个。官网上说几个小时内即可上手,几天即可精通。可能我比较菜,照着官网学,进度比较慢。

2、第二阶段:

通过官方文档学了一阵子之后,也没学出个什么所以然,官方文档那么多,要全看完,不存在的,而且单看文档,很难学会。

终于,前端大佬给了我项目代码,TypeScript + HT + NodeJS + Webpack相结合的代码框架。于是,通过这个现有的项目,学起来比较有动力,也比较有成就感,不仅学习了HT,也顺便学习了TS,还加强了Webpack和NodeJS的使用,很不错。

在完成了前端大佬给的一个功能要求之后,得到了一个很棒的肯定:上手挺快的(哈哈哈哈,一直很相信自己的学习能力,只要认真对待,总不会错的)。

3、第三阶段:

跟着前端大佬学习了一段时间之后,慢慢地了解了框架的总体使用,2D可视化和3D可视化,也了解了3D建模的一些知识,例如,3D可视化的模型需要3D建模师导出mtl和obj的文件,才可以在HT上使用。

由于人少项目多,我也接手了一个项目【电房可视化】,前期大佬带着学,后期就全权交给我负责了。开发、部署、出差、就差和客户谈需求了。(谁让这是个外包的项目呢),客户的一些需求还是要满足的。当然,我现在的状态是,多做事我是愿意的,因为我可以学到东西。就像这次协助客户部署,也加深了自己对Nginx的使用。

(图片什么的,我先空着)

三、自我感受

毋庸置疑的一点,HT for Web是一个优秀的2D和3D可视化框架,里面的接口封装思想及设计模式值得学习。

但我个人学习之,还是因为公司业务要求,而且用这种企业且收费的框架的公司,想必一定很少,也不是我职业发展的主要学习路线。

在空余的时间仍然会继续学习目前主流的前端框架:React和Vue。

学习的路线很长,最重要的还是与人相处之道。

我馒头姐说过,不需要你技术多厉害,而是首先需要你会做事。

不把自己局限在前端领域,而是站在全栈的思想思考技术,我本来就很美。哈哈哈,错了错了,应该是我本来就不只是一个前端。。。

HT for Web框架使用心得的更多相关文章

  1. 透过HT for Web 3D看动画Easing函数本质

    http://www.hightopo.com/guide/guide/plugin/form/examples/example_easing.html 50年前的这个月诞生了BASIC这门计算机语言 ...

  2. 【原】Go语言及Web框架Beego环境无脑搭建

    本文涉及软件均以截至到2013年10月12日的最新版本为准 1. 相关软件准备: 1) go1.2rc1.windows-386.msi,对应32位windows系统安装使用 下载地址: https: ...

  3. 百度Map与HT for Web结合的GIS网络拓扑应用

    在<HT for Web整合OpenLayers实现GIS地图应用>篇中介绍了HT for Web与OpenLayers的整合,不少朋友反应国内用得比较多的还是百度地图,虽然HT整合百度地 ...

  4. HT for Web基于HTML5的图像操作(二)

    上篇介绍了HT for Web采用HTML5 Canvas的getImageData和setImageData函数,通过颜色乘积实现的染色效果,本文将再次介绍另一种更为高效的实现方式,当然要实现的功能 ...

  5. HT for Web嵌入QtWebKit的客户端解决方案

    HTML5已经足够强大,但很多应用还是需要独立桌面客户端的解决方案,毕竟能操作本地文件等功能还是很多工具类软件短期内无法完全采用云方案替代. 最近Adobe发布的http://brackets.io也 ...

  6. HT for Web嵌入QtWebKit的client解决方式

    HTML5已经足够强大,但非常多应用还是须要独立桌面client的解决方式,毕竟能操作本地文件等功能还是非常多工具类软件短期内无法全然採用云方案替代. 近期Adobe公布的http://bracket ...

  7. Go语言及Web框架Beego环境无脑搭建

    [原]Go语言及Web框架Beego环境无脑搭建 本文涉及软件均以截至到2013年10月12日的最新版本为准 1. 相关软件准备: 1) go1.2rc1.windows-386.msi,对应32位w ...

  8. (三) Angular2项目框架搭建心得

    前言: 在哪看到过angular程序员被React程序员鄙视,略显尴尬,确实Angular挺值得被调侃的,在1.*版本存在的几个性能问题,性能优化的"潜规则"贼多,以及从1.*到2 ...

  9. Go语言及Web框架Beego环境

    Go语言及Web框架Beego环境无脑搭建 [原]Go语言及Web框架Beego环境无脑搭建 本文涉及软件均以截至到2013年10月12日的最新版本为准 1. 相关软件准备: 1) go1.2rc1. ...

随机推荐

  1. 12-tinyMCE文本编辑器+图片上传预览+页面倒计时自动跳转

    文本编辑器插件:1.将tinymce文件夹全部复制到webContent下2.tinymce/js目录下放 jquery等三个js文件3.语言包:tinymce/js/tinymce/langs目录下 ...

  2. Java Scanner用法详解

    一.Scanner类简介 Java 5添加了java.util.Scanner类,这是一个用于扫描输入文本的新的实用程序.它是以前的StringTokenizer和Matcher类之间的某种结合.由于 ...

  3. Selenium自动化测试之学会元素定位

    这是我经常被问到的一个问题,也是我很讨厌回答的问题,因为要想回答这个问题需要知道上下文.什么样式的元素,有哪些属性,是否有表单嵌套,都尝试了哪些定位方法...而且没几个提问者能事先详细的说明这些.哪儿 ...

  4. SoapUI 学习总结-02 断言

    一 断言 测试指定的restful api是否正常,判断它的响应值是否符合预期标准,需要用到断言知识.在soapUI里断言使用的Groovy语言.在项目中测试起来非常简单,测试过程如下. 1,准备测试 ...

  5. Gdi绘图

    在使用VC开发项目过程中,界面是项目中的一个子模块.虽然界面并不那么重要,把握住核心功能就可以了,但界面美观与否直接关系到用户的体验, 因此我们也应该关注界面的处理. 我们可以在OnEraseBkgn ...

  6. 【原创】分布式之大话CAP

    引言 本文翻译自博客 http://ksat.me/a-plain-english-introduction-to-cap-theorem/ 博主觉得这个故事讲的生动活泼,因此翻译来给大家分享,顺便加 ...

  7. pyspider安装出现问题参考

    File "c:\users\13733\appdata\local\programs\python\python37\lib\site-packages\pyspider\run.py&q ...

  8. PHP之pear包总结

    现在我们开发的时候,尤其是使用框架进行项目开发的时候,都会有一个专门的包管理工具,对,那就是composer,使用这个工具可以简单快速的引入一个代码包,十分快捷好用.接下就总结一下,经常使用到的pea ...

  9. JarvisOJ Misc shell流量分析

    分析一下shell流量,得到flag 看着一大推的数据记录头都大了,并没有什么wireshark的使用经验,开始胡搞 首先用notepad++打开,搜索flag字样找到了一个类似于python脚本的东 ...

  10. Django模板语言进阶

    一.母板 1.什么情况下使用母版 当多个页面的大部分内容都一样的时候,我们可以把相同的部分提取出来,放到一个单独的母版HTML文件中 然后在母版中定义需要被替换的block 例如:母板页面 <! ...