发表于: 2018-05-27 22:15:06

2 530


今天完成的事情:

给任务12增加媒体查询,提交任务

学习百度fex团队的关于less的est库


明天计划的事情:

实现头部和底部公共部分


遇到的问题:

nginx无法启动,出现下面的错误提示,网络上找不到完整的解决方法,重启电脑也没用

the event "ngx_master_6580" was not signaled for 5s

最后在Java首席韩亚博指导下成功启动,虽然不知道具体原因。



收获:

est库对于less实现了多数功能,虽然两年没有更新了,对于很多功能的实现具有借鉴意义,同时对于样式拆分和功能分类比较细致的划分。下面是mixin主要分类。

 variables normalize reset compatibility util typography grid layout effects shapes clockhand




任务14

开始时间:5.27

预计结束时间:6.3

http://task.jnshu.com/zentao/project-task-629.html


任务名称:CSS=TASK13

成果链接:https://chenzl90.github.io/demo-jnshu/task13/index.html

任务耗时:5.17-5.27 10天 请假1天延期5天

技能脑图:


官方脑图

任务总结:

    1. 任务进度延期5天
      这个任务没有太大难度,前期对于组件和架构不理解停留几天,后面完成页面采用flex布局不熟练,再次调整代码。
    2. 脑图对比分析
      任务13主要是样式组件化,任务本身重做页面不需要拓展。
    3. 任务中遇到哪些疑难问题,最终是如何解决的,有哪些值得分享的收获
      (对于任务总结应该更多的描述出任务所走的弯路以及遇到的困难,不应鼓励将知识点无脑的堆砌在总结之中)
      1 样式组件化和css架构没有找到详细的解释,只能产生大致的印象,等待经验丰富之后的理解,还可以通过bootstrap等库来简单了解组件化的实现
      2 flex布局不熟悉,在使用中对于align-content 和 align-items 及 width 和 flex-basis 之间产生困惑,看过文章和使用之后才理解它们之间的区别
      3 对于vw单位的误用,自己没有提前想好,使用之后才发现vw单位存在隐患,最后只能重新设置样式。




返回列表 返回列表
评论

    分享到