2017年8月28日
移动前端经验
摘要： 原文链接：http://caibaojian.com/mobile-meta.html 上面给出了常用的一些meta属性，下面给一个对meta使用的理解。· meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，met 阅读全文
posted @ 2017-08-28 15:10 \面朝阳光/ 阅读(129) 评论(0) 推荐(0) 编辑
移动端开发需要加的meta
摘要： 移动端开发需要加的meta和常用的css3媒体查询样式，移动开发中头部要加的一些常用meta。 css 适应不同手机 iphone 4和4s 阅读全文
posted @ 2017-08-28 15:06 \面朝阳光/ 阅读(927) 评论(0) 推荐(0) 编辑
25款css动画库
摘要： http://www.swiper.com.cn/usage/animate/index.html //swiper https://cssanimation.io/ http://ianlunn.github.io/Hover/ http://elrumordelaluz.github.io/cs 阅读全文
posted @ 2017-08-28 14:48 \面朝阳光/ 阅读(452) 评论(0) 推荐(0) 编辑
2017年8月25日
监听微信端，手机端，ios端的浏览器返回事件，pc端关闭事件
摘要： 直接上代码了，可以监听微信端，手机端，iOS端的浏览器返回事件，关闭事件不支持 当进入该页面，我们就给这个history压入一个本地的连接。当点击返回、后退及上一页的操作时，就进行监听，在监听代码中实现自己操作 window.addEventListener("popstate", function 阅读全文
posted @ 2017-08-25 11:23 \面朝阳光/ 阅读(1179) 评论(0) 推荐(0) 编辑
表单提交 事件
摘要： $.post(url,{"":,"random":Math.random()},function(data){});这种方式提交的数据可以得到后台返回的结果 $.ajax({ cache: true, type: "POST", url:ajaxCallUrl, data:$('#yourformi 阅读全文
posted @ 2017-08-25 10:52 \面朝阳光/ 阅读(518) 评论(0) 推荐(0) 编辑
解决移动端 footer fixd 定位被键盘顶起来的方案
摘要： 直接上代码： $(document).ready(function () { var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 va 阅读全文
posted @ 2017-08-25 10:44 \面朝阳光/ 阅读(430) 评论(0) 推荐(0) 编辑
JS事件——禁止事件冒泡和禁止默认事件
摘要： 什么是JS事件冒泡？： 在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到 阅读全文
posted @ 2017-08-25 10:14 \面朝阳光/ 阅读(353) 评论(0) 推荐(0) 编辑
css 实现垂直居中
摘要： 通用 代码： 1 2 3 4 <div id="parent"> <div id="floater"></div> <div id="child">Content here</div> </div> 1 2 3 4 <div id="parent"> <div id="floater"></div> 阅读全文
posted @ 2017-08-25 09:51 \面朝阳光/ 阅读(178) 评论(0) 推荐(0) 编辑
2017年8月24日
JS 60秒后重发送验证码
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <button id="getPhoneCode"></button> <script src= 阅读全文
posted @ 2017-08-24 10:46 \面朝阳光/ 阅读(267) 评论(0) 推荐(0) 编辑
写的好的功能参考地址
摘要： http://www.mizuiren.com/category/qdsj/page/2 移动端触摸事件touchmove的坑 http://www.mizuiren.com/452.html http://w.ihx.cc/wp-content/themes/MRYW/images/pattern 阅读全文
posted @ 2017-08-24 09:41 \面朝阳光/ 阅读(105) 评论(0) 推荐(0) 编辑