发表于: 2018-06-06 10:53:45

1 637



今天完成的事:

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

  

结束时间:2018.06.14

有无延期风险: 无。(我尽量一周内完成!!!)

禅道:http://task.jnshu.com/zentao/my-task.html


转至元数据结尾

  1. 任务总结:
  2. 任务名称:CSS=TASK12
  3. 成果链接:https://kattemchen.github.io/Task/mytask12/mytask12-1/mytask12-1.html
  4. 任务耗时:2018.4.12-2018.4.15(3天)
  5. 技能脑图:
  6. 官网脑图:
    1. 自己脑图:

      任务总结:

      任务12和之前的11有些类似,更多程度上锻炼的使我们对SASS这个语言的熟练程度。页面数量开始变多,样式复用、代码规范开始慢慢渗透进来。这里要提一下的是SASS的嵌套写法。我个人的建议是,嵌套方式尽管比较新颖,但是不要乱用嵌套,只有在必要的时候再嵌套。什么是必要的时候?

      必要的时候是指,第一,你的编译出来后 的CSS拥有后代选择器的时候,可以进行选择器嵌套;

    2. 第二种,属性嵌套,这个写法非常好用,它的限制也不多,所以,大胆用。

    3. 最后一个是伪类的嵌套,用&符来代替,整个写法也比较新颖。



返回列表 返回列表
评论

    分享到