jquery
钟小民
一个不断在爬坑的小前端
展开
-
layui流加载 终止flow.load(),执行第二个流加载时禁止上一个流加载执行
思路是当点击事件触发时,把ul移除,绑定的事件移除,重新加载ul,相当于把之前的删除重新加载了flow.load。原创 2020-01-16 16:02:38 · 4874 阅读 · 4 评论 -
前端压缩图片后上传,图片压缩
jquery图片压缩后上传(layui文件上传)HTML:我这里是用了layui的表单css代码:input type="file"样式js代码:压缩后的图片转化为base64格式再传给后端项目需求:表单内选择图片上传,图片要在前端压缩后传给后端如下图所示:仅展示图片上传部分代码:HTML:我这里是用了layui的表单<!--银行卡照片--><div class...原创 2019-12-17 17:46:24 · 455 阅读 · 0 评论 -
jquery商品数据格式化
jquery商品数据格式化通过ajax获取到的商品参数对应起来,商品参数标题对应商品参数详情。获取到的数据:最终效果:上代码://商品规格格式化数据if (result.data.info.spec_name) { var goods_map_spec = $.map(result.data.info.spec_name, function (v, i) { v...原创 2019-05-31 14:42:48 · 139 阅读 · 0 评论 -
前端利用jquery.fly实现购物车飞入效果
利用jquery.fly实现购物车飞入效果学习笔记:在商城开发项目中,为了使商品加入购物车时更有用户体验,我们来模仿淘宝实现商品飞入购物车效果,以下是我总结的一个方法。参考网址:github以上网址有js文件,下载即可一、载入文件 <script src="src/jquery-3.3.1.min.js"></script> <script s...原创 2019-06-03 10:26:05 · 1030 阅读 · 0 评论 -
前端动态生成二维码qrcode.js
前端动态生成二维码qrcode.js参考网址:qrcode.js以上网址有js文件,下载即可如何使用:一、载入文件 <script src="src/jquery-3.3.1.min.js"></script> <script src="src/qrcode.js"></script>二、js代码 //通过ajax获...原创 2019-06-03 11:32:28 · 2428 阅读 · 0 评论 -
IOS中select、input失焦后,页面上移,点击不了解决办法
IOS中selectinput失焦后,页面上移,点击不了解决办法直接放入代码即可,完美解决方法摘抄自百度$(function () { var u = navigator.userAgent; var flag; var myFunction; var isIOS = !!u.match(/\(i[^;]+;( U;)? C...转载 2019-06-25 11:33:50 · 776 阅读 · 0 评论 -
HTML5通过Vedio标签实现视频列表循环播放
jquery实现视频列表循环播放页面加载好自动播放第一个视频,第一个播放完之后自动切换下一个视频,当列表最后一个视频播放完毕,自动切换回第一个视频实现循环播放html部分代码<video id="video" src="" controls="controls" autoplay="autoplay" class="box_left__video" poster="img/ban1....原创 2019-07-15 15:24:03 · 9365 阅读 · 3 评论 -
调用腾讯地图API、高德地图API 获取当前地理位置、经纬度
调用腾讯地图API、高德地图API 获取当前地理位置、经纬度web开发中,很多情况下都会需要获取当前位置的经纬度,在网上找了几个不同的地图,最终找到兼容比较好的腾讯地图API1、调用腾讯地图API获取当前地理位置、经纬度第一步:先去腾讯地图API官网注册账号,申请key第二步:引入以上js地址:https://3gimg.qq.com/lightmap/components/geo...原创 2019-09-04 12:10:49 · 8899 阅读 · 2 评论