- 任务总结:
- 任务名称:CSS=TASK12
- 成果链接:https://kattemchen.github.io/Task/mytask12/mytask12-1/mytask12-1.html
- 任务耗时:2018.4.12-2018.4.15(3天)
- 技能脑图:
- 官网脑图:
自己脑图:
任务总结:
任务12和之前的11有些类似,更多程度上锻炼的使我们对SASS这个语言的熟练程度。页面数量开始变多,样式复用、代码规范开始慢慢渗透进来。这里要提一下的是SASS的嵌套写法。我个人的建议是,嵌套方式尽管比较新颖,但是不要乱用嵌套,只有在必要的时候再嵌套。什么是必要的时候?
必要的时候是指,第一,你的编译出来后 的CSS拥有后代选择器的时候,可以进行选择器嵌套;
第二种,属性嵌套,这个写法非常好用,它的限制也不多,所以,大胆用。
最后一个是伪类的嵌套,用&符来代替,整个写法也比较新颖。
发表于: 2018-06-06 10:53:45
1 635
今天完成的事:
1、整体修改完任务13;待审核中。。。
2、看了一下任务14、15的要求。感觉是对之前的所有知识点的一次最终总结。
明天的计划:
1、做任务14、15。重构页面。
遇到的困难:
1、对组件库不理解,不知道如何构建自己的组件库。师兄说,先别管,直接重构撸下去就对了。
任务15中提到拆库,对组件库这个东西的概念不是很清楚,然后上网看了一下,明白了。大概意思是将自己写的常用的块封装起来,最明显的例子就是bootsrtap,就是一个比较成熟的组件库。
收获:
1、今天主要是修改任务13,没什么好说的。
2、认真看了一下老大在知乎推荐的关于任务14、15的一篇文章。慢慢开始接受模块化和组件化的思想。推送的公众号居然是我很久之前就关注的前端之巅,哈哈,虽然之前看不懂,但是菜鸟总有一颗成为大神的心呐。。。好了,说回正题。
什么是组件化开发?
组件化,Component,中文称为组件,或者构件。使用非常比较广泛,它的核心意义在于复用,相对模块,对于依赖性有更高的要求。
Module, 中文为模块或模组。它的核心意义是分离职责,属于代码级模块化的产出。它本身是提供服务的功能逻辑,是一组具有一定内聚性代码的组合,职责明确。
组件(Component)和模块(Module)又是一对容易混淆的名词,也常常被用来相互替换。个人总结,从设计上来看,组件强调复用,模块强调职责(内聚、分离),或者说组件是达到可复用要求的模块。
前端Web应用中的组件,是指一些设计为通用性的,用来构建较大型应用程序的软件,这些组件有多种表现形式。它可以是有UI(用户界面)的,也可以是作为 “服务”的纯逻辑代码。因为有视觉上的表现形式,UI组件更容易理解。UI组件简单的例子包括按钮、输入框和文本域。不论是汉堡包状的菜单按钮(无论你是否喜欢)、标签页、日历、选项菜单或者所见即所得的富文本编辑器则是一些更加高级的例子。提供服务类型的组件可能会让人难以理解,这种类型的例子包括跨浏览器的AJAX支持,日志记录或者提供某种数据持久化的功能。
基于组件开发,最重要的就是组件可以用来构成其他组件,而富文本编辑器就是个很好的例子。它是由按钮、下拉菜单和一些可视化组件等组成。另一个例子是HTML5上的video元素。它同样包含按钮,也同时含有一个能从视频数据流渲染内容的元素。
我个人理解就是常用的,通用的部分模块分离出来,可以多次复用,这就是所谓的组件化开发。利于维护,省力。(这个有时候真不是一般的省力啊)。
都是偏理论的东西,这里我就不说了。明天开始正式撸任务吧。
进度:CSS-任务14
开始时间:2018.06.7
评论