2018-07-01 周报总结

                                                            周报总结

一.工作日常总结 时间：6-25—6.30 ，及个人遇到的小问题，个人学习总结，个人学习计划

      一.第一天：深度学习 css 样式写法,页面布局，将项目代码尽量规范化 ，看完相关文档后，还只是停留在知道一层字面量，不能够实际的去运用。
             1.CSS 样式属性命名规范,CSS选择器命名规则
             2.对于页面布局的详解  二栏布局，三栏布局 ，float和BFC配合圣杯布局，flex布局
             3.  css flax 布局的深入学习 , 分为容器属性、项目属性。
                     flax 语法
                        1)  容器属性有：
                                      flex-direction  容器内项目的排列方向。
                                       flex-wrap　　容器内项目换行方式
                                        flex-flow　　 以上两个的简写方式。
                                        justify-content    项目在主轴上的对齐方式 
                                         align-items　　项目在交叉轴上如何对齐
                                         align-content    多根轴线的对齐
                          2) 项目属性有：
                                        order    项目的排列顺序。数值越小，排列越靠前，默认为0.
                                         flex-grow   项目的放大比例，默认为0，即如果存在剩余空间，也不放大。
                                         flex-shrink  项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。
                                          flex-basis   在分配多余空间之前，项目占据的主轴空间 浏览器根据这个,计算主轴是否有多余空间。它的默认值为auto，即项目的本来大小。
                                          flex    是flex-grow, flex-shrink 和 flex-basis简写，默认为0 1 auto。后两个可选.   两个快捷值：auto (1 1 auto) 和 none (0 0 auto)。
                                             align-self    允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性。默认值为auto，表示继承父元素的align-items属性，如果没有父元素，则等同于stretch。

         二.第二天：深度学习 flax弹性布局及项目的优化。参照阮一峰的骰子一些实例的练习编写，了解 flax 容器属性，项目属性的值的具体表现。通过实例的编写，最后对自己项目样式的具体优化。然后晚上培训讲解了 egg 框架的详解 主要是service test 以及中间件的一些讲解。其中主要讲解了对数据库的操作:sequelize.

          三.第三天：深度学习eggjs MVC 框架 和 数据库的操作:sequelize.及service和测试用例.  
                1.任务  参考cnh_user完成测试对应方法的测试用户,增删改查，完成model/cnh_banners 对应的 service层，最终npm run test 所有测试用例通过。
                2.开始拿到任务后进行的是异步读取文件的小例子测试。
                遇到的问题：发现异步文件读取时 路径总是配不对，总是读取不到文件，测试用例通不过。    后来通过请教同事解决了问题       即文件前面还要再加文件名才能通过

            3.开始着手于作务时，参照user 的例子，一步一步进行操作。
                   1）一开始读文档，看了，还是不明白如何从数据库取数据。看的文档sequelize文档，也还不是特别理解。就一步步照着例子做与请教。
                    2）遇到的问题，发现文件测试总是通不过 。不知道哪里写错了的时候。不知道该怎么办。最后通过请教，当哪里出现问题时，通过上下文去理解，去看文件，通过console.log(),输出查看是不是自己想要的数据，没有输出相应的数据，就能知道是不是这一步出现问题。
                    3）李伟的作务中出现创建一个表时，必须先创建一个用户，两者要关联起来。算是了解了这个表的创建必须要 先创建一个用户。最后的测试用例才能通过。

        四.第四天，对昨天的例子进行完善，在service层继续写 增，删，改，查，的方法。写完后再对service 层的方法进行测试。

            1）每一个需要被测试的文件相对应的有一个测试的文件  被测试的一个文件里写了几个方法，每一个方法有相对应的测试条件语句。
            2） 图片集锦

        第五天：在测试用例中多写几个create测试用例来造数据，根据在controller 层调用service 层得到数据，并绑定到xtpl 页面，cnh_banners 轮播模块显示到首页。
            1）其中一个方法多加几个测试方法，是为了让我我们的代码 更加的健壮，不易出错。漏洞会更少，相对程序性能也会更加稳定。
            2）大致流程为 首先写service 层的方法，“创建，增，删，改，查”方法来自 model层的数据，model（有事先创建好的表  sequelize 是从数据库取的方法），其中service层每一个文件需进行测试。测试出能从后台取数据，最后在Controll层写一个异步取数据方法，取完后，再回到componet -> 具体的块，回到xtml模板，再取出数据，最后运行，数据就成功加载到页面。
            3）遇到问题  ：原来是数据设置了类型是整数，最后把字符串，改成整数类型就可以通过测试啦。

        4）还发现了一个问题，即里面方法的测试不能单独一个个测试的时候加上.only，加上这个后，发现测试会报错，不加.only全部一起跑的时候，发现都能够通过测试。

二.个人学习总结：

        1.总结这一周，自己对于周一，二的问题还是看的明白，但是还是需要大量实战才能对那些flax布局及规范去历练一番。才能真正的达到规范化及性能最优化。
         2.自己对周三以后接触学习的内容，还有非常多的不理解，包括对于数据库的一些最基础的一些东西，还有就是表的结构性问题，及一些更加常用的方法 还是需要再通过例子，再熟练。还有就是自己解决一些问题的能力，自己出了问题还是不知道如何去解决。解决的问题少，相对应的也就没有一种套路性的思维方式。  

        3.提及到个人的一个学习计划的问题，和李伟的交流，以及自身的发现自己很多东西还只是停留在表面。缺乏大量的实战。所以自己相对应的很多的知识。旧知识需要再巩固，及加深，如 css ,js 这一些东西需要再往规范化，及更熟练化。特别是js部分，自己的基础本身非常的弱，加之之前也写的非常少。而这些东西也是最基础的部分。对于新知识，自己看文档，发现自己的理解能力及接受能力也是非常的慢，而新知识也是必须通过大量的实例去加深的理解，加深认识。随之才能够熟练应用。

三.对于自己学习计划：
       1.首先对 css 自己还要更深入的去学习，如sass less这些，通过实战再深入。
                1）自己样式要更规范，包括样式的命名，及考虑一整个模块化复用的问题。
                  2）对于弹性布局及复杂的一些布局再实战多点。
                   3）CSS样式更精简，更优化，复用性更高。

        2.对于js部分，自己非常的弱，需要重点加强 
                 1）一些原生JS的写法，自己需要再加强学习，还需通过大量实例来练习。
                  2）对于构造函数这一块也不需加强。
                  3） 特别是其中的 面向对象，原型链，封装，继承，多态。
                   4）js的 es6 的一些东西，也只是知道一点。

        3.对于学习新的知识，如学习到的node 也是需要大量的实例。因为有一些东西都 没能达到熟悉的地步。也只是才刚认识知道。对于这些新东西，感觉自己好像也只是有个印象，感觉又忘了。
                 1）git   对一些基础的常用的几个命 令已熟练掌握。更深入的还需要再去学习
                 2）eslint   知道一些基础的错误改法。但是自己也不知道如何去配置文件，怎么写一些条件。
                 3）gulpFile  自己也没通过独自的配置过文件。我估计我得再去看文档。
                 4）node .js   只能说是非常简单的一些知识，即环境，包的概念，基础的包的安装，模块的引入
                 5）egg.js/mvc框架  也只是对大概的有个认知，但是实际到每一步时，感觉还是会不熟悉
                 6)  sequelize 对于数据库的操作     简单的知道一些增，删，改，查。
                 7）mocha  对于配置安装，这些也不知道。只是知道写两个测试，及怎么跑测试。真正都没有熟练。       

二.所感所得总结