【腾讯犀牛鸟开源人才培养计划】萌新的开源心得之Omi框架

【腾讯犀牛鸟开源人才培养计划】萌新的开源心得之Omi框架

一. 前景概要

（1).自我介绍：

我在一些机缘巧合下了解到了前端这个领域，是一个在经过一段时间对js、html、css以及一些前端框架的学习后终于对前端领域有了那么 些许了解的萌新。然后又碰巧了解到了腾讯犀牛鸟开源人才培养计划，进而接触到了Omi前端框架。

（2). 对开源的认识：

什么是开源？它有什么作用？

（1） 开源，对于软件开发而言，可能就是软件的代码是公开的，任何人都可以去修改和 维护。它的最权威的解释请参考：开源

（2） 开源的作用，开源的本质其实就是技术的共享，而开源不仅可以让参与者提升技术水平，结识更多的开源支持者，更推动了开源项目的发展，让它更好的服务于大众。

二. OMI框架学习

（一） Omi组件

Omi 打造的跨框架、跨主题 UI 组件库
omiu官方文档

Name Status Example Docs
omiu/button CodePen Button Docs
omiu/icon Icon Online Icon Docs
omiu/tabs CodePen Tabs Docs
omiu/radio CodePen Radio Docs
omiu/link CodePen Link Docs
omiu/checkbox CodePen Checkbox Docs
omiu/hamburger-menu CodePen HamburgerMenu Docs
omiu/input CodePen Input Docs
omiu/tree CodePen Tree Docs
omiu/pagination CodePen Pagination Docs
omiu/loading CodePen Loading Docs
omiu/toast CodePen Toast Docs
omiu/action-sheet CodePen ActionSheet Docs
omiu/switch CodePen Switch Docs
omiu/color-picker CodePen ColorPicker Docs
omiu/chart CodePen Chart Docs
omiu/toggle-icon CodePen ToggleIcon Docs
omiu/o-icon CodePen OIcon Docs
omiu/badge CodePen Badge Docs
omiu/avatar CodePen Avatar Docs
omiu/breadcrumb CodePen Breadcrumb Docs
omiu/bottom-nav CodePen BottomNav Docs
omiu/transition CodePen Transition Docs
omiu/dialog CodePen Dialog Docs
omiu/dialog-extention CodePen DialogExtention Docs
Coming…
Coming…
使用方法：.通过script
这里用button做演示

<script src="https://unpkg.com/omi"></script></