bablvsj-CSDN博客

原创 echarts各配置项详解

theme = { // 全图默认背景 // backgroundColor: 'rgba(0,0,0,0)', // 默认色板 color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0', '#1e90ff','#ff6347','#7b68ee','#00fa9a',

2020-10-13 11:53:43 1696

原创 uniapp 监听自定义事件父子页面传值

适用场景：选择地区返回、联系人列表选择后返回、官方文档（页面通讯）：uni.on、uni.on 、 uni.on、uni.off 、 uni.$emit父页面onShow() { let that = this; //监听自定义事件 uni.$on("handClickSelectAddress", res => { that.handClickSelectAddress(res); //清除监听，不清除会消耗资源 uni.$off('handClickSelectAd

2020-09-13 16:31:50 1270 2

原创 uniapp 防止按钮多次点击多次触发事件

1、在根目录下新建common文件并创建common.js文件，输入下面代码// 处理多次点击function noMultipleClicks(methods) { let that = this; if (that.noClick) { that.noClick= false; methods(); setTimeout(function () { that.noClick= true;

2020-08-26 10:54:54 13380 4

原创 uniapp 调用上一个页面的方法

一般应用场景为：提交操作之后返回上一级并调用上一个页面方法setTimeout(()=>{ uni.navigateBack({ delta:1 }) const pages = getCurrentPages(); //获取页面栈 const beforePage = pages[pages.length - 1]; //前一个页面 beforePage.$vm.getResearchList(); //前一个页面方法 },1500)...

2020-08-20 11:25:04 3950 4

原创 uniapp 下载文件

直接上代码toDownWord(item){ uni.showLoading({ title: '下载中' }) let abc = item.fileUrl.split('/') let name = abc[abc.length - 1]; //文件名称可以在上传时进行保存，下载时取出，当文件名称中存在单双引号时，要做好处理，否则会报错 //item.fileUrl 为线上文件下载路径 let dtask = plus.downloader.createDownload(

2020-08-15 18:45:17 5981

原创 uniapp 同时上传文档或图片

最近有个需求，需要在APP上传图片或文档，找了很多网上的资料，有插件市场大佬的付费插件。当然我希望大家知道我是个很穷的人，所以我决定自己研究能不能自己写出来，哈哈哈哈哈，然后就成了。一、付费区：DCloud插件市场推荐一插件：https://ext.dcloud.net.cn/plugin?id=680当然也可点击上方链接去插件市场自己搜索插件二、自己写的上传文档、图片代码先说一下流程：调用原生文件管理器返回本地路径 —> 调用uniapp 官方上传方法 uni.uploadf

2020-08-15 18:40:37 4718 8

原创 uniapp 生成Android证书及.keystore转.jks、.pem

实际操作及效果：环境准备：1、安装jre2、找到jre 安装目录生成签名证书命令： keytool -genkey -alias yourname -keyalg RSA -keysize 2048 -validity 36500 -keystore test.keystoreyourname :你自己的名字test.keystore：需要生成keystore文件的目录查看证书命令：keytool -list -v -keystore test.keystoretest

2020-08-12 15:30:40 1545

原创 unipush（一）：简单个推

开篇之前先提示一下，魅族手机就不用测了，暂时获取不到clientid，此乃神坑，建议用小米/华为。实际效果一、开通unipush1、登录DCloud开发者中心，选择你要开通unipush的应用。2、如下图，填写开通unipush必要内容android 包名：为hbuilder云打包时所用的android 包名android应用签名?如果在云打包时使用DCloud公用证书, 请输入 BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:

2020-08-03 16:19:11 3946 2

原创 uniapp 自定义启动图

页面效果1、下载资源文件gitee地址,引入项目目录中。2、App.vue页面js配置onLaunch: function() { plus.navigator.closeSplashscreen(); console.log('App Launch'); // app启动时打开启动广告页 var w = plus.webview.open('hybrid/html/advertise/advertise.html','本地地址', { top: 0, bottom: 0

2020-07-27 19:15:35 9889 8

原创微信小程序webview上添加按钮

一、实图如下如果你的设计稿为下图需要添加两个按钮，实际引入h5页面却始终实现不了效果，那你有救了。二、官方文档的webview官方api1、铺满整个屏幕，不支持自定义导航。2、不能设置宽高，直接铺满整个页面，一个页面只能有一个webview3、层级极高，不能通过z-index改变元素属性来浮在上面。三、解决办法官方apihtml<web-view src="https://720yun.com/t/a9cjvOsnOa3?scene_id=20949466"> <

2020-07-17 20:21:30 7332 16

原创 uniapp海康云台插件可实时操控摄像头

一、引入大牛封装的海康云台插件（付费的）1、在DCloud插件市场，下载插件海康摄像头控制插件下载地址第一步：登录你的HBuilder账号第二步：点击试用第三步：选择你要试用的改插件的项目二、在项目中引用插件1、打开你需要引入插件项目下的manifest.json文件点击云端插件，勾选引入插件即可。2、在页面中引入插件<template> <view class="content"> <image class="logo"

2020-06-18 10:45:36 5668 11

原创 uniapp 对身份证拍照自动识别

uniapp 对身份证、户口本进行拍照获取数据的解决方案提示：uniapp 官方没有封装组件及api一、uniapp 插件市场有许多大牛封装的组件，不过大部分都是收费的对于这些别人封装的插件具体如何试用我就不阐述了二、拍照转base64码提交给后端我们要做的是对户口本、身份证进行拍照自动识别内容handClickScanning() { // 允许从相机和相册扫码 let that = this; //与后端规范好户口本、身份证的图片类型：1/2 if(this.photoI

2020-06-16 18:51:10 8913 3

原创 uniapp上传图片压缩并转base64码、base64转图片路径

一、上传图片压缩再转base64码1、选择图片官方api<view class="image-item" v-for="(item,index) in files" :key="index"></view><view class="upload-button image-item" @click="handClickChooseImage" <image src="/static/ApplicationPage/DataCollection/add.png"&

2020-06-10 09:50:00 5468 4

原创 git安装与常用命令

一、git下载安装与检测是否安装成功1、git官网官网地址，这边提醒您官网是外网下载速度极慢。所以我推荐阿里的下载地址，版本有特别多，那就随机抽取一个幸运的安装包吧！下载完成点击安装，一路next无脑操作就行。2、安装完成后输入 Win + R 打开命令dos命令窗口，输入 git - - version 命令后如图则安装成功。C:\Users\Administrator>git --versiongit version 2.26.1.windows.1二、git 命令常用

2020-06-08 18:55:27 207

原创从0搭建一个vue项目

一、环境搭建1、安装node/npm1.1、安装node，红色框框为稳定版，点击下载（Node.js自带npm包管理工具，使用npm可使我们快速安装项目中所需要的组件），下载完成之后一路点击安装即可1.2、配置node环境变量1.3、打开cmd 窗口，如图安装存在npm、vue1.4、查看npm镜像源：npm config list ，如红色框框：https://regist...

2020-01-08 17:36:28 197

原创 uniapp 解决切换横竖屏后内容错乱的问题

前言：最近有个需要横屏签名的需求，看了很多博客写的都是调用plus的方法，但是在进入横屏签名页面返回后，再跳转下一级页面会出现内容错乱的问题。一、h5切换横竖屏文档plus.screen.lockOrientation(‘orientation’);: ( String ) 必选要锁定的屏幕方向值plus.screen.unlockOrientation(); //解除锁定屏幕方向锁定屏幕方向可取以下值："portrait-primary": 竖屏正方向；"portrait-secondar

2020-11-19 15:26:05 3491

原创电脑安装软件

一、安装软件开头强烈建议：女孩子们请把软件安装的 D / E / F 盘 ,因为C盘一般启动盘，东西太多会影响电脑开机速度。1、懒人安装法：通过360软件管家基本流程：搜索360安全卫士并安装 ···> 打开360软件管家 ···> 找到心仪软件 ···> 安装(1) 点击360安全卫士下载链接，下载并安装。(2) 打开360安全卫士，点击下图的软件管家(3) 找到自己心仪的软件进行安装 / 一键安装提示: 记得安装前修改下安装路径：设置 ···> 下载设置

2020-10-24 23:14:44 945

原创 uniapp 常用正则表达式匹配img 匹配px

一、匹配img替换或清空（width、height）1、替换 img 中的width / height//匹配图片res.content = res.content.replace(/<img[^>]*>/ig, function(match, capture) { //match 图片路径 //匹配图片中的width、height 进行处理替换 match = match.replace(/(width="(.*?)")|(height="(.*?)")/ig,

2020-10-24 10:54:48 2122 1

原创 jquery给隐藏input赋值不成功，php$_POST取不到值

能正常取到值，但是给隐藏input赋值无效let id = $('company_nid').attr('nid');$("#company_id").attr("value" , id);//设置值不成功$("#company_id").val(id) //设置值不成功alert(id);//可以正常打印出值最后用 $("input[name=XXXX]").val(id); 赋值成功...

2020-10-14 11:27:48 798

原创 warning Replace `············` with `······`

vue根目录下的 .eslintrc.js 文件 rules 添加 "prettier/prettier": "off"

2020-10-13 11:49:10 11693 9

原创 js 取出两个数组中不同的值

取出aaa中不同于bbb的值，反之将数组位置替换let result=[];aaa.forEach(r => { let flag = false; bbb.forEach(i => { if (r.value == i.value) { flag= true; return; } }) if (!flag) { result.push(r); }})

2020-10-07 15:44:09 2013

原创 vue项目打包发布到线上We‘re sorry but xxxx doesn‘t work properly without JavaScript enabled

相信好多人遇到过，vue项目打包发布到线上后，各种资源文件都有加载到，就是出现白屏。返回信息提示为“We’re sorry but xxxx doesn’t work properly without JavaScript enabled. Please enable it to continue.”1、与后端协调检查nginx是否配置有问题2、router /index.js : mode:history ⇒ mode: ‘hash’,const router = new VueRouter

2020-09-23 11:44:11 10922 8

原创 vue 触底事件（div为overflow:auto状态下）

HTML<div class="input-list" @scroll="scrollEvent($event)"></div>// @scroll.passive="houseListScroll($event)" Jsdata(){ return{ timer:null, }}scrollEvent(e) { //这里注释的代码是网上很多同行写的，用是能用，但是有很大的问题 // if(e.srcElement.scrollTop+e.srcElemen

2020-09-23 11:00:11 2181

原创 vue 登录页记住密码

HTML<el-form-item> <div style="text-align: right"> <el-checkbox v-model="rememberPwd">记住密码</el-checkbox> </div></el-form-item><el-form-item> <el-button class="login-btn" type="primary" @click="o

2020-09-19 19:33:12 369

原创 js 身份证号码严格校验

前言，实操是在uniapp 项目上，vue项目类似1、新建一个common.jsfunction validateIdCard(idCard){ var flag = false; //15位和18位身份证号码的正则表达式 var regIdCard=/^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])

2020-09-10 09:58:45 283

原创判断数组对象内是否有该字段有则跳过无则添加

commonClass: { name: "", relation: "", id_card: "", sex: "", birthday: "", nation: "", survey_province: "", survey_city: "", survey_county: "", survey_place: "", registr_province: "", registr_city: "", registr_county: "", registr_place: "",}

2020-09-09 17:47:17 917

原创 jquery 获取隐藏元素(display:none)的高度和宽度

引入资源文件<script type="text/javascript" src="path/jquery.min.js"></script><script type="text/javascript" src="path/jquery.actual.js"></script>//get hidden element actual width$('.hidden').actual('width');//get hidden element act

2020-09-05 11:06:53 1807

原创程序员必备：google download

https://blog.csdn.net/qq_39560484/article/details/80861143

2020-09-05 10:12:06 508

原创 js 前端常用时间操作：时间戳、当前时间

获取当前时间let date = new Date(); // Wed Aug 26 2020 11:14:44 GMT+0800 (中国标准时间)let year = date.getFullYear(); //2020let month= date.getMonth() + 1; //8let day= date.getDate(); //26let h = date.getHours(); //11let m = date.getMinutes(); //14let s = date

2020-08-26 11:42:38 2317 1

原创 uniapp 点击图片预览

html<view v-for="(iImg,imgIndex) in imgList" :key="imgIndex"> <image :src="iImg" @click="previewImg(imgList,imgIndex)" mode=""></image></view>methods:current : 为当前点击的图片路径urls：为当前点击图片所在数组previewImg(item,index){ uni.previ

2020-08-14 14:20:27 1186

原创前端jq/vue echarts中国地图的实现

一、jquery项目实现echarts中国地图1、引入相关资源文件 jquery、echarts 等<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.8.0/echarts.min.js"></script>2、下载中国地

2020-07-31 22:56:42 3156

原创 uniapp小白必看快速传参方法

一、跳转页面传参1、参数比较少(建议两个参数以内)//需要跳转传参的页面this.id=2;this.name="小明" uni.navigateTo({ url:"index?id="+this.id + "&name="+this.name })//接受参数的页面 index页面onLoad(e){ console.log(e) //{id:"2"，name:"小明"}}2、参数多的数组/对象官方缓存api//需要跳转传参的页面let abc ={ name

2020-07-15 18:55:45 4427 2

原创 js网页禁用Ctrl + A、C、V等热键

1、在当前页面禁用常用快捷键 document.onkeydown = function(event){ if (event.ctrlKey && window.event.keyCode==65){ //禁用ctrl + a 功能 return false; } if (event.ctrlKey && window.event.keyCode==67){ //禁用ctrl

2020-07-14 13:59:47 7120

Lv Sijun's blog