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

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出去

使用的时候

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

【Android】移动端二维码扫描解决方案衍变
移动端二维码扫描解决方案衍变目录踩坑&方案方案选择 Zxing方向 Hms ScanKit方向总结目录踩坑&方案 Zxing yyds? no,no,no -> Sc ...
H5 移动端二维码扫描
H5 移动端二维码扫描-附加扫描样式依赖包jsQR 思路:通过浏览器获取视频流播放在video当中,然后设置定时器截取视频流绘制在canvas中,使用canvas获取到图片信息,再使用jsQR解析二 ...
山东大学项目实训（四）—— 微信小程序扫描web端二维码实现web端登录
效果点击登录后,显示二维码→打开"探古"(本项目)微信小程序,扫描二维码确认登录→web端登录成功主要流程因为本人主要负责web前端的开发,所以本文仅介绍web前端的实现方法 ...
github这个项目,几行代码生成海报及二维码
前言现如今围绕微信生态相关开发已经非常常见,本期带来如何通过 qrcode.js 实现微信内置浏览器动态生成二维码并能够长按识别以及通过 html2canvas 生成图片并长按保存说几个知识点 ...
制作二维码怎么做？手把手教你制作生成二维码
制作二维码怎么做?在我们的日常生活中总是会看到各色各样的二维码,二维码可以说在我们的生活中无处不在.我们除了会看到一些最简单二维码,还会看到一些好看样式的二维码.那么问题来了,二维码如何制作?这里小编 ...
IOS端二维码小工具
JSbox是苹果IOS端的一个app,可以将JavaScript代码翻译成IOS端的原生程序,它的文档地址是https://docs.xteko.com/,但是在2020.10.03以后就停止更新了, ...
微信扫描PC端二维码跳转到小程序确认登录通过WebSocket来获取用户信息达到PC端登录
需求: 在pc端获取后端给的token值来生产二维码(这里后端给了我两个url:一个是二维码url,一个是ws的 url),用微信扫描二维码跳转到小程序写的确定登录页面(进行确定):然后在PC端使用W ...
做了个抓取全网群二维码和个人二维码的平台
在互联网高速发展的今天,一切都已经互联网化,而移动互联网更是无孔不入,有人的地方就有互联网的地方就有网络营销.截至2020年12月,我国网民规模达9.89亿,手机网民规模更是达9.86亿,2020年微 ...
【Android QR Code】开源项目：ZXing（三）二维码解码
继续上一节的内容本节我们将对上一节的QQ群号二维码进行解码 QQ群号二维码图片另存为后,将下载的.jpg拷贝到项目assets目录下 1.解码配置 Map<DecodeHintType,Obj ...

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

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

最新文章

热门文章