从零搭建前端框架

简介: 从零搭建前端框架

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


# 构想

1. 简单的样式覆盖

2. 简单的路由管理(约定式文件即路由)

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

4. 简单的组件重构(注解)

5. 标准化的web组件

6. 浏览器兼容

7. 简单的表单(双向绑定,表单验证,内置表单正则,支持自定义)


# 问题和需求

1. 自定义样式

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

2. 自定义组件

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

3. 自定义Icon

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

所以希望有能简单替换图片地址,和设置icon大小的组件

4. 自由组合组件

多个组件自由组合

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

6. 自定义提示框

7. 图片上传

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

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

9. 简单的Tab页切换

10. 广告Banner

11. 高清方案

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

12. 布局

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

目录
相关文章
|
1月前
|
前端开发 JavaScript API
前端框架对比和选择
前端框架对比和选择
|
2月前
|
前端开发 JavaScript 算法
前端框架介绍
前端框架介绍
|
6月前
|
开发框架 前端开发 JavaScript
【第16期】一文认识前端框架
【第16期】一文认识前端框架
87 0
|
3月前
|
前端开发 JavaScript API
现代前端框架有哪些?
【8月更文挑战第26天】现代前端框架有哪些?
99 4
|
3月前
|
前端开发 JavaScript 开发者
前端框架选择
【8月更文挑战第26天】前端框架选择
24 4
|
3月前
|
前端开发 JavaScript API
用的前端框架都有什么
【8月更文挑战第26天】用的前端框架都有什么
125 2
|
6月前
|
缓存 前端开发 JavaScript
如何快速搭建一个前端框架?
【4月更文挑战第7天】快速搭建前端框架,首先确定技术选型(如React、Vue或Angular),然后创建项目目录结构,安装所需依赖。配置开发环境,编写代码,同时进行调试和测试。优化性能后,部署上线。选择框架时,考虑社区支持、学习曲线、性能、兼容性及文档质量。
258 0
|
4月前
|
前端开发 JavaScript 数据管理
现代Web开发中的前端框架选择指南
选择合适的前端框架是现代Web开发中的关键决策之一。本文探讨了几种流行的前端框架,比较它们的特点和适用场景,帮助开发者在众多选项中做出理性的选择。
|
5月前
|
JavaScript 前端开发 数据管理
流行的前端框架
【6月更文挑战第1天】流行的前端框架
122 4
|
6月前
|
前端开发 JavaScript 算法
探索现代Web开发中的前端框架选择
在现代Web开发中,前端框架的选择是至关重要的。本文将深入探讨各种前端框架的特点和适用场景,帮助开发者了解不同框架的优势和劣势,并为他们提供在项目中做出明智选择的指导。