谈收获的话,我打算从技术和人际两个方面去思考。
技术层面:
1.如无必要,尽量不要去修改底层样式,比如我们此次用的WEUI样式框架;
2.某个特效很难实现,不要花费太多时间卡住,先易后难;
3.少用删除,多用注释;
4.排查样式问题:先仔细看CSS,之后通过注释一步步找出有问题的代码段;
5.机器要高性能,否则经不起折腾;
人际层面:
1.不要强势,不会就不会,切忌不懂装懂;
2.脸部肌肉放轻松一些,否则会让交流的同事有压力;
3.身段放低,专注于工作,演好自己的角色。
整个项目中,关于样式有3个技术难点:
一、页面html右侧有多余空间
如上图,右侧露出的底色就是多出来的部分,而html不包含这个多出来的部分!
解决方法:
原理——这种情况一般是引用第三方扩展不完整导致的,这个项目引用了Bootstrap和WEUI样式框架,原因在此。
措施:补全html代码,比如WEUI的类weui_cell外部需要包裹一层类为weui_cells的DIV,Bootstrap的类row外部需要包裹一层类为container的DIV。
二、弹出框无法正常显示
问题描述:我将屡试不爽的弹出框代码移植到某个页面时,点击触发器,却没有弹出框,用网页找弹出框元素,发现在页面正中央有弹出框的影子!那弹出框哪里去了???
问题原理:没找出。
解决办法:强行修改弹出框div的visibility,z-index,opacity属性,解决。猜测是某个别的样式将弹出框的显示属性修改为不可见了。
三、字符串结尾处的“)”被前置
问题描述:
数据库传过来的数据为“七宝(QB)”,但显示出来却成了“(七宝(QB”,经页面检查,前面多出来的括号就是最后的右括号。
解决办法:
只有以括号或者标点符号结尾,才会出现这样的情况,经测试中文汉字不会被前置,所以跟产品商量后,在字符串末尾加上“校区”字符串,问题解决。