- 博客(22)
- 收藏
- 关注
RSS订阅原创 uni-app的本地储存 类似h5的localstorage
uni-app的本地储存 类似h5的localstorage在安卓端上是不支持localstorage的，uni-app的本地储存是什么？1、将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。uni.setStorage({key: 'storage_key',data: 'hello'});2、从本地缓存中异步获取指定 key 对应的内...
2020-03-16 16:12:33
17448
原创 layui流加载 终止flow.load()，执行第二个流加载时禁止上一个流加载执行
思路是当点击事件触发时，把ul移除，绑定的事件移除，重新加载ul，相当于把之前的删除重新加载了flow.load。
2020-01-16 16:02:38
5189
4
原创 前端压缩图片后上传，图片压缩
jquery图片压缩后上传（layui文件上传）HTML：我这里是用了layui的表单css代码：input type="file"样式js代码：压缩后的图片转化为base64格式再传给后端项目需求：表单内选择图片上传，图片要在前端压缩后传给后端如下图所示：仅展示图片上传部分代码：HTML：我这里是用了layui的表单<!--银行卡照片--><div class...
2019-12-17 17:46:24
510
原创 前端获取到form后调起支付宝支付
后端返回的数据中，会有一串form表单字符串，前端需要做的就是把这串form 表单字符串通过appendchild 方法添加到当前页面上，并且执行这个表单的submit() 方法，表单提交后，将会自动跳转到支付宝支付页面
2019-09-18 10:43:03
5729
8
原创 javascript判断正在使用的浏览器
javascript判断正在使用的浏览器拿走即用var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 trident: u.ind...
2019-09-18 10:21:43
235
原创 调用腾讯地图API、高德地图API 获取当前地理位置、经纬度
调用腾讯地图API、高德地图API 获取当前地理位置、经纬度web开发中，很多情况下都会需要获取当前位置的经纬度，在网上找了几个不同的地图，最终找到兼容比较好的腾讯地图API1、调用腾讯地图API获取当前地理位置、经纬度第一步：先去腾讯地图API官网注册账号，申请key第二步：引入以上js地址：https://3gimg.qq.com/lightmap/components/geo...
2019-09-04 12:10:49
9717
2
原创 vue v-for嵌套
vue v-for循环嵌套<div v-for="goods_list in goods_lists"> <div v-for="good in goods_list.goods"> <img class="menu_goods_img" :src="good.src"> <div> ...
2019-08-19 16:14:48
2281
原创 javscript根据经纬度计算两地距离
javscript根据经纬度计算两地距离//经纬度转换成三角函数中度分表形式。 function rad(d) { return d * Math.PI / 180.0; } function getDistance(lat1, lng1, lat2, lng2) { let radLat1 = rad(lat1); let...
2019-07-31 17:01:39
309
原创 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
9792
3
转载 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
852
原创 WebStorm从零搭建vue项目
WebStorm从零搭建vue项目一、安装node.js下载地址： node.js官网安利大神安装教程，不懂猛戳：node.js安装及环境配置之Windows篇配置环境变量： node.js配置环境变量查询node.js是否安装成功：打开cmd窗口输入 node -v显示版本即安装成功二、安装完成node.js，npm也安装完成了npm是node的包管理工具。验证命令：npm...
2019-06-18 10:50:00
637
原创 微信小程序前端开发学习笔记（一）
微信小程序前端开发学习笔记（一）参考地址：官方文档一、小程序与普通网页开发的区别网页开发渲染线程和脚本线程是互斥的，这也是为什么长时间的脚本运行可能会导致页面失去响应，而在小程序中，二者是分开的，分别运行在不同的线程中。网页开发者可以使用到各种浏览器暴露出来的 DOM API，进行 DOM 选中和操作。而如上文所述，小程序的逻辑层和渲染层是分开的，逻辑层运行在 JSCore 中，并没有一...
2019-06-04 18:08:03
951
原创 前端动态生成二维码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
2517
原创 前端利用jquery.fly实现购物车飞入效果
利用jquery.fly实现购物车飞入效果学习笔记：在商城开发项目中，为了使商品加入购物车时更有用户体验，我们来模仿淘宝实现商品飞入购物车效果，以下是我总结的一个方法。参考网址：github以上网址有js文件，下载即可一、载入文件 <script src="src/jquery-3.3.1.min.js"></script> <script s...
2019-06-03 10:26:05
1131
原创 layui实现信息流加载
layui实现信息流加载引用一下layui官网的信息流概念：信息流即异步逐页渲染列表元素，这是你页面已经存在的一段列表，你页面初始时只显示了6个//HTML<ul id="demo"> <li>1</li> <li>2</li> <li>3</li> <li>4</li&g...
2019-06-03 09:59:40
4811
原创 JavaScript把动态数据存入cookie
JavaScript把动态数据存入cookie直接上代码:var msg = [];// 先读取当前cookievar Msg;var cookies = document.cookie.split('; ');console.log(cookies);for(var i=0;i<cookies.length;i++){ var arr = cookies[i].spl...
2019-06-01 14:41:25
1203
原创 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
178
原创 如何获取浏览器URL参数值
获取浏览器URL参数值直接上代码//获取浏览器URL参数值 function getQueryString(key){ var reg = new RegExp("(^|&)"+key+"=([^&]*)(&|$)"); var result = window.location.search.substr(1).match(reg...
2019-05-31 11:31:45
2007
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人