04 2017 档案

摘要:近期做了一个项目需要用到下拉刷新,上拉加载更多,无意间在GitHub上面发现了这个插件,很小,只依赖于jQuery或Zepto就可运行。使用也很简单,下面贴上示例: 插件地址:http://ons.me/526.html 插件内容我就直接贴在博客最后面了,复制粘贴就能用了: 下面直接上示例: 示例一 阅读全文
posted @ 2017-04-28 15:54 LIULIULIU666 阅读(23713) 评论(0) 推荐(1) 编辑
摘要:这是一个随机数应用的小例子,简单明了: 阅读全文
posted @ 2017-04-28 14:27 LIULIULIU666 阅读(474) 评论(0) 推荐(0) 编辑
摘要:判断滑动的方向和距离,来实现一定的效果,比如返回上一页等等 阅读全文
posted @ 2017-04-26 17:59 LIULIULIU666 阅读(1405) 评论(0) 推荐(0) 编辑
摘要:注:最近研究整理swiper时,发现了Flex这个好东西,好东西! 原文地址:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html Flex 布局教程:语法篇 网页布局(layout)是CSS的一个重点应用。 布局的传统解决方案,基于盒状模 阅读全文
posted @ 2017-04-24 22:14 LIULIULIU666 阅读(176) 评论(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 阅读(271) 评论(0) 推荐(0) 编辑
摘要:点击按钮显示隐藏DIV,点击DIV外面隐藏DIV 注意:此方法对touch事件不行,因为stopPropagation并不能阻止touchend的冒泡 阅读全文
posted @ 2017-04-24 14:33 LIULIULIU666 阅读(1896) 评论(0) 推荐(0) 编辑
摘要:JS,Jquery获取各种屏幕的宽度和高度 Javascript: 网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见 阅读全文
posted @ 2017-04-22 10:11 LIULIULIU666 阅读(345) 评论(0) 推荐(0) 编辑
摘要:可以通过prototype来为已经定义好的的"类"添加属性和方法。这里来了解一下prototype的基础知识。prototype是"构造函数"的属性,不是实例的属性. 示例: 在用prototype的方式实现继承一个类的时候,要注意其可能覆盖别的prototype方式添加的属性和方法。如果HiCla 阅读全文
posted @ 2017-04-22 00:03 LIULIULIU666 阅读(3542) 评论(0) 推荐(0) 编辑
摘要:摘自: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 阅读(256) 评论(0) 推荐(0) 编辑
摘要:因为工作需要在H5小游戏中插入广告,所以小游戏要放在iframe里面,但是那样的话在iphone手机上iframe的宽度限制不住,在Android设备上面是正常的所以要单独对iframe里面的body进行宽度限制才能实现效果。可以用css也可以用js来控制: css就不写啦,js控制如下:判断浏览器 阅读全文
posted @ 2017-04-21 21:05 LIULIULIU666 阅读(947) 评论(0) 推荐(0) 编辑
摘要:js的touch事件,一般用于移动端的触屏滑动: $(function(){ document.addEventListener("touchmove", _touch, false);}) function _touch(event){alert(1); } touchstart:当手指触摸屏幕时 阅读全文
posted @ 2017-04-20 18:03 LIULIULIU666 阅读(373) 评论(0) 推荐(0) 编辑
摘要:网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括 阅读全文
posted @ 2017-04-20 14:20 LIULIULIU666 阅读(43431) 评论(0) 推荐(1) 编辑
摘要:直接调用样式类即可: 阅读全文
posted @ 2017-04-20 08:38 LIULIULIU666 阅读(1210) 评论(0) 推荐(0) 编辑
摘要:1 2 3 第一段 4 第二段 5 6 12 第一段 13 第二段 14 15 2、删除已有HTML元素 16 须找到要删除元素的父元素,再删除子元素 17 --> 18 ... 阅读全文
posted @ 2017-04-19 22:43 LIULIULIU666 阅读(778) 评论(0) 推荐(0) 编辑
摘要:8 10 18 35 阅读全文
posted @ 2017-04-19 22:27 LIULIULIU666 阅读(189) 评论(0) 推荐(0) 编辑
摘要:题目:请针对移动端web浏览器制作一个结账数据信息展示页面 要求: 1、 页面样式除不使用表格呈现外,可自由选择其他呈现方式 2、 需符合移动端操作习惯 3、 可根据服务区、门店查询结账信息 4、 可根据时间段对结账信息进行筛选 Ajax交互接口: 1、务区数据列表:(对象名称:SERVERPART 阅读全文
posted @ 2017-04-19 18:52 LIULIULIU666 阅读(2170) 评论(0) 推荐(0) 编辑
摘要:test是RegExp的方法,参数是字符串,返回值是boolean类型。match是String的方法,参数是正则表达式,返回值是数组。 案例: 阅读全文
posted @ 2017-04-11 22:21 LIULIULIU666 阅读(7643) 评论(1) 推荐(2) 编辑
摘要: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 阅读(958) 评论(0) 推荐(0) 编辑
摘要:Title 我是单行标题居中 我是两行标题两行标题两行标题居左 我是超过两行的标题最后点号省略我是超过两行的标题最后点号省略标题最后点号省略 阅读全文
posted @ 2017-04-06 13:56 LIULIULIU666 阅读(1918) 评论(0) 推荐(0) 编辑
摘要:此js一般用于控制图片铺满盒子,但是比例不变,并且绝对局中原理:判断图片的高宽与盒子高宽的大小的关系,然后通过比例来控制图片的缩放及定位 无标题文档 阅读全文
posted @ 2017-04-06 11:38 LIULIULIU666 阅读(4492) 评论(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 阅读(562) 评论(0) 推荐(0) 编辑
摘要:先判断智能机浏览器的版本信息:方法有两种,但是第一种兼容性更好,但是使用了device插件 第一种: if (device.android()){ } 第二种: var ua = navigator.userAgent.toLowerCase();//获取浏览器的userAgent,并转化为小写—— 阅读全文
posted @ 2017-04-05 09:20 LIULIULIU666 阅读(1450) 评论(0) 推荐(0) 编辑
摘要:a标签在F12计算出来的样式里 text-decoration:none; 确实有被应用到。但是链接的下划线并没有被去掉... 解决办法:p:commandLink <p:commandLink class='tits'><a href='#' title='' target='_blank'>美女 阅读全文
posted @ 2017-04-01 17:17 LIULIULIU666 阅读(1238) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示