04 2017 档案

下拉刷新，上拉加载更多，超级好用的插件
摘要：近期做了一个项目需要用到下拉刷新，上拉加载更多，无意间在GitHub上面发现了这个插件，很小，只依赖于jQuery或Zepto就可运行。使用也很简单，下面贴上示例： 插件地址：http://ons.me/526.html 插件内容我就直接贴在博客最后面了，复制粘贴就能用了： 下面直接上示例： 示例一 阅读全文
posted @ 2017-04-28 15:54 LIULIULIU666 阅读(23789) 评论(0) 推荐(1)
利用随机数改变盒子样色，相邻两个不同色
摘要：这是一个随机数应用的小例子，简单明了： 阅读全文
posted @ 2017-04-28 14:27 LIULIULIU666 阅读(480) 评论(0) 推荐(0)
touch监听判断手指的上滑，下滑，左滑，右滑，事件监听
摘要：判断滑动的方向和距离，来实现一定的效果，比如返回上一页等等 阅读全文
posted @ 2017-04-26 17:59 LIULIULIU666 阅读(1425) 评论(0) 推荐(0)
Flex 布局教程：语法篇
摘要：注：最近研究整理swiper时，发现了Flex这个好东西，好东西！ 原文地址：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html Flex 布局教程：语法篇 网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模 阅读全文
posted @ 2017-04-24 22:14 LIULIULIU666 阅读(184) 评论(0) 推荐(0)
自定义弹框（手机端），定时消失
摘要：//文字弹框，1秒后消失 function txt_layer_glo(txt, time) { var txt_layer = " " + txt + ""; if ($("body .txt_layer").length > 0) { $(".txt_layer").show(); $(".txt_layer").text(txt); } else { $("body").append(... 阅读全文
posted @ 2017-04-24 15:11 LIULIULIU666 阅读(286) 评论(0) 推荐(0)
点击按钮显示隐藏DIV，点击DIV外面隐藏DIV
摘要：点击按钮显示隐藏DIV，点击DIV外面隐藏DIV 注意：此方法对touch事件不行，因为stopPropagation并不能阻止touchend的冒泡 阅读全文
posted @ 2017-04-24 14:33 LIULIULIU666 阅读(1905) 评论(0) 推荐(0)
获取各种屏幕宽度、高度
摘要：JS,Jquery获取各种屏幕的宽度和高度 Javascript: 网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见 阅读全文
posted @ 2017-04-22 10:11 LIULIULIU666 阅读(352) 评论(0) 推荐(0)
prototype为对象添加属性和方法
摘要：可以通过prototype来为已经定义好的的"类"添加属性和方法。这里来了解一下prototype的基础知识。prototype是"构造函数"的属性，不是实例的属性. 示例： 在用prototype的方式实现继承一个类的时候，要注意其可能覆盖别的prototype方式添加的属性和方法。如果HiCla 阅读全文
posted @ 2017-04-22 00:03 LIULIULIU666 阅读(3567) 评论(0) 推荐(0)
js中的call()方法与apply()方法
摘要：摘自：http://blog.csdn.net/chelen_jak/article/details/21021101 在web前端开发过程中，我们经常需要改变this指向，通常我们想到的就是用call方法 一、call方法的定义 关于call的定义都很拗口。在我的理解，a.call(b,arg1, 阅读全文
posted @ 2017-04-21 22:51 LIULIULIU666 阅读(265) 评论(0) 推荐(0)
iphone在iframe页面的宽度不受父页面影响，避免撑开页面
摘要：因为工作需要在H5小游戏中插入广告，所以小游戏要放在iframe里面，但是那样的话在iphone手机上iframe的宽度限制不住，在Android设备上面是正常的所以要单独对iframe里面的body进行宽度限制才能实现效果。可以用css也可以用js来控制： css就不写啦，js控制如下：判断浏览器 阅读全文
posted @ 2017-04-21 21:05 LIULIULIU666 阅读(957) 评论(0) 推荐(0)
touch事件应用
摘要：js的touch事件，一般用于移动端的触屏滑动: $(function(){ document.addEventListener("touchmove", _touch, false);}) function _touch(event){alert(1); } touchstart:当手指触摸屏幕时 阅读全文
posted @ 2017-04-20 18:03 LIULIULIU666 阅读(431) 评论(0) 推荐(0)
js获取手机屏幕宽度、高度
摘要：网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括 阅读全文
posted @ 2017-04-20 14:20 LIULIULIU666 阅读(43469) 评论(0) 推荐(1)
css3特效样式库
摘要：直接调用样式类即可： 阅读全文
posted @ 2017-04-20 08:38 LIULIULIU666 阅读(1220) 评论(0) 推荐(0)
js基础：对DOM进行操作，删除、添加元素
摘要：1 2 3 第一段 4 第二段 5 6 12 第一段 13 第二段 14 15 2、删除已有HTML元素 16 须找到要删除元素的父元素，再删除子元素 17 --> 18 ... 阅读全文
posted @ 2017-04-19 22:43 LIULIULIU666 阅读(786) 评论(0) 推荐(0)
eval基础，基础用法及解析json
摘要：8 10 18 35 阅读全文
posted @ 2017-04-19 22:27 LIULIULIU666 阅读(193) 评论(0) 推荐(0)
ajax调用数据案例，二级联动
摘要：题目：请针对移动端web浏览器制作一个结账数据信息展示页面 要求： 1、 页面样式除不使用表格呈现外，可自由选择其他呈现方式 2、 需符合移动端操作习惯 3、 可根据服务区、门店查询结账信息 4、 可根据时间段对结账信息进行筛选 Ajax交互接口： 1、务区数据列表：(对象名称：SERVERPART 阅读全文
posted @ 2017-04-19 18:52 LIULIULIU666 阅读(2192) 评论(0) 推荐(0)
正则验证，match（）与test（）函数的区别？
摘要：test是RegExp的方法，参数是字符串，返回值是boolean类型。match是String的方法，参数是正则表达式，返回值是数组。 案例： 阅读全文
posted @ 2017-04-11 22:21 LIULIULIU666 阅读(7660) 评论(1) 推荐(2)
a标签实现一键拨号、发短信、发邮件、发起QQ会话
摘要：a标签href的妙用： <a href="tel:400-888-6633">拨打电话<a> <a href="sms:19956321564">发送短信<a> <a href="mailto:mail@mail.com">发送邮件<a> //启动QQ，pc端可用 <a target=blank h 阅读全文
posted @ 2017-04-10 10:25 LIULIULIU666 阅读(978) 评论(0) 推荐(0)
css实现一行居中显示，两行靠左显示，超过两行以引号省略
摘要：Title 我是单行标题居中 我是两行标题两行标题两行标题居左 我是超过两行的标题最后点号省略我是超过两行的标题最后点号省略标题最后点号省略 阅读全文
posted @ 2017-04-06 13:56 LIULIULIU666 阅读(1941) 评论(0) 推荐(0)
js控制图片自动缩放，实现铺满盒子，不变形，完全局中
摘要：此js一般用于控制图片铺满盒子，但是比例不变，并且绝对局中原理：判断图片的高宽与盒子高宽的大小的关系，然后通过比例来控制图片的缩放及定位 无标题文档 阅读全文
posted @ 2017-04-06 11:38 LIULIULIU666 阅读(4514) 评论(0) 推荐(0)
点击显示隐藏盒子函数
摘要：示例：（手机导航栏） <header> <div class="logo"></div> <p class="text">微蜂传媒</p> <div class="nav_btn" onclick="showHide('.dropdown_menu')"></div> <div class="dro 阅读全文
posted @ 2017-04-05 15:11 LIULIULIU666 阅读(570) 评论(0) 推荐(0)
使用line-height来垂直居中在安卓设备并不居中，利用ji调整
摘要：先判断智能机浏览器的版本信息：方法有两种，但是第一种兼容性更好，但是使用了device插件 第一种： if (device.android()){ } 第二种： var ua = navigator.userAgent.toLowerCase();//获取浏览器的userAgent,并转化为小写—— 阅读全文
posted @ 2017-04-05 09:20 LIULIULIU666 阅读(1473) 评论(0) 推荐(0)
a：hover标签已经定义了text-decoration：none,并且生效，但是还是有下划线
摘要：a标签在F12计算出来的样式里 text-decoration:none; 确实有被应用到。但是链接的下划线并没有被去掉... 解决办法：p:commandLink <p:commandLink class='tits'><a href='#' title='' target='_blank'>美女 阅读全文
posted @ 2017-04-01 17:17 LIULIULIU666 阅读(1257) 评论(0) 推荐(0)