一、简单介绍

在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. linux目录2

    19.linux注释多行 20.防火墙 21.创建逻辑卷 22.两台主机,ssh端口不同,如何拷贝文件    

  2. (三)Installation

    Elasticsearch requires at least Java 8. Specifically as of this writing, it is recommended that you ...

  3. 面试3——java集合类总结(Set)

    Set 集合 和List一样,继承Collection接口,不同的是Set中不能包含重复的元素,无序,并且最多只能允许一个null值.Set常见的实现类有:HashSet.TreeSet和Linked ...

  4. TypeError: 'Item' object has no attribute '__getitem__'

    Error Msg: Traceback (most recent call last): File "start.py", line 8, in <module> E ...

  5. 对List集合嵌套了map集合对double值进行排序

    /*[ { "repairo": "asda", "num": 88.71 }, { "repairo": " ...

  6. 【学习总结】GirlsInAI ML-diary day-11-while循环

    [学习总结]GirlsInAI ML-diary 总 原博github链接-day11 认识while循环执行 对于while/break/continue的认识 新值替换变量 一般while语句 无 ...

  7. [官网]Using PuTTY

    Previous | Contents | Next Chapter 3: Using PuTTY Section 3.1: During your session Section 3.1.1: Co ...

  8. Visual Studio 2019 (VS2019)正式版安装 Ankh SVN和VisualSVN插件

    VS2019 正式版最近刚刚推出来,目前 Ankhsvn 还不支持,它最高只支持 VS2017,全网搜索了一下,也没有找到.在 Stackoverflow 上看了一下,找到这篇问答: 自己按照这种方法 ...

  9. AtCoder Beginner Contest 122 D - We Like AGC(DP)

    题目链接 思路自西瓜and大佬博客:https://www.cnblogs.com/henry-1202/p/10590327.html#_label3 数据范围小 可直接dp f[i][j][a][ ...

  10. Djangon的坑

    <a href="/del_student/?pk={{ students.pk }}"></a> 在django中当你写入这样的语句是,pk={{ stu ...