会员
商店
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
AiTing on the way
走自己的路,让别人去说吧!不要被别人打扰了你的幸福!
博客园
首页
新随笔
联系
管理
订阅
随笔- 213 文章- 0 评论- 15 阅读-
54万
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)
编辑
touch监听判断手指的上滑,下滑,左滑,右滑,事件监听
摘要:判断滑动的方向和距离,来实现一定的效果,比如返回上一页等等
阅读全文
posted @
2017-04-26 17:59
LIULIULIU666
阅读(1405)
评论(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
阅读(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
摘要:点击按钮显示隐藏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的方式实现继承一个类的时候,要注意其可能覆盖别的prototype方式添加的属性和方法。如果HiCla
阅读全文
posted @
2017-04-22 00:03
LIULIULIU666
阅读(3542)
评论(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
阅读(256)
评论(0)
推荐(0)
编辑
iphone在iframe页面的宽度不受父页面影响,避免撑开页面
摘要:因为工作需要在H5小游戏中插入广告,所以小游戏要放在iframe里面,但是那样的话在iphone手机上iframe的宽度限制不住,在Android设备上面是正常的所以要单独对iframe里面的body进行宽度限制才能实现效果。可以用css也可以用js来控制: css就不写啦,js控制如下:判断浏览器
阅读全文
posted @
2017-04-21 21:05
LIULIULIU666
阅读(947)
评论(0)
推荐(0)
编辑
touch事件应用
摘要:js的touch事件,一般用于移动端的触屏滑动: $(function(){ document.addEventListener("touchmove", _touch, false);}) function _touch(event){alert(1); } touchstart:当手指触摸屏幕时
阅读全文
posted @
2017-04-20 18:03
LIULIULIU666
阅读(373)
评论(0)
推荐(0)
编辑
js获取手机屏幕宽度、高度
摘要:网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括
阅读全文
posted @
2017-04-20 14:20
LIULIULIU666
阅读(43431)
评论(0)
推荐(1)
编辑
css3特效样式库
摘要:直接调用样式类即可:
阅读全文
posted @
2017-04-20 08:38
LIULIULIU666
阅读(1210)
评论(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
阅读(778)
评论(0)
推荐(0)
编辑
eval基础,基础用法及解析json
摘要:8 10 18 35
阅读全文
posted @
2017-04-19 22:27
LIULIULIU666
阅读(189)
评论(0)
推荐(0)
编辑
ajax调用数据案例,二级联动
摘要:题目:请针对移动端web浏览器制作一个结账数据信息展示页面 要求: 1、 页面样式除不使用表格呈现外,可自由选择其他呈现方式 2、 需符合移动端操作习惯 3、 可根据服务区、门店查询结账信息 4、 可根据时间段对结账信息进行筛选 Ajax交互接口: 1、务区数据列表:(对象名称:SERVERPART
阅读全文
posted @
2017-04-19 18:52
LIULIULIU666
阅读(2170)
评论(0)
推荐(0)
编辑
正则验证,match()与test()函数的区别?
摘要:test是RegExp的方法,参数是字符串,返回值是boolean类型。match是String的方法,参数是正则表达式,返回值是数组。 案例:
阅读全文
posted @
2017-04-11 22:21
LIULIULIU666
阅读(7643)
评论(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
阅读(958)
评论(0)
推荐(0)
编辑
css实现一行居中显示,两行靠左显示,超过两行以引号省略
摘要:Title 我是单行标题居中 我是两行标题两行标题两行标题居左 我是超过两行的标题最后点号省略我是超过两行的标题最后点号省略标题最后点号省略
阅读全文
posted @
2017-04-06 13:56
LIULIULIU666
阅读(1918)
评论(0)
推荐(0)
编辑
js控制图片自动缩放,实现铺满盒子,不变形,完全局中
摘要:此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)
编辑
使用line-height来垂直居中在安卓设备并不居中,利用ji调整
摘要:先判断智能机浏览器的版本信息:方法有两种,但是第一种兼容性更好,但是使用了device插件 第一种: if (device.android()){ } 第二种: var ua = navigator.userAgent.toLowerCase();//获取浏览器的userAgent,并转化为小写——
阅读全文
posted @
2017-04-05 09:20
LIULIULIU666
阅读(1450)
评论(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
阅读(1238)
评论(0)
推荐(0)
编辑
公告
昵称:
LIULIULIU666
园龄:
8年1个月
粉丝:
26
关注:
1
+加关注
<
2025年3月
>
日
一
二
三
四
五
六
23
24
25
26
27
28
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
搜索
常用链接
我的随笔
我的评论
我的参与
最新评论
我的标签
更多链接
我的标签
vue
(5)
webpack
(3)
layer
(2)
aJax
(2)
响应式
(2)
随机数
(2)
Xampp
(1)
web_导航
(1)
vue交互
(1)
vue基础
(1)
更多
随笔分类
Ajax(5)
Java(1)
Json类(5)
js基础(53)
js特效类(17)
node(27)
react(2)
UI类(1)
vite(1)
vueJs 2.0(22)
web_model(2)
webpack(5)
WEB类(62)
插件应用(12)
其他(4)
小程序(5)
更多
随笔档案
2023年7月(1)
2022年9月(1)
2020年7月(2)
2020年6月(3)
2020年4月(2)
2020年3月(6)
2020年1月(5)
2019年12月(5)
2019年11月(19)
2019年9月(6)
2019年8月(1)
2019年7月(6)
2019年5月(1)
2019年1月(4)
2018年10月(1)
2018年9月(3)
2018年8月(7)
2018年7月(5)
2018年6月(3)
2018年5月(8)
2018年4月(1)
2018年3月(7)
2018年2月(1)
2018年1月(5)
2017年12月(19)
2017年11月(7)
2017年10月(5)
2017年9月(9)
2017年8月(6)
2017年7月(11)
2017年6月(5)
2017年5月(10)
2017年4月(23)
2017年3月(11)
2017年2月(3)
更多
阅读排行榜
1. js获取手机屏幕宽度、高度(43431)
2. js获取字符串最后一位方法(34007)
3. 下拉刷新,上拉加载更多,超级好用的插件(23713)
4. js把通过图片路径生成base64(14484)
5. vue2.0的瀑布流组件-使用说明(13727)
评论排行榜
1. 响应式web-媒体查询(2)
2. 微信小程序1rpx border ios真机显示不全问题(1)
3. 小程序批量获取input的输入值,监听输入框,数据同步(1)
4. 微信小程序分享及信息追踪(1)
5. 使用vue-router设置每个页面的title(1)
推荐排行榜
1. JavaScript中的label语句,及应用(2)
2. 正则验证,match()与test()函数的区别?(2)
3. input输入框,在手机上,软键盘会将固定定位和绝对定位的按钮顶起,解决办法(1)
4. vue-quill-editor 封装成组件;图片文件流上传;同一页面多个编辑器样式异常解决办法(1)
5. 使用vue-router设置每个页面的title(1)
最新评论
1. Re:点击识别位置并在该位置下弹出选择框
您好,我的毕业设计现在需要用到这个,但是我把这段代码放进HTML页面里面鼠标点击后显示不出来,是怎么回事?改哪里的路径
---R安安
2. Re:微信小程序分享及信息追踪
现在onShareAppMessage没有监听回调的函数怎么去判断是否已分享给别人呢大佬
--心之所在无畏无惧
3. Re:非常不错的地区三级联动,js简单易懂。封装起来了
厉害
--快乐码男zzz
4. Re:webpack打包vue文件报错,但是cnpm run dev正常,最后我只想说:是我太笨,还是webpack4.4版本太坑
哥你真的良心,我也是这个问题,还好解决了
--Zoexyf
5. Re:input 上传图片显示预览、调用摄像头,ios和Android的兼容性解决
第一次拍照能获取,第二次以后不能获取返回数据
--一筐大白菜
点击右上角即可分享