从零搭建前端框架

Posted 2021-04-05 小虎Oni

一个奉行拿来主义的作者写的一个面向场景化的前端框架。

## 构想

1. 简单的样式覆盖

2. 简单的路由管理（约定式文件即路由）

3. 简单的组件使用（<oni-block></oni-block>）

4. 简单的组件重构（注解）

5. 标准化的web组件

6. 浏览器兼容

7. 简单的表单（双向绑定，表单验证，内置表单正则，支持自定义）

# 问题和需求

1. 自定义样式

现有的UI框架，要自定义样式需要写好几层的class，还需要做全局覆盖

2. 自定义组件

在现有组件的基础上面做扩展，能否有简单的方法实现

3. 自定义Icon

现有的UI框架，多是采用字体图标，但是工作中，设计师提供的一般是img图片，

4. 自由组合组件

多个组件自由组合

5. 自动的正则判断和自定义判断

6. 自定义提示框

7. 图片上传

自动压缩图片，支持设置压缩比

8. 上拉加载更多，下拉刷新

9. 简单的Tab页切换

10. 广告Banner

11. 高清方案

屏幕适配方案，在iphone6下，设计的尺寸，如定义宽度为100px，则设置width:1rem

12. 布局

Flex，Row，Col，Height(定义整个高度为100，用于需要全屏展示页面的情况，如登录页面和关于页面等)

github https://github.com/xiaohuoni/Raidjs

或者

csdn https://blog.csdn.net/onil_chen/article/details/79897774

原文链接指向github，希望大家提前需求和意见，顺便帮忙加个小星星