- 博客(30)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 高德地图获取手机定位
1.引入高德地图<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=你的key"></script>2.使用 /** * 高德定位,获取当前定位.L */ mapInit() { //高德获取手机的当...
2021-01-19 19:58:48
1224
原创 uniapp多列选择器定义年月日时分秒组件
dateTimePicker.js/** * 自定义多列时间选择器 */function withData(param) { return param < 10 ? '0' + param : '' + param;}function getLoopArray(start, end) { var start = start || 0; var end = end || 1; var array = []; for (var i = start; i <= en
2020-11-04 10:35:49
4377
3
原创 设置元素的scrollTop不生效的解决办法
这里以vue项目为例,先看结构,使用ref获取元素;<template> <div class="dialogBody" ref="dialogBody"> <!-- 话语框 --> </div></template>1.元素必须包含的样式属性.dialogBody{ overflow-x: hidden; overflow-y: auto;}2.要确保这个元素的确有滚动条
2020-08-19 22:21:13
5272
2
原创 pdf.js的简单使用
写在前面的话：最近又个项目需要用到在手机端中使用pdf.js预览pdf文件，找了点资料，发现pdf.js不支持file协议，所以即使很多人下载了，在本地直接引用也打不开，网上有很多人说放到服务器上，花里胡哨一大堆。那没有自己的服务器还不开发了 ?（黑人问号）服务器也是电脑，那我自己起个服务不就行了，搞个nginx不就行了，哪用费那么多事！一.下载nginx，这个简简单单，不多说；二.下...
2020-03-24 22:33:01
380
原创 常用的代码片段(CSS篇)
超出两行显示省略号display: -webkit-box;/* -webkit-box-orient: vertical; *//*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */-webkit-line-clamp: 2;overflow: hidden;纵向滚动不显示滚动...
2019-11-28 17:01:55
502
原创 vant的picker组件自定义三级联动
任何组件都有自己的要求,按照要求来做,就没有问题;vant的picker组件一样,昨天接到一个需求,地址信息是一个三维数组(一维数组请参考上一篇文章);需要自己做联动,vant组件又要求values只能传string类型的数组,没办法,既然用了你的组件,你要什么类型的只能组给你了.具体看下面代码<van-popup v-model="showPicker" position="bott...
2019-11-18 16:43:09
7616
原创 将一维数组格式化三维数组
这是一个地理位置的一位数组,现在需要格式化成自己更好操作的三维数组;观察发现其实这个一维数组是有规律的,省份的surperId全部都是0;市的suserId又对应省的id,区的suserId又对应市的id;这样就很好写了;首先,创建一个过滤获取数组的方法,该方法返回需要的数组,比如说传入'0',就返回所有的省份/** * 过滤数组并排序工具.L */let filterA...
2019-11-15 15:04:16
756
原创 从零开始部署项目到阿里服务器
前提:因为我的项目后端使用的是nodejs+mysql+nginx(代理端口).所以这三个我都需要在服务器上安装.1.购买登录阿里云.2.在安全组配置里面克隆配置数据库的专用端口3306和xftp的21端口,xshell的22端口(因为我需要用到这三个软件,数据库和连接服务器的工具)，还有nginx的80端口3.在腾讯软件中心下载xshell操作服务器和xftp放置文件到服务...
2019-10-31 16:33:52
252
原创 微信小程序手机授权及解密手机号码
写在前面的话:按照以下方法可以在模拟器和安卓手机上成功解密,但是在iphone的真机上会报错.所以建议还是由后台来进行解密更好.业务场景 : 微信小程序获取用户手机号码;说明:微信小程序获取手机号码只能通过button触发,且不可通过获取用户设置authSetting来提前获取用户的授权,获取到的是加密后的手机号码!业务逻辑js代码 let WXBizDataCrypt =...
2019-10-09 16:56:49
2150
原创 微信小程序封装(多)图片上传
1.uploadImg.js/** * (多)图片上传方法(该方法接受一个options:需要什么就传什么) * @url: string,上传的路径(非必传)) * @count: number,允许单次上传的数量(非必传:1-9) * @fn: function,操作本地图片路径的回调函数(非必传) * failCallback:function,某张照片上传失败的回调函数(非...
2019-09-10 15:23:31
1053
原创 OSS（阿里）上的图片添加水印
1.将UI给你的水印图上传至OSS服务器上;2.拿到图片路径,将上传后图片的后缀加上"?x-oss-process=image/resize,P_60"转为base64格式;base64加密链接--------P是水印的大小3.在需要加水印的图片路径后面加上"?x-oss-process=image/resize,w_400/watermark,image_水印的base64编码,t...
2019-08-03 14:13:49
10081
3
原创 封装axios，统一处理错误返回
index.js:/** * 封装axios get post请求的工具(统一处理错误信息提示,只有在res.failBack为false时才能真正的获取到数据) */import axios from "axios";import Vue from 'vue';import { Toast } from 'vant';// import qs from 'qs';//序列化工具...
2019-08-03 14:01:08
1526
原创 封装微信小程序请求
/** * 封装wx:request请求的工具 */const baseUrl = "";const https = ({ url, method, param,showLoad,other }) => { if (showLoad){ wx.showLoading({ title: '请稍等...' }); } return new P...
2019-08-03 13:55:46
235
原创 微信小程序canvas实现签名(源码)
1.wxml<!--pages/page/cvsAutograph/cvsAutograph.wxml--><view class="wrapper"> <view class="handBtn"> <button class="backBtn">返回</button> <button catchta...
2019-07-08 13:56:41
1333
9
原创 vue-cli2前端代理设置
查看访问的域名或者ip是否可以连接;cdm运行 $ping ip;没有异常提示就是可以连接;一.vue-cli 2.x配置代理;cd config/index.js文件夹
2019-07-08 13:56:30
671
原创 抓包工具Charles的使用
一.下载:二.打开.exe应用程序;三.点击程序的Proxy选项的Proxy setting来设置端口;四.让手机和电脑处于同一局域网下(可以设置电脑的热点让手机连接上);五.修改手机上wifi的代理,ip设置成电脑的ip,端口设置能之前Proxy setting的端口;六.点击程序,开始抓包;...
2019-07-08 13:56:18
134
原创 前端上传图片转base64编码添加水印并压缩指定大小
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-07-02 21:55:57
1619
原创 常用的JS校验正则
1.校验11位手机号码：/^1[3456789]\d{9}$/2.校验二代身份证号码： /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/3.校验电子邮箱：/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-...
2019-06-27 10:42:03
1426
原创 比较“神奇”的兼容问题
一.日期转时间戳;苹果手机不能转化"YYYY-MM-DD" 只能转化"YYYY/MM/DD";安卓都可以转化;二.小程序的静态图片名字不能乱取;有一张白色的静态图偷懒就把文件名改成了fffbgi.jpg,模拟器上面没有一点问题,最后上真机的时候发现这张图片死活加载不出来,后来不知道怎么抽风就换了个文件名,好了......
2019-05-30 17:28:42
147
原创 v-viewer点击图片预览的组件封装；
1.下载v-viewer;npm install v-viewer -S2.main.js中引入注册；import Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'Vue.use(Viewer)Viewer.setDefaults({ Options: { 'inline': true, 'button': t...
2019-04-11 11:02:13
3594
原创 微信小程序表单验证插件WxValidate
一.下载地址:WxValidate插件地址通过该地址文档wx-extend/src/assets/plugins/wx-validate/WxValidate.js拷贝WxValidate.js到小程序的utils文件中,如图;二.使用:1.引入该插件;import WxValidate from '../../utils/WxValidate.js';2.在onL...
2019-03-25 14:34:09
1086
原创 windows安装mysql(5.7.26版本)压缩包
1.解压安装包,进入文件夹,创建一个my.ini 文件;2.修改my.ini 文件[client]port=3306default-character-set=utf8[mysqld]# 设置为自己MYSQL的安装目录basedir=F:\mysql\mysql-5.7.27-winx64# 设置为MYSQL的数据目录datadir=F:\mysql\mysql...
2019-01-04 19:54:56
8855
原创 redux在React中的使用方法
注:redux不是react-redux!一.安装redux;$npm install -S redux;二.定义状态 : 在src目录下新建文件夹;1.action/index.js文件夹//创建一个action的简写方式,这个addTodo函数就是一个 Action Creatorexport const ADDTODE = 'ADDTODE';export fu...
2018-12-28 16:52:29
245
原创 原生JS简单绘制一个圆形进度条
结构:<div class="box"></div>样式/*原形条*/.wrap,.circle,.num {width: 200px;height: 200px;border-radius: 50%;}.wrap { position: relative; border: 10px solid #ccc;box-sizing: border-box;...
2018-10-23 13:28:01
1420
原创 原生JS的滚动轮播插件(简单实用版)
直接上代码先看效果,不依赖任何库,需要的直接复制这个swiper类就可以了,结构可以继续嵌套,样式可以自行修改!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device...
2018-10-22 15:16:21
416
原创 H5生成二维码及保存
1.引入qrcode.js; 链接2.创建html结构<div id="qrcode"></div>3.生成二维码对象;new QRCode(document.getElementById("qrcode"),url);url就是后端给的下载地址路径;示例: new QRCode(document.getElementById("qrco...
2018-09-18 00:25:21
10816
4
原创 Vue页面获取安卓传参的方法
最近和安卓原生混合开发遇到了一个问题:安卓通过和我们声明同一种方法可以把值传递给我们;但是我们只能在window下面声明一个函数来接收,很显然,我们new的vue对象和window下面的该函数属于同级作用域,该函数内无法直接操作vue data中的值:如function getAndroid(a){ alert(a);//安卓传值过来 vm.msg = a;}结果就...
2018-08-29 14:53:53
4860
3
原创 常用的代码片段(JS篇)
截取url多个参数(包括中文,中文传输需要使用encodeURI()方法包裹url) getUrlRequest(url) { url = decodeURI(url); let theRequest = {}; if (url.indexOf("?") != -1) { let s...
2018-08-17 11:15:14
335
原创 iView中table表格中使用select选框和下拉菜单的方法
首先是iview的表格中使用select选框 { title: '适用区域',//纵列表头(类似于th) width:140, //列表每一格的宽度 align: 'center', //ivew里面的写法,...
2018-08-06 10:25:18
11722
10
原创 echarts X轴内容可滑动Y轴固定的常用配置项(解决echarts数据量太多的显示问题)
在使用echarts插件时,经常遇到X轴数据量过大的问题,这个时候X轴的数据就会层叠到一起.致使页面效果非常难看!之前用来开发的配项目就是如此;所以就将一些常用的配置项放在这里,希望对你们有用!注:该配置只是折线图的配置,如果是柱状图的配置大同小异,配置项的作用不会又多大变动.我是把这个配置项option做了一个函数的封装let myChart = echarts.init(docum...
2018-07-02 15:27:09
13310
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人