2018-10-09工作日报+第五周周报

上午

1.财富商城PC端用的是ruby架构的Jeyll构建的项目,而且看起来比较混乱,跑服务器的指令在readme.txt里也没写。多亏了同事帮助,我才成功的跑起来。

2.看了一上午代码结构,大概结构就是html+css+js,然后使用make进行打包的架构,这个项目解决复用性的办法是写一些全局样式,复用的时候只要把类名写对就可以调用了。缺点就是非常难找,我根本不知道哪些是可以复用的哪些不可以。好在这个项目目前只是要写样式,具体的JS看起来更复杂。

3.具体的全局样式得去各个HTML上找,放在全局组件的HTML也不是全的,目前发现的就是ui-nav btn-primary canvas以及alert的modal.

下午

4.开始动手写界面,由于PC端需要兼容IE,所以不能用flex,好在样式和布局不怎么复杂,复用全局样式加上自己写一点也是可以复原UI图的。自己写样式时遇到的一些坑

(1)background和background-color的区别在于前者可以设置图片,尺寸,颜色等,而后者只能设置背景颜色。这个我常常与color和font-color搞混,需要注意的是font-color是不存在的

(2)一个固定高度宽度的img如果用div容器包裹的话,不能在div上设置宽度,必须在img上设。否则会穿透容器。

(3) 项目中的全局样式有时候优先级过高,导致本地新修改的样式无法覆盖。此时有两种解决方案。
第一种是 再给元素加一个类名,写样式的时候使用第二个类名。
第二种是 使用id选择器 组合选择器增加该元素的优先级。比如div.test

第五周周报

1.这一周主要优化了海通社区的两个界面,包括ios原生滚动惯性和超出文字显示省略号,和给用户头像适配白底背景。但是遗憾的是还在等接口的数据。

2.自学了vue.js,基本看完了vue的文档,虽然对于父子组件传值方面还是有不少问题,但是大致原理还是明白的。准备实战的时候接到了另一个项目,等有空开始进行实战。具体的学习知识过程看日报。

3.学习了项目里的gulp命令和插件,并且自定义了一个指令简化了操作。

4.牛邦的同事过来进行培训,干货很多,尤其让我注意的是关于Mock的相关插件应用,我觉得是快速应用并提高生产力的工具。下周一定要学会并实际应用在项目里。

5.下周预计写完并整合掉海通社区和财富商城PC端的项目,并进行vue项目的实战。

猜你喜欢

转载自blog.csdn.net/qq_36620428/article/details/83185703