随笔分类 - 移动端

摘要:上一篇写到调用微信扫一扫接口,现在来生成二维码、条形码。 在我们的系统中,使用订单号生成二维码、条形码,司机在公众号内扫描该二维码、条形码之后显示订单号,以供确认该订单是否可以签收。 一、jquery.qrcode.min.js 生成二维码 1、使用步骤 (1)引入文件: (2)在页面放一个二维码容 阅读全文
posted @ 2018-06-12 14:45 名字被占用。 阅读(1563) 评论(0) 推荐(0) 编辑
摘要:一、解决报错问题 单从报错信息 invalid signature 就可以看出是 签名signature 有问题, 查了很多资料,终于知道了问题点, 后台让我直接调接口是不对的,签名是根据请求接口的页面url来生成的,所以url要动态地传给后台,而且这个页面url还要除去'#'hash部分,可用 l 阅读全文
posted @ 2018-06-11 16:20 名字被占用。 阅读(19858) 评论(0) 推荐(0) 编辑
摘要:对应的各种效果,Framework7 里面实现的方式比较多,这里我就只写我用的一种,样式有的自己修改了的,想看官方详细的参见 http://framework7.cn 一、手风琴布局Accordion Layout 二、复选框 或者 三、弹出框 Popover 阅读全文
posted @ 2018-05-16 18:55 名字被占用。 阅读(178) 评论(0) 推荐(0) 编辑
摘要:在公众号中提交服务需求工单后,经过“待分配”、“待执行”、“执行中”、“待验收” 这些阶段后,需要验收人提交评论上传图片才能变成“已完成”。 做好后新增点击图片全屏查看的需求,刚开始使用的方法能够做到,但是由于 jquery 的版本冲突,所以不得已换了现在的方法。 一、简单例子。 具体的样式就不写了 阅读全文
posted @ 2017-07-30 18:28 名字被占用。 阅读(8304) 评论(0) 推荐(3) 编辑
摘要:移动设备上不支持鼠标事件,好在webkit内核的移动浏览器支持 touch 事件,所以触摸事件是移动应用中所必须的。touchstart、touchmove、touchend事件可以类比于mousedown、mouseover、mouseup的触发。 一、touch 相应事件 touchstart 阅读全文
posted @ 2017-07-07 17:08 名字被占用。 阅读(1043) 评论(0) 推荐(0) 编辑
摘要:手机端页面好多要注意的,点击事件就是其中一个: 在手机端页面中使用 click,安卓手机能正常实现点击效果,可是苹果手机不能点击;用 touchend 代替 click,苹果手机中能点击,但是可能出现小问题。 所以,在进行移动端页面优化时,一般使用 touch 事件替代鼠标相关事件,用的较多的是使用 阅读全文
posted @ 2017-07-04 17:36 名字被占用。 阅读(378) 评论(0) 推荐(0) 编辑
摘要:javascript(简称js)语言在移动前端可以说必不可少,许多效果都是和js相关的,包括现在移动端的一些框架:jqmobi、jqtouch、sencha touch、jquerymobile等等。都是基于js编写的。 暂时不讨论这些框架,主要讨论一下部分常用的js事件在移动端的使用。举几个例子: 阅读全文
posted @ 2017-02-09 18:27 名字被占用。 阅读(1111) 评论(0) 推荐(0) 编辑
摘要:meta标签中提到了部分功能要结合link标签进行使用,link标签主要是存放CSS文件的地方,同时还有一些专属的移动端设置。 之前的meta篇中也说了 <meta name="apple-mobile-web-app-status-bar-style" content="black"/><meta 阅读全文
posted @ 2017-02-09 17:51 名字被占用。 阅读(276) 评论(0) 推荐(0) 编辑
摘要:meta标签主要辅助HTML结构层的。meta标签不管在互联网前端还是在移动端都起了很重要的作用。 这是一个HTML5为语言标准的说明文档。 1、第一组meta标签,比较常见。它表明的意思是它的内容是html文档,且网页编码采用的是utf-8编码。utf-8编码主要针对是简体中文和英文。正确的编码定 阅读全文
posted @ 2017-02-09 17:25 名字被占用。 阅读(176) 评论(0) 推荐(0) 编辑
摘要:其实很简单,我只是写了来记录一下自己遇到的这个小坑。 随便找个优酷视频,点击下图分享: 直接把代码复制粘贴到你的代码中即可。 但是,有三种,用哪种合适?我用的时候,最开始用的html代码,遇到一个问题:第一次预览的时候,有视频,不关闭页面,点击刷新页面,视频不知道怎么的就没了。很奇怪。网上百度什么的 阅读全文
posted @ 2016-09-22 15:40 名字被占用。 阅读(194) 评论(0) 推荐(0) 编辑
摘要:浏览器的默认字体高是16px。 兼容性: 目前,IE9+,Firefox、Chrome、Safari、Opera 的主流版本都支持了rem。 对于不支持的浏览器,要多写一个绝对单位的声明,这样浏览器就会忽略用rem设定的字体大小。 % css中的body先全局声明font-size=62.5%,%的 阅读全文
posted @ 2016-09-08 10:10 名字被占用。 阅读(599) 评论(0) 推荐(0) 编辑