又学到啦！ThingJS支持引用js,css库的官方加载

最新推荐文章于 2024-09-25 07:25:32 发布

原创

最新推荐文章于 2024-09-25 07:25:32 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

这篇博客介绍了如何使用ThingJS进行3D开发，特别是如何引用js和css库。ThingJS支持纯JavaScript语法，利用WebGL技术提供3D效果，并允许开发者通过添加时间戳来确保浏览器加载最新资源。此外，平台还提供了资源上传功能，支持多种文件格式，为3D项目开发提供了稳定和便捷的环境。

React 在 JavaScript 里面实现了对 HTML 和 CSS 的封装，我们通过封装去操作 HTML 和 CSS。也就是说，网页的结构和样式都通过 JavaScript 操作。又学到啦，ThingJS支持js纯语法开发哦！

HTML绘制平面图形可以采用canvas标签，但是功能上只能呈现2D图形，想要呈现3D图像需要特殊上下文，于是引入了webGL技术。如果想看它的场景演示，可以访问谷歌团队Data Arts出品的基于webGL的3D场景库，前端技术圈也视它为一个蓝海技术，3D开发应用普及指日可待。

国内的物联网可视化技术厂商ThingJS纯JS语法开发，3D效果也不输于原生应用，一切源于谷歌浏览器对webgl技术的支持。从开发生态的角度，webGL技术可以调用显卡、调用麦克风、调用摄像头等一切能用的硬件去提升服务质量，同时也支持引用js脚本和css演示，让你的3D开发效果更加有特色。

官方如何引入外部资源呢？注意在平台新建或者上传文件仅允许js, css, html, json格式。

我们默认js脚本和css样式会带上时间戳，且按urls数组中的顺序加载，浏览器会缓存之前的js，css的版本，我们更新了js，css文件后，浏览器不会更新。所以我们在引入相关css、js文件时使用时间戳，能够让浏览器加载我们的最新版本。如下所示。

THING.Utils.dynamicLoad([
    '/static/vendor/twitter-bootstrap/3.3.7/css/bootstrap.min.css',
    '/static/vendor/twitter-bootstrap/3.3.7/js/bootstrap.min.js',
    '/static/vendor/moment/moment.js'],

最低0.47元/天解锁文章