miniui开发总结

[ihtml5]

miniui是上海普加软件有限公司开发的半开源商业授权前端组件库。它类似于extjs，jqueryui，使用简单，功能强大，对开发效率的提升有一定的帮助。

一、如何使用miniui

1. 下载官方的试用包
2. 在文件中引入miniui.css,jquery.js,miniui.js即可使用miniui

在head标签里引入css

body闭合标签前引入js

二、minui组件库分类

1. 布局类组件 Layout
2. 表单类组件 Form
3. 数据表格 Datagrid
4. 树形组件 Tree

注意

• 熟悉api，特别是对datagrid，treegrid，tree，form相关组件要非常熟悉
• 同时要特别熟悉miniui依赖框架jquery.js,bootstrap.css的熟悉

三、如何使用miniui更快地完成开发

1. 前端统一开发规范

   • 代码规范 参照 wiki
   • 命名规范 驼峰命名法，bem
   • 开发规范
   • 编辑器 vscode
   • 开发者工具 chrome

2. 了解一个miniui组件如何开发完成

   • 通过观察miniui组件生成后的代码，反推其组件开发过程

3. 以组件化的角度考虑，界面开发中的相似性，抽取相似逻辑独立成模块

• 前端界面组件化开发当前正火热，这代表未来前端开发的趋势。miniui为我们提供了基本的代码抽象，但还不够，我们还需要根据业务来继续封装抽象，直至简单到通过配置就可以快速完成界面开发。
• 抽象的同时，会带来模块的隐藏，降低模块功能的可读性，所以要做到命名规范统一，文档齐全。
• 多从函数式编程的角度考虑，模块尽量是纯的（给相同的输入，就会有相同的输出）