DOM实践学习笔记1--组件的实现流程
来源:互联网 发布:软件可靠性方法 编辑:程序博客网 时间:2024/06/13 22:30
1.什么是组件?
经历前期的模块搭建,开发时期主要是对组件的开发,并将它们有机的组建到一起来完成业务需求。那么什么是组件呢?在用户界面开发领域,它是一种面对用户的、独立的可复用交互元素的封装。针对前端开发,它是html(结构)+js(逻辑)+css(样式);html用来控制组件的结构,js控制组件的逻辑,css控制组件的样式。常用的组件有Mask(遮罩组件),Datepicker(日期选择器组件),Modal(模态弹窗组件),Carousel(轮播组件),Page(翻页组件),Editor(富文本编辑器组件);
2.组件实现流程
第一步,分析(分解需求):交互意图以及需求,像是软件工程开发中的第一个最重要的步骤–需求分析;
第二步,结构:HTML+CSS实现静态结构,构建原型,梳理js逻辑;
第三步,接口:定义公共接口,设计调用和使用方式;
第四步,实现:实现js逻辑,从抽象到细节,实现功能接口,暴露事件;
第五步,完善:便利接口、插件封装、重构等。(一个组件的完成往往需要不断的完善)。
我画了一张图,方便记忆和查看。
阅读全文
0 0
- DOM实践学习笔记1--组件的实现流程
- COM组件学习笔记--COM接口的简单实践
- DOM的学习笔记
- DOM的学习笔记
- DOM学习笔记1:初识DOM
- JavaScript DOM编程艺术 学习笔记(五)最佳实践
- 【第五章-最佳实践】javascript DOM 编程艺术-学习笔记
- ExtJS学习笔记(十二) Ext 获取组件、获取DOM
- Javascript DOM学习笔记1
- DOM 学习笔记(1)
- 学习笔记(1)Dom
- DOM学习笔记(1)
- COM学习笔记4_创建COM组件的实现
- COM学习笔记4_创建COM组件的实现
- 安卓学习笔记---桌面组件的实现
- Flex企业应用开发实践学习笔记(四)-------组件的布局
- 学习笔记1:Android 的应用程序组件
- ThinkPHP学习笔记(7)登录流程的实现
- Two-Stream SR-CNNs for Action Recognition in Videos
- css3选择器--基本选择器
- Pycuda 学习笔记(二)gpuarray学习
- String \ StringBuffer \ StringBuilder的区别
- 频道管理(自己的)
- DOM实践学习笔记1--组件的实现流程
- CSU 1806: Toll Simpon积分,最短路
- 链表的插入排序
- 基于zookeeper的Spark高可用集群配置
- springboot [组件学习-validator校验]
- JavaScript 数组api
- 状态机框架
- C语言程序设计(33)
- 基于深层神经网络的命名实体识别技术