2018-09-14 工作日报和第一周总结

上午

1.继续学习framework7框架，学习到组件的布局部分，

固定布局（navbar-fixed toolbar-fixed）

与静态布局相比，固定布局的不同之处在于：

导航栏和工具栏是Page的子元素(<div class="page">)

每个页面拥有额外的“navbar-fixed”类（对于固定导航栏）和“toolbar-fixed”类（对于固定工具栏）

穿透布局（navbar-through toolbar-through）：

与静态和固定布局相比，穿透布局的不同之处在于：

导航栏和工具栏是视图的子元素(<div class="view">)

具有穿透布局的导航栏和工具栏的视图拥有额外的“navbar-through”类（对于穿透类型的导航栏）和”toolbar-through”类（对于穿透类型的工具栏）。

2.同事发给我项目有关的新原型，下午准备参与讨论，讨论项目有关的开发事项。看过了原型和需求图后，对大概的工作有了初步了解，但是实现手段目前还没有头绪

3.下午准备把framework7的组件部分快速过一遍之后，开始进行新demo的开发，暂时先从样式开始写起。

下午

1.快速过了一遍组件部分，包括（加粗的是常用的）

• 导航栏&工具栏，
• 搜索框，
• 模态框
• 状态栏
• 侧边栏
• 内容区
• Action Sheet
• Preloader
• 列表
• 手风琴布局
• 表单
• smart select

2.Template7是项目中使用的模板语言，但是官网上的教程全英文而且很少，比较难懂，需要去其他网站找资源。

3.写了一个demo跳转，从home.controller.js开始进行理解。尝试开发demo页面

本周总结

1. 这一周我主要是熟悉了framework7框架的文档和思想，大概理解了view-pages-page的页面结构。同时，也读完了框架的文档，对于常用的组件有了印象，等到开发中实际需要用到时，直接参照API进行调用即可。
2. 跟着项目和文档学习，理解了我们这个项目的整体架构，大概是requireJS+Framework7+Template7+原生JS+less+gulp的一个架构,经过前辈的整理，很多语句和方法都有注释，比较容易理解。
3. 由于requireJS和Template7还未接触，需要再进行学习。
4. 下周应该要开会组织开发了，希望自己能够快速成长起来。学习gulp相关知识