发表于: 2018-12-10 23:18:35
1 669
今天完成的事:
1.按照task14, task15任务要求,将之前任务8的页面内容进行模块拆分,组建属于自己的组件库。
2.分别对四个模块创建单独的html文件和css文件。
3.使用scss预处理器进行css编译。
知识学习:
首先来了解一下什么是库, 什么是框架
库:库是有用功能的有组织的集合。库的典型功能包括处理字符串,日期,HTML DOM元素,事件,Cookie,动画,网络请求等。每个函数将值返回给调用应用程序,但是你从中可以选择参数来应用。库是更多是一个封装好的特定的集合,提供给开发者使用,的英文特定而且于某一方面的集合(方法和函数),库没有控制权,控制权在使用者手中,库在查询中需要的功能在自己的应用中使用,我们可以从封装的角度理解库。
框架:框架顾名思义就是一套架构,会基于自身的特点向用户提供一套相当于叫完整的解决方案,而且控制权的在框架本身,使用者要找框架所规定的某种规范进行开发框架。是一个应用程序的骨架,它要求你以特定的方式处理软件设计,并在某些点插入自己的逻辑。通常框架提供事件。 存储和数据绑定等功能。
组件化与模块化的区别?
模块化强调的是 拆分 ,无论是从业务角度还是从架构、技术角度,模块化首先意味着将代码、数据等内容按照其职责不同分离,使其变得更加容易维护、迭代,使开发人员可以分而治之。例如一个完整的系统可以拆分为功能模块,架构模块,而功能模块又可以拆分为商品浏览模块、订单模块、购物车模块、消息模块、支付模块,而架构模块可以拆分成数据存储模块,数据请求模块,缓存模块,数据处理模块等。
组件化则着重于 可重用性 ,不管是界面上反复使用的用户头像按钮,还是处理数据的流程中的某个部件,只要可以被反复使用,并且进行了高度封装,只能通过接口访问,一个网站可以分为导航组件,头部组件,留言组件,底部组件等等。
总的来说,模块化是具体的,而组件化是具体的,模块化的诉求是解耦,组件化的诉求是好用,但是他们的思想都是通过分治来让开发人员的工作变得更加轻松,让软件系统具有更优秀的可用性和可靠性。
(还没来得及手动练习一下,抽空实战一下)
明天计划的事:完成任务task14. 15。从头复习一遍css任务部分学习的知识,自己梳理一遍,对于不熟悉的在加强巩固,调整心态准备接受js任务阶段的考验。
遇到的问题:之前任务8,9阶段代码写的有点乱,导致在任务14.15 的时候调用之前的代码自己感觉都有点找不到的,自己给自己挖个大坑,脑壳疼。
收获:基本的模块已拆分完毕,接下来就是往一块组装了。
评论