本文目录一览：

• 1、js类库有哪些
• 2、北大青鸟设计培训：JavaScript编程开发常用的库？
• 3、有哪些值得推荐的绘制3D的js库
• 4、7大优秀的JavaScript库？
• 5、北大青鸟设计培训：有用的JavaScript和CSS库？

js类库有哪些

推荐一下两款基于WebGL技术的3D框架。

Threejs 

目前最流行的开源3D框架，2009年4月诞生，2005年adobe收购了macromedia的flash产品，2008，2009年正是flash如日中天之时,threejs也识时务的选择了flash的ActionScript平台，后来flash没落之后选择了WebGL。

ThingJS

新兴的3D框架，2018年诞生，是针对物联网领域的JavaScript 3D Library。它是由在3D领域经营多年的优锘科技公司研发，旨在简化3D应用开发。

设计对比

Threejs库的出现解决了底层的渲染细节和复杂的数据结构，终于将复杂的底层细节抽象出来，使得大家开发3D应用更容易了一些。和很多开发者交流threejs都是他们首次接触的WebGL 3D库，并能很容易的就能开始做一些实验。但是使用Threejs开发应用还是门槛很高，但就一个加载模型，调光，选择模型弹框的功能，就能写出Threejs上百行代码。同时还有很多复杂的3D概念需要理解。

ThingJS是更为上层的抽象，不用关心渲染，mesh，光线等复杂概念。它抽象是一个个具体的模型，ThingJS封装了对模型交互事件的各种API，比如单击，左键，鼠标滑过等，ThingJS封装了对模型的操作，例如移动，放大缩小，上色，勾边，甚至开门，ThingJS还封装了模型的层次关系，例如物体是放在某个房间里的，房间又在某个楼层，楼层又是某个大楼的。大楼在园区里。

北大青鸟设计培训：JavaScript编程开发常用的库？

随着互联网编程开发技术的不断发展，关于软件编程的框架和库的种类也在不断的增加。

今天我们就一起来了解一下，常见的JavaScript编程开发都有哪些库。

1、ReactJS(Star:59989,Fork:10992)React.js(React)是一个用来构建用户界面的JavaScript库，主要用于构建UI，很多人认为React是MVC中的V(视图)。

React起源于Facebook的内部项目，用来架设Instagram的网站，并于2013年5月开源。

React拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。

React特点：1.声明式设计?React采用声明范式，可以轻松描述应用。

2.高效?React通过对DOM的模拟，大限度地减少与DOM的交互。

3.灵活?React可以与已知的库或框架很好地配合。

4.JSX?JSX是JavaScript语法的扩展。

React开发不一定使用JSX，但我们建议使用它。

5.组件?通过React构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。

6.单向响应的数据流?React实现了单向响应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单。

2、AngularJS(Star:54769,Fork:27292)AngularJS(Angular.JS)是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。

它支持整个开发进程，提供Web应用的架构，无需进行手工DOM操作。

AngularJS很小，只有60K，兼容主流浏览器，与jQuery配合良好。

3、Vue.js(Star:43608,Fork:5493)Vue.js是构建Web界面的JavaScript库，提供数据驱动的组件，还有简单灵活的API，使得MVVM更简单。

主要特性：可扩展的数据绑定将普通的JS对象作为model简洁明了的API组件化UI构建配合别的库使用4、jQuery(Star:43432,Fork:12117)JQuery是轻量级的js库(压缩后只有21k)，它兼容CSS3，还兼容各种浏览器(IE6.0+,FF1.5+,Safari2.0+,Opera9.0+)。

jQuery使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。

jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。

青岛IT培训认为jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。

有哪些值得推荐的绘制3D的js库

这款 Hightopo 还是很值得推荐的！ 使用 Hightopo 可更关注于业务逻辑功能，不必将精力投入复杂 3D 渲染和数学等非业务核心的技术细节。

它是基于 HTML5 标准技术的 Web 前端 2D 和 3D 图形界面开发框架。

适用于实时监控系统的界面呈现，广泛应用于电信网络拓扑和设备管理，以及电力、燃气等工业自动化 (HMI/SCADA) 领域。

参考资料：

                       官网——Web组态

                       百度百科——图扑软件

7大优秀的JavaScript库？

现在有很多各种各样的JavaScript库，但这里将介绍7个很优秀的可用于你下一个JavaScript项目的库。

仪表盘是用于目标或业务流程的视觉指示工具，也用于切割杂乱无章的数据，从而分割出要点的重要工具。它可帮助评估信息，并及时做出正确的决定。实时可视化的仪表盘由图标、测绘图、图形符号，以及数据表格等组成。

目前有一些开源或商业的库用于创建仪表盘。在本文中，我们将会展示一些可帮助创建美观且可自定义的仪表盘的JavaScript库。

1.Gridster.js

Gridster是一个jQuery插件，可以从跨多个列的元素构建直观的可拖拽布局。

它可以让你从网格中动态添加或删除小部件，甚至可以获得一个具有所有小部件位置的对象的JavaScript数组，从而可以在以后使用这些数组来加载小部件。

2.angular-gridster

这是一个用于AngularJS的格子状小部件的实现。它具有jQuerygridster插件等功能，也具有一些其他的功能。

它完全使用Angular指令重写，还可以使用Angular的数据绑定功能。

3.gridstack.js

gridstack.js是一个用于小部件布局的jQuery插件，灵感来自gridster.js。这是一个可拖放的多列网格，可让你构建可拖拽的响应式Bootstrapv3的友好布局，

它还适用于knockout.js,angular.js和触摸设备。

4.jQueryGridly

Gridly是一个jQuery插件，电脑培训建议可用于拖放以及在网格中调整大小。

5.Packery

Packery是一个JavaScript库和jQuery插件，可用于生成无缝且可拖拽的布局。它使用bin-packing算法来填充空隙。

它适合用于创建一个可拖拽的仪表盘和无缝的“砖石图像画廊”布局。

北大青鸟设计培训：有用的JavaScript和CSS库？

高质量的网页设计需要直观和用户友好的界面，而且屏幕上的元素也起着非常重要的作用。

Web设计师不断地寻找优秀代码的集合，希望能提升工作效率。

但找到合适的工具库并不总是那么容易的。

网络上有太多的资源可以使用，而且也是免费的，因此西安电脑培训发现很难判断哪些资源比较好。

这就是精心搜索并编写这个最好的库列表的原因。

无论是希望创建一个视觉上吸引人和功能强大的布局，还是需要在表单和其他区域添加屏幕上的规则和验证，你都会喜欢这个集合。

这里列出的库是由具有丰富网页设计经验的专家创建的，这些库不仅是经验丰富的设计师的优秀工具，也是适用于初学者的好工具。

这个集合将会帮你节省很多时间，来看一看吧！0.Buefy适用于Vue.js项目的轻量级UI框架，使用流行的基于flexbox的CSS库Bulma构建。

它具有典型的WebAPP所需的全部组件，包括像模态框、吐司和通知这样的动态元素，使开发者可以快速添加任何用户界面到现有的Vue.js项目。

1.HR.js零依赖库，用于在DOM中以编程的方式高亮显示并替换字符串，HR.jsAPI的使用不能再简单了—只需使用CSS选择器来定位目标文本的父HTML元素，选择要突出显示的单词，设置背景颜色，然后就完成了！2.ReactVRReactVR是为VR应用而创建的框架，运行在Web浏览器中。

它将现代API（例如WebGL和WebVR）与React的声明能力结合起来，通过各种设备提供适用于消费者的体验。

3.Tippy.js轻量的纯JavaScript动态提示工具插件库。

它提供了大量的不同悬停效果和超过20个可定制的选项。

Tippy.js是超级轻量的，并且具有相当不错的浏览器兼容性，当不被支持时会自动回退到常规的title属性。

4.Barba.js没有依赖关系的JavaScript库，用于在单页面应用程序的视图之间创建平滑的过渡。

该逻辑是围绕PJAX（pushstateAJAX）构建的，它会检查所有有效的URL，阻止它们的正常行为，并通过XMLHttpRequest加载新页面。

Barba还会确保通过使用PushStateAPI，使得状态的更改可在页面的URL中正确反映出来。