会员
商店
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
AiTing on the way
走自己的路,让别人去说吧!不要被别人打扰了你的幸福!
博客园
首页
新随笔
联系
管理
订阅
随笔- 213 文章- 0 评论- 15 阅读-
54万
随笔分类 -
js特效类
移动端滑动轮播,原生JS
摘要:因为公司需要自定义两个轮播图联动,又不想引入第三方库,所以自己研究了下。 下面只是一个简单的轮播图,由此再拓展一下即可实现两个轮播图联动。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewp
阅读全文
posted @
2018-07-26 16:14
LIULIULIU666
阅读(893)
评论(0)
推荐(0)
编辑
原生JS的地区二级联动,很好理解的逻辑
摘要:引入的area.js:
阅读全文
posted @
2018-03-01 10:08
LIULIULIU666
阅读(678)
评论(0)
推荐(0)
编辑
自己做的一个6格输入框
只有注册用户登录后才能阅读该文。
posted @
2017-12-22 20:00
LIULIULIU666
阅读(15)
评论(1)
推荐(0)
编辑
js把通过图片路径生成base64
摘要:主要思想: 使用canvas.toDataURL()方法将图片的绝对路径转换为base64编码. 一、图片在本地服务器: 二、跨域 最近做了一个项目用到了这个, html代码生成canvas然后生成图片。但是html里面的图片路径必须用base64.所以就找了这个东西。 这个测试分享给大家:链接:h
阅读全文
posted @
2017-10-19 11:29
LIULIULIU666
阅读(14484)
评论(0)
推荐(0)
编辑
点击识别元素位置、生成显示二维码、下载二维码
摘要:百度网盘地址 效果: 代码: 用插件生成的二维码。
阅读全文
posted @
2017-10-18 22:43
LIULIULIU666
阅读(550)
评论(0)
推荐(0)
编辑
九宫格抽奖
摘要:从网上找了个插件,自己整理了下思路,注释了下,感觉挺好的。分享给大家,百度网盘下载看看吧。链接:http://pan.baidu.com/s/1pKO0eRx 密码:hu35 效果: html代码: js代码:
阅读全文
posted @
2017-10-18 11:31
LIULIULIU666
阅读(709)
评论(0)
推荐(0)
编辑
前端数字上涨动画特效
摘要:最近项目要用这样的效果,就从网上找了个插件,效果还不错
阅读全文
posted @
2017-08-22 21:19
LIULIULIU666
阅读(1757)
评论(0)
推荐(0)
编辑
echart异步刷新图表,详细配置注释
摘要:echarts刷新技巧: echartData.chear(); //当异步改变数据时,配合echartData .setOption(option)才会有动画效果 echartData.resize(); //当选项卡与echarts一起时,会出现图标宽度不适应,使用resize())即可完美解决
阅读全文
posted @
2017-08-20 14:51
LIULIULIU666
阅读(6689)
评论(0)
推荐(0)
编辑
前端数字上涨动画特效
摘要:、
阅读全文
posted @
2017-08-19 12:17
LIULIULIU666
阅读(629)
评论(0)
推荐(0)
编辑
input上传图片(file),预览图片的两种方法。blob与base64编码
摘要:上传图片时一般都需要预览,我一般用这两种方法来实现。base64编码可以直接上传到后台,后台解析下,得到的文件就会比较小了,省去了压缩图片这一步了。
阅读全文
posted @
2017-07-24 13:56
LIULIULIU666
阅读(1995)
评论(0)
推荐(0)
编辑
百度图表插件echart简单应用,简单配置一些要显示的样式及种类
摘要:从echart官网下载js,然后引入jq即可运行。足够简单应用了 关键词:echart控制:图标标题、数据标题、折线图、柱状图切换按钮、恢复刷新图表按钮、保存为图片按钮、坐标系控制、坐标数据、坐标倾斜角度、刻度位置、要显示的标线(平均值、最大值、最高点)、折线颜色、折线点颜色 itemStyle:
阅读全文
posted @
2017-07-04 17:47
LIULIULIU666
阅读(3489)
评论(0)
推荐(0)
编辑
点击盒子选中里面的单选框,并给盒子添加相应样式,美化单选框、复选框样式css用法,响应式滴
摘要:pc效果图: 移动端效果图: 代码直接上: css:
阅读全文
posted @
2017-06-29 10:01
LIULIULIU666
阅读(658)
评论(0)
推荐(0)
编辑
点击按钮添加一组下拉框,然后改变下拉框的值触发事件
摘要:帮朋友做的一个简单特效。一般情况下,用js插入标签,普通的触发事件对它是无效的,但是可以换种写法就行啦。 直接上代码啦,简单的东西
阅读全文
posted @
2017-06-28 13:49
LIULIULIU666
阅读(4815)
评论(0)
推荐(0)
编辑
点击识别位置并在该位置下弹出选择框
摘要:公司最近做的一个项目需要自定义修改文章,要求点击某段落后在其下方弹出选择框,选择要插入的内容。所以写了这个东西。比较粗糙,见谅! 直接上代码了,复制过去,改下路径就ok。global.css是样式清零的,加不加载无所谓
阅读全文
posted @
2017-05-27 09:44
LIULIULIU666
阅读(1953)
评论(1)
推荐(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)
编辑
正则验证,match()与test()函数的区别?
摘要:test是RegExp的方法,参数是字符串,返回值是boolean类型。match是String的方法,参数是正则表达式,返回值是数组。 案例:
阅读全文
posted @
2017-04-11 22:21
LIULIULIU666
阅读(7643)
评论(1)
推荐(2)
编辑
公告
昵称:
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的兼容性解决
第一次拍照能获取,第二次以后不能获取返回数据
--一筐大白菜
点击右上角即可分享