最近做项目的一些心得--移动端二维码

1. 最近搞了个布局

用flex配合rem写的，类似右边固定宽，左边自适应；

1. 这种布局写的时候，左右都得给宽度；即使左边的宽度写大了，只要右边的头像写上 flex-shrink: 0;即使地方不够，右边的头像占的宽度不会被缩小，只有左边的宽度会被缩小...这个很棒

2.关于右边的头像，是个圆形：一开始，我写的样式是 width:XXXrem; height: XXXrem; 当然width = height;但是在一些手机上会存在圆形下面被削掉一块的情况（成了个不太完整的圆形）；一开始不知道咋改，半小时之后，我把div的高度去掉，忽然就变好了~；想了下，即使只剩下width和border-radius:100%,没有高度，div被自动撑开为一个圆形（这种写法对img图片有要求，必须是1:1的，否则出来的效果不是圆的，是椭圆；）；唯一的缺陷就是页面刚打开加载的时候，有个头像从扁到圆被撑开的动态过程；不过PM觉得不所谓，只要是圆形就ok

3. 说下坑爹的二维码插件，本来觉得是个很简单的功能，网上也能搜到相关的插件。我一开始用的就是

http://www.runoob.com/w3cnote/javascript-qrcodejs-library.html  这个网站下的 http://static.runoob.com/assets/qrcode/qrcode.min.js 稍加改装成CMD格式的；请教了下同事加个define,加个return就ok

本来用的好好的，马上要上线那天下午，测试环境忽然这个插件就开始报错了，坑爹啊... 搞到晚上11点，最终先舍弃这个功能上线其他部分；

第二天修bug的时候，不得不换插件  最终选了  http://www.jq22.com/jquery-info294  这个网站下的插件

  功能没问题，如何改成CMD结构的呢？

1. 开头define 引入jq(zepto也是可以的)

结尾把jq（或者zepto）return出去

使用的时候