先说结论,OpenTiny 主要包括两个前端组件库,包括 Angular 框架和 Vue 框架两种。或许有一些不了解前端的朋友就会问了,组件库是什么,这两个框架又是什么?
笔者理解,当我们在手机或电脑屏幕上看到丰富美丽的画面时,或者是我们需要在网页中提交某个表格或者信息产生交互动作时,这些画面的背后就是多个组件结合而成的效果。比如头像组件使我们可以设置自己的专属形象,比如新手引导组件又会在最初带领我们探索某个事物,等等诸如此类的场景。
那么框架又是什么呢? 引用维基百科中的解释,软件框架是指一种抽象形式,它提供了一个具有通用功能的软件,这些功能可以由使用者(也就是程序员)编写代码来有选择的进行更改,从而提供服务于特定应用的软件。软件框架提供了一种标准的方式来构建并部署应用。软件框架是一种通用的、可复用的软件环境,它提供特定的功能,作为一个更大的软件平台的一部分,用以促进软件应用、产品和解决方案的开发工作。 这个解释是不是有点抽象,说人话就是,框架给了我们一个通用的环境和一些方法让我们来做自己的软件应用。框架就好比一间教室,教室里提供了黑板、课桌、大屏幕,每个人也就是框架使用者可以根据自己的需求来使用它,看电影、看书、办公、画画、and whatever~~
那么 OpenTiny 中两个组件库使用的框架,Angular 和 Vue 又有什么不同和特点呢? Angular 来自 Google 公司,它是面向整体应用开发的解决方案,量级较大,工具较全,当然复杂程度和使用难度也会稍大一点,更适合大型项目的开发与维护。 Vue 是由中国程序员尤雨溪开发,量级较轻,使用起来也很灵活,对于新手来说比较好上手,适合小型项目的开发与维护。
说到这大家对组件库和框架应该也有了一定的了解~ 如果你想开发一个自己的页面,可以使用 TinyVue 组件库来帮助你提供现有的组件样式和交互,你只需要将其编排起来就好~~ 而如果你想挑战一下自己学习 Angular 框架或是开发一个中大型的项目,那TinyNG组件库一定是你的不二之选!
OpenTiny 中的 TinyNG 组件库,在业界的组件库中属于组件数量相对较多的,多达70➕。笔者调研了业界有名的几个 Angular 组件库,包括:
NG-Zorro:60+
Element UI:35+
NG-Nest:70+
可以看出TinyNG的组件数量还是相对可观的。
而TinyVue的组件数量也不错,65➕。这两个组件库都风格清新,文字与线条十分清晰,颜色也非常清爽~绝对的审美在线!
联系OpenTiny
如果你对 OpenTiny 的开源项目感兴趣,欢迎添加小助手微信:opentiny-official,拉你进群,一起交流前端技术,一起玩开源。
OpenTiny 代码仓库:github.com/opentiny/