2016 年 11月 9 日随笔档案 - meixiaomin

图片上下垂直居中各方法

摘要：方法一： display:box;box-pack:center;box-align:center; display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center; display:-moz-box;-moz-box-pac 阅读全文

posted @ 2016-11-09 16:47 meixiaomin 阅读(377) 评论(0) 推荐(0)

Flex box弹性布局及响应式前端设计的优化

摘要： Flex box弹性布局 Flex box是CSS3新添加的一种模型属性，它的出现有力的打破了我们常常使用的浮动布局、实现垂直等高、水平均分、按比例划分，可以实现许多我们之前做不到的自适应布局。如果你希望网站能以webapp的外观呈现在手机用户面前，那么，Flex box就是个不错的方式。Flex 阅读全文

posted @ 2016-11-09 16:07 meixiaomin 阅读(255) 评论(0) 推荐(0)

曲线图

摘要： HTML: <div class="zxt" style="width:100%;height:100%;"><div id="main" style="width:100%;height:100%;border:0px solid #ccc;padding:0;"></div></div> JS: 阅读全文

posted @ 2016-11-09 15:13 meixiaomin 阅读(262) 评论(0) 推荐(0)

js判断手机系统是iOS还是android

摘要： var arg = navigator.platform; if(arg == "iPhone"){ $(".backA").hide(); } 阅读全文

posted @ 2016-11-09 15:03 meixiaomin 阅读(190) 评论(0) 推荐(0)

用canvas生成二维码

摘要： $("#actimg").qrcode({ render: "canvas", //设置渲染方式，有table和canvas，使用canvas方式渲染性能相对来说比较好 text: "http://dolphinonline.52souhui.com/noAcitivity.html", //扫描了阅读全文

posted @ 2016-11-09 15:02 meixiaomin 阅读(406) 评论(0) 推荐(0)

js按钮浮动随手指方向移动而移动

摘要： window.document.getElementById("moveDIV").addEventListener("touchmove", function (event) { event.preventDefault(); if (event.targetTouches.length == 1 阅读全文

posted @ 2016-11-09 14:38 meixiaomin 阅读(429) 评论(0) 推荐(0)

移动开发框架，Hammer.js 移动设备触摸手势js库

摘要： hammer.js是一个多点触摸手势库，能够为网页加入Tap、DoubleTap、Swipe、Hold、Pinch、Drag等多点触摸事件，免去自己监听底层touchstart、touchmove、touchend事件并且写一大堆判断逻辑的痛苦。hammer.js不但支持触摸屏设备的浏览器，在桌面浏阅读全文

posted @ 2016-11-09 14:36 meixiaomin 阅读(163) 评论(0) 推荐(0)

web移动端input获得光标Fixed定位失效解决方案

摘要：移动端业务开发，iOS 下经常会有 fixed 元素和输入框(input 元素)同时存在的情况。但是 fixed元素在有软键盘唤起的情况下，会出现许多莫名其妙的问题。这篇文章里就提供一个简单的有输入框情况下的 fixed 布局方案。 iOS下的 Fixed + Input BUG现象让我们先举阅读全文

posted @ 2016-11-09 14:36 meixiaomin 阅读(482) 评论(0) 推荐(0)

IOS 不兼容伪类active

摘要：添加空的事件ontouchstart 例 <body ontouchstart> 阅读全文

posted @ 2016-11-09 14:33 meixiaomin 阅读(128) 评论(0) 推荐(0)

上下滚动字条

摘要： css .gundong#demo {overflow: hidden;width: 90%;maxwidth: 640px;height: 29px;line-height: 29px;color: #fe8d00;font-size: 14px;margin-left: 34px;} #up_z 阅读全文

posted @ 2016-11-09 14:31 meixiaomin 阅读(211) 评论(0) 推荐(0)

回到顶部和底部

摘要： var doc = document,win = window;var $ScrollBotto; if($(win).scrollTop() > 0) $ScrollBottom = $(doc).height() - $(win).height() + $(win).scrollTop(); e 阅读全文

posted @ 2016-11-09 14:12 meixiaomin 阅读(160) 评论(0) 推荐(0)

导航

2016年11月9日