qq_40630924的博客

原创 uniapp安卓包app上架的时候,审核上架需要隐私政策,用户协议,下载安装第一次打开弹出,的解决方法

uniapp自带了这个方法直接在manifest.json这个文件里的源码视图里配置就好了a标签里写网址就可以了 "privacy" : { "prompt" : "template", "template" : { //prompt取值为template时有效，用于配置模板提示框上显示的内容 "title" : "服务协议和隐私政策", "message" :

原创 关于 uniapp 设置启动图时间无效的解决方法,delay这个方法无效的解决办法

解决uniapp 启动图设置时间无效的方法,设置delay无效 在APP.vue里,在uniapp生命周期的onLaunch这个方法里写个延时器 setTimeout(()=>{ plus.navigator.closeSplashscreen() },3000) 在manifest.json里,autoclose要设置为false "splashscreen" : { "alwaysShowBeforeRender" : false, "waiti

原创 前端实现吸顶 uniapp实现吸顶 置顶的效果

uni-App置顶这里要注意不能嵌套 看图.questionbag{ position: -webkit-sticky; /* #endif */ position: sticky; top: var(--window-top); z-index: 99; }最后的样子

原创 electronjs pc windows桌面应用

创建项目创建一个electron项目项目打包使用Electron将Web项目打包成windows桌面应用

原创 vue 组件通信 父传子

父传子第一种方法父组件：<template> <div> 父组件: <input type="text" v-model="name"> <br> <br> <!-- 引入子组件 --> <child :inputName="name"></child> </div></template><script> i

原创 数组去重，数组中每个元素出现的次数

数组去重，数组中每个元素出现的次数//数组中出现的次数 let names = ['张三', '李四', '王二', '王二', '张三','麻子','Alice']; let nameNum={} for(i=0;i<names.length;i++){ if(names[i] in nameNum){ nameNum[names[i]]++ }else{ nameNum[names[i]]=1

原创 web本地存储（localStorage、sessionStorage、cookie）

web本地存储（localStorage、sessionStorage、cookie）sessionStorage 和 localStorage 的用法基本一致，引用类型的值要转换成JSON1.localStorage、sessionStorage的用法保存数据到本地 const info = { name: 'Lee', age: 20, id: '001' }; sessionStorage.setItem('key', JSON.stri

原创 实现多个多选

效果图html部分<template> <div> <div v-for="(item,index) in result" :key="index"> <el-checkbox @change="val => handleCheckAllChange(val, item)" v-model="item.checkAll">{{item.gradeName}}</el-checkbox> <e

原创 微信小程序自定义导航栏下滑出现上滑隐藏

wxml文件<!--pages/index/goodsdetails/goodsdetails.wxml--><view> <view class="indextop {{scrollTop > 10 ? 'navstyl':'unnavstyl'}}"> <view style="height:{{statusBarHeight}};"></view> <view style="height:{{navheig

原创 微信小程序引入组件

一个自定义组件由 json wxml wxss js 4个文件组成。首先需要在 json 文件中进行自定义组件声明（将 component 字段设为 true）{ "component": true}使用自定义组件时，首先要在页面的 json 文件中进行引用声明。需要提供每个自定义组件的标签名和对应的自定义组件文件路径：{ "usingComponents": { "small-home": "/components/smallhome/smallhome", "small

原创 vue 获取当前时间的前一天 后一天 一周 或者是当前时间的几个小时

一、在方法中写入以下代码：methods: { getDay (day, hours) { var today = new Date() var targetday = today.getTime() + 1000 * 60 * 60 * 24 * day + hours today.setTime(targetday) var tYear = today.getFullYear() var tMonth = today.getMonth(

原创 javaScript深拷贝、浅拷贝

项目需求自己定义了一个对象，因开发需要所以要备份一下该对象的初始的值,这里就需要用到深拷贝为什么要用到深拷贝和浅拷贝如果为引用数据类型比如数组arr,对象Object,当一个对象赋给另一个对象时，修改另一个对象的值会影响前一个对象的值,不想相互影响就要用的拷贝 //这里是浅拷贝 let hd = { name:'张三', age:'18', url:'zhang.com', } let form={} for (const k

原创 uniapp 微信小程序获取当前位置 根据经纬度获取省市区

需求:uniapp开发的微信小程序首页需要显示城市名称需要用到高德地图的逆地理编码需要当前地理位置的经纬度小程序的key值uni.getLocation({ type: 'gcj02', //返回可以用于uni.openLocation的经纬度 success:(res)=>{ let that=this const latitude = res.latitude; const longitude = res.longitude; con

原创 uniapp 获取屏幕的高度 和px转换rpx

uniapp获取屏幕的高度 和 转换onLoad() { uni.getSystemInfo({ success: function (res) { console.log(res.screenHeight); //屏幕高度 注意这里获得的高度宽度都是px 需要转换rpx console.log(res.windowWidth); //可使用窗口宽度 console.log(res.windowHeight); //

原创 uniapp实现app跳转另外一个app

需求：公司的app跳转公司的另一个app逻辑：1.首先判断是手机是安卓还是ios2.在判断是你手机有没有这款app3.有就打开，没有就下载实现if (plus.os.name == "Android") { //安卓 if (plus.runtime.isApplicationExist({ //查看安卓系统手机有没有下载这款app pname: 'com.baijia.live', //B款app云打包的包名 })) { //安装了app

原创 vue uniapp 实现 左滑右滑上下滑动的效果 滑动同时旋转

<template> <view class="content"> <view :class="test" @touchstart="gtouchstart" @touchmove="gtouchmove" @click="cilckevent" @touchend="touchend"></view> </view></template><script> export default { data()

原创 uniapp 清除原生导航栏的值

uniapp 清除原生导航栏的值项目需求,点击搜索过后希望输入框里的值为空,而不是一直显示在输入框里面注意只能在手机上测试才会有效果 // #ifdef APP-PLUS //清除原生导航栏的值 // var pages = getCurrentPages(); const currentWebview = this.$scope.$getAppWebview(); currentWebview.setTitleNViewSearchInputText(''); // #endif..

原创 uniapp 权限判断 判断位置,摄像头,相册,通讯录是否开启,如果没有开启弹窗提示并且进入设置打开权限

项目需求苹果端如果禁用了权限就不会在提示,这个时候就需要做个权限判断这里引入了第三方插件市场import permision from "@/js_sdk/wa-permission/permission.js"var photol=permision.judgeIosPermission("photoLibrary") if(photol == false){ uni.showModal({ title: '提示', content: '您已经

转载 uni-app实现下拉刷新

这里有封装好的很详细添加链接描述

原创 获取验证码 60秒倒计时

获取验证码 60秒倒计时html部分代码<view> <view class="mobile verification"> <input v-model="inviteeCode" style="flex: 1;" type="text" value="" placeholder="请输入验证码"/> <button :class="btnText=='获取验证码' ? 'buggetyaz' : 'getyaz'" size="mini"

原创 富文本数据,图片宽100%,高自适应

this.strings = res.details////课程详情介绍this.strings = this.strings.replace(/\<img/gi, '<img style="width: 100%;height:auto"');看效果修改前修改后

原创 uni.app 上传多张图片

uploadImage(){//上传图片 if(this.imgList.length>=3){ this.tui.toast('最多上传3张图片') return } var that = this const accessToken = that.cacheHelper.getToken(); uni.chooseImage({ count:3, sizeType: ['original', 'com

原创 vue 导出excel表格

vue 导出excel表格安装依赖1.npm install -S file-saver xlsx2.npm install -D script-loader添加js文件下载所需的两个文件：Blob.js、Export2Excel.js新建vendor，名称不一定非是vendor，建议但不非得将此目录放在与单页面同级的目录。将上面两个js文件放在vendor目录中。Blob.js 代码如下：/* eslint-disable *//* Blob.js * A Blob implemen

原创 element-UI级联选择器默认选择是value(也就是id)想要获取label(也就是name值)

<el-cascader :options="optionsMessage" clearable filterable :props="defaultProps" @change="changeCity" ref="cascaderAddr" v-model="citySelected"></el-cascader>changeCity(item) { ..

原创 动态绑定class

循环出来的数据修改其中一个或者多个的样式给它动态绑定class<ul class="q_list"> <template v-for="(item,index) in queryData"> <li v-for="(items,indexs) in item.dictResults" :key="items...

原创 把时间戳格式化成活动时间

countDown(it) { let that = this var interval = setInterval(() => { // 对结束时间进行处理渲染到页面 let obj = null; // 如果活动未结束，对时间进行处理 if (this.guarantyDeta...

原创 vue 插入富文本框

下载Quillnpm install quill --save<template> <div class="creditorbox"> <div class="creditor"> <div class="yuan1">3</div> 竞价信息录入 ...

原创 vue项目中使用百度地图(vue-baidu-map)

vue项目中使用百度地图(vue-baidu-map)在使用vue做项目的时候，有用到百度地图，使用了vue-baidu-map插件，包括拾取位置坐标，搜索位置等可在app.js中全局引入import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, { /* 需要注册百度地图开发者来获取你的ak */ ak: 'YOUR_APP_K...

转载 解决浏览器跨域问题

前端解决浏览器跨域问题浏览器会出现跨域的问题，服务器不会出现跨域的问题，可以解决浏览器上的跨域问题就好，不需要在代码上写东西，最后打包的时候还会部署到服务器上详细配置在这里...

原创 Vue element ui 操作表格状态，后台值为1显示某某，2显示某某

vue+element-ui根据后台获取的值为1、2、3等类型时候进行中文显示有时候后台返回的状态不是中文的时候而是1、2、3这种类型的时候这时候不能直接根据prop属性直接进行显示，需要根据这些类型进行判断从而显示我们想要的中文时，比如表格中的某列需要显示中文的时候：<template> <el-table :data="tableData" style...

原创 rem适配

原创 find()方法，查找之前数组中是否有该商品

find()方法，查找之前数组中是否有该商品找到商品返回为true，没有找到显示undefined let sss=this.arr.find(function(item){ return item===4 }) 箭头函数写法 let sss=this.arr.find(item=>item===4)也可以用indexof方法写也可以用循...

原创 nextTick()的用法

需要在 DOM 更新之后再执行一段代码时，可以借助nextTick实现this.$nextTick(() => { });

原创 keep-alive它会有缓存，在首页点击进入详情页，传入的id每个都不一样，设置keep-alive会有缓存所以他们的id还会是同一个id

keep-alive它会有缓存，在首页点击进入详情页，传入的id每个都不一样，设置keep-alive会有缓存所以他们的id还会是同一个id，这个时候用需要用exclude来解决，图片的Detail是一个组件...

原创 A页面进到b页面，离开A页面进入B页面切换到A页面位置还是离开时候的位置

页面保持原来的位置

原创 scrollTo() 方法

scrollTo() 方法可把内容滚动到指定的坐标，就像淘宝一样点击参数到参数对应的位置，点击评论到评论对应的位置参数一:x轴坐标，参数二:y轴坐标，参数三:时间，用法:this.$refs.name.scrollTo(-1000，500)...

原创 offsettop的用法

offsettop的用法，作用是获取一个元素到顶部的距离，做吸顶可以用offsettop获取到顶部的距离

原创 图片加载完成会执行一个函数

图片加载完成会执行一个函数，看图

原创 用v-if v-else切换的时候里面输入input框的值不会清空还会出现上次写的值解决办法是写不同的key，看图

用v-if v-else切换的时候里面输入input框的值不会清空还会出现上次写的值解决办法是写不同的key，看图

原创 点击输入框旁的文字也可以选中输入框，就可以出现光标

点击输入框旁的文字也可以选中输入框，就可以出现光标，看图