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