12 2017 档案

前端canvas合并图片两种实现方式
摘要：恢复内容开始 需求： 有一个固定的背景图，还有一个是随机生成的二维码，合并成一张图，让用户下载。 实现一：纯手写，这里为了省事生成图片我直接给的base64，其实使用qrcode.js生成的也是base64图片； body: js: 测试结果：在手机里谷歌浏览器和苹果浏览器都可以，uc不行。 实现二 阅读全文
posted @ 2017-12-26 18:15 正举 阅读(2212) 评论(0) 推荐(0)
ios safari input fixed 软键盘里的爱恨情仇
摘要：请看第一题： 为什么我的input获取焦点后，被输入法遮住了。 解决办法： 源码： 一向如此任性，从不解释为什么，为什么？这是去年的代码，所以，我也忘了…… 请看第二题： 今天一个辞职很久的前端姐姐问我一个在ios safari浏览器中为什么我的css为position：fixed的header居然 阅读全文
posted @ 2017-12-26 16:17 正举 阅读(605) 评论(0) 推荐(0)
JS 判断浏览器类型，获取位置信息，让手机震动
摘要：判断是否是安卓 var isAndroid = /Android/i.test(navigator.userAgent); var isAndroid = /Android/i.test(navigator.userAgent); 判断是否是IOS系统 var isIOS = /iPhone|iPa 阅读全文
posted @ 2017-12-26 10:07 正举 阅读(481) 评论(0) 推荐(0)
正则收藏，一些常用的。
摘要：1、校验中文 字符串只能是中文 ^[\u4e00-\u9fa5]{0,}$ 2、由数字，26个英文字母或下划线组成的字符串 ^\w+$ 3、校验E-Mail 地址 [\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])? 4、校验身份证号... 阅读全文
posted @ 2017-12-26 09:53 正举 阅读(179) 评论(0) 推荐(0)
html5弹性布局两则，有交互。
摘要：要开发一个后台管理框架，要求如下效果。 然后开始找各种弹性布局啊什么的，用了flex写了一个，但是觉得不好，首先是兼容，其次它会破坏掉里面子元素的一些css特性，为了不给自己找麻烦我还是用传统写法吧。 上面这个效果是我实现的，但是有一个小bug就是左边侧边栏收起的时候会有和中间大盒子间产生一个灰色的 阅读全文
posted @ 2017-12-21 16:23 正举 阅读(225) 评论(0) 推荐(0)
在分享到微信里的网页中，打开qq对话框。
摘要：废话不多说，就是要去这个网址把qq申请一下服务。 网址： 大概长这样： 2.截取这一段代码： 3.重新分享到微信，因为微信好像有缓唇。这时候就可以打开外部qq了。 ps：这个我是在知乎上看到的，但是作为唯一的正确答案，竟然被忽略了，我不知道是出于什么目的，好啦，又解决了一个问题，如果有幸帮到你，我很 阅读全文
posted @ 2017-12-20 14:14 正举 阅读(860) 评论(0) 推荐(0)
js屏蔽手机的物理返回键
摘要：$(document).ready(function() { if (window.history && window.history.pushState) { $(window).on('popstate', function () { window.history.pushState('forward', null, '#'); ... 阅读全文
posted @ 2017-12-20 14:05 正举 阅读(2100) 评论(0) 推荐(0)
移动端网站开发常见问题解决【知识点】
摘要：安卓浏览器看背景图片，有些设备会模糊因为手机分辨率太小，如果按照分辨率来显示网页，字会非常小，安卓手机devicePixoRadio比较乱，有1.5的，有2的也有3的。想让图片在手机里显示更为清晰，必须使用2x的背景图来代替img标签（一般情况下都是2倍的），或者指定background-size: 阅读全文
posted @ 2017-12-15 13:43 正举 阅读(260) 评论(0) 推荐(0)