“乐宁”微信项目样式开发收获

谈收获的话，我打算从技术和人际两个方面去思考。

技术层面：

1.如无必要，尽量不要去修改底层样式，比如我们此次用的WEUI样式框架；
2.某个特效很难实现，不要花费太多时间卡住，先易后难；
3.少用删除，多用注释；
4.排查样式问题：先仔细看CSS，之后通过注释一步步找出有问题的代码段；
5.机器要高性能，否则经不起折腾；

人际层面：

1.不要强势，不会就不会，切忌不懂装懂；
2.脸部肌肉放轻松一些，否则会让交流的同事有压力；
3.身段放低，专注于工作，演好自己的角色。

---

整个项目中，关于样式有3个技术难点：

一、页面html右侧有多余空间

669674495442283623.jpg

如上图，右侧露出的底色就是多出来的部分，而html不包含这个多出来的部分！

解决方法：
原理——这种情况一般是引用第三方扩展不完整导致的，这个项目引用了Bootstrap和WEUI样式框架，原因在此。
措施：补全html代码，比如WEUI的类weui_cell外部需要包裹一层类为weui_cells的DIV，Bootstrap的类row外部需要包裹一层类为container的DIV。

---

二、弹出框无法正常显示

问题描述：我将屡试不爽的弹出框代码移植到某个页面时，点击触发器，却没有弹出框，用网页找弹出框元素，发现在页面正中央有弹出框的影子！那弹出框哪里去了？？？

问题原理：没找出。

解决办法：强行修改弹出框div的visibility，z-index，opacity属性，解决。猜测是某个别的样式将弹出框的显示属性修改为不可见了。

---

三、字符串结尾处的“）”被前置

360反馈意见截图16581119335813.jpg

问题描述:
数据库传过来的数据为“七宝（QB）”，但显示出来却成了“（七宝（QB”，经页面检查，前面多出来的括号就是最后的右括号。
解决办法：
只有以括号或者标点符号结尾，才会出现这样的情况，经测试中文汉字不会被前置，所以跟产品商量后，在字符串末尾加上“校区”字符串，问题解决。