2018-09-17 工作日报
上午
1.学习requireJS,粗略的看了下面两篇教程,感觉和项目里用的不太一样。
JS模块化工具requirejs教程(二):基本知识
requirejs入门到精通
2.学习gulp+babel将es6代码编译成es5,本项目并没有用上,我想等自己对于项目有着更深的理解之后再添加上去,不然可能会出各种问题。
3.用到Less进行样式书写,复习@import指令,Less中文网
下午
4.项目中的js和html一一对应,是在router.js里的load方法定义的,根据一个Html文件里的data-page属性的值,后面加.controller.js就是对应的Js.
5.而less文件则不用写对应,只需要在app.less里使用@import进行注入,然后less编译会将app.less编译为app.css。又由于每个样式都是不一样进行定义的,所以不做区分也可以正常载入对应的样式。
6.:nth-child(n)的用法,n代表第几个直接子元素。感觉不太好用,因为修改起来很麻烦,经常要增加删减子元素,那选择器的n也要改。经过同事指导,使用class会更简单
7.根据海通项目的原型图,完成了我的粉丝的简单的demo静态页面,使用了framework7里的表单布局,按钮,导航栏等组件。demo如下图:
8.自学template7