今天是入职第一个星期的最后一天,终于把项目做得差不多了,按时下班的感觉真不错。老规矩,先来个今天的工作总结。
今天的工作比较简单,主要是完成了商品添加静态页面的编写和公用全屏弹出层的编写,由于昨天手快一点,把属于今天的一些任务给提前做了。那么今天遇到的问题主要是在页面中添加富文本编辑器的问题,上网查了一下,有很多个插件,不知道该用哪一个。后来师兄说某某插件不错,就先用那个吧,不过我们的功能不用那么多,你看着把多余的去掉吧。然后随便捣鼓几下就把多余的东西删掉了,再把应用文件的路径改改就直接放到页面里,运行成功。。。感觉用别人写好的插件没有多大的成就感,就拿过来改一下就能用,跟自己半毛钱关系都没有。还在使用的过程中发现了一些小bug,看来有必要研究研究一下富文本编辑器是怎么写的了,即使写得不好,但是至少是一个学习的过程,收获会比直接拿人家的过来用强得多。
关于公共全屏弹出层的编写和之前其他公共按键的编写流程差不多,不过值得注意一点的是用CSS实现一个全屏的弹出层只要在body元素底下加一个div,然后div的属性设为:
{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
就可以实现全屏覆盖了。在我本机上的chrome和firefox里面都是可以的,不知道在其他版本会不会有什么问题,这个的花点有待深究。
还有一个问题就是要实现的是一个半透明的全屏弹窗加一个未知高度居中的提示框。半透明当然想到了使用opacity,但是父元素使用了opacity之后里面的子元素也都跟着变成半透明的了,这当然不是我想要的。于是我在父元素里面再加了已成div,用它来当作全屏的半透明弹框背景。未知高度元素居中有不少办法,但是为了省事,我直接只用了flex布局。父元素的属性设为:
{ display: flex; align-items: center; justify-content: center; }
这样就能轻松的实现未知高度元素垂直水平居中了。
今天下午开例会,会上4位同事进行了各自的分享,有讲摇滚的,徒步的,团队的,还有如何提高自控能力的。感觉大家都是很用心的去为这次分享做准备,尽量在有限的时间里表达出自己想要带给我们的东西。关于表达能力这一方面,我还是有待提高的。接下来周末打算是这样子的,先歇一小会,然后再将这几天遇到的问题整理一遍。遇到的新知识和难点再去探究一下,好好积累沉淀,每做一次项目都要尽可能的让自己进步,成长起来。加油。