weixin_44943268的博客

原创 uniapp 侧边导航 右边明细组件

uniapp 侧边导航 右边明细组件

原创 vue使用signalR发送消息给服务端及监听及报错There was an error invoking Hub method....

vue使用signalR及报错There was an error invoking Hub method....

原创 vue-前端执行打包后的dist文件

打包后后端发布有问题想甩锅到前端前端可自己检测是否是dist里打包的文件有问题加以回击1.先npm run build 打包 项目中生成dist文件2.桌面运行控制台3.安装express-generator生成器npm install express-generator -g4.安装完成后执行：express demo(demo是文件名称可自定义)5.此时桌面多了一个demo文件夹，以下是目录图6.npm i 安装依赖7.把dist文件里的文件全部复制到demo文.

原创 vxetable实现前端分页

直接上代码吧<template> <div> <page-wraper> <a-modal title="详情" v-model="visible" @ok="visible = !visible" @cancel="visible = !visible" width="900px" :destroyOnClose="true"

原创 js去掉字符串指定字符

例 去掉所有双引号！msg = msg.replace(/"/g,"");

原创 工具包 -- 开发中一些常用的公共方法

lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。(强烈推荐)import isEmpty from "lodash/isEmpty";import router from "../router";/** * @description: 路由跳转 */export const jump = (name, query = {}, params = {}) => { router.push({ name: name, query: query,

原创 表格导入 导出功能(含前端/后端实现)

通过后端发请求导入:1.写一个隐藏的input,和一个导入按钮<Button type="primary" style="margin-left: 10px;" @click="onImport">导入</Button><input type="file" name="file" id="fileExcel" ref="file" style="display:none" @change="fileChange" />2

原创 uni-app如何使用vant-ui如何改变样式

举例:NoticeBar 通告栏组件 需要更改背景颜色及字体颜色原本:更改后:改成了白色背景和红色文字实现:在组件使用代码上添加一个类".van-notice-bar__content"如何拿到?

原创 uni-app如何使用vant-ui的坑

1.SubmitBar 提交订单栏 组件price字段亲测需要*100才是正确的值2.Field 输入框 组件ios端在搜索框输入后 点按钮进行搜索功能 很大概率出现输入框内容丢失如输入"123456" 点击搜索 获取到可能只有"12345"或"12456"解决:设置延时器3.SubmitBar 提交订单栏 左侧想要放不同的组件文档中只有这些事例根据我的需求需要点击左下角 弹出取消订单功能解决配合ActionSheet 上拉菜单组件使用...

原创 uni-app如何使用vant-ui

Vant官网https://youzan.github.io/vant/#/zh-CN/点击官网右上角跳转到小程序版vant(方便查看文档)1.在根目录下创建一个文件夹 格式如下wxcomponents>vant>dist2.前往https://github.com/youzan/vant-weapp下载压缩文件将该项目的dist文件夹替换步骤1的dist文件夹3.App.vue的style中引入样式@import “/wxcomponents/vant/dist/common/

转载 小程序-canvas画图后微信开发工具正常显示真机无效

https://blog.youkuaiyun.com/fangkang7/article/details/82711830

原创 css-渐变如何设置

background:linear-gradient(to right,#7f06a8,#a02bc2,#7f06a8)菜鸟教程：https://www.runoob.com/cssref/func-linear-gradient.html

转载 canvas-将方形绘制为圆形

换个名字测 保存图片 var contex = wx.createCanvasContext(‘firstCanvas’)var avatarurl_width = 100; //绘制的头像宽度var avatarurl_heigth = 100; //绘制的头像高度var avatarurl_x ...

原创 git常见问题

冲突保存退出 shift+: 输入wqgit remote -vgit remote add origin git路径然后再push

转载 微信小程序-授权登录的实现（button按钮）

https://blog.youkuaiyun.com/woqianduo/article/details/81395257

原创 js-对象的追加

原创 微信小程序-解决scroll-view抖动

微信小程序scroll-view抖动原因：产品需要点击换一换，列表置顶并刷新，所以需要动态绑定scroll-view里面的scrollTop属性scrollTop属性用法需要保存@scroll时的值，如果在@scroll时直接复制给scrollTop的话 就会出现页面抖动解决：@scroll时复制给一个变量，点击换一换时再将变量赋值给scrollTop...

原创 uniapp-静默登陆

写在app.vue//内置方法uni.login({success(res) {uni.request({url:’’,method:‘post’,data:{},header:{key:value},success(e){//保存本地uni.setStorageSync(‘key’,e)}}) } })...

转载 js-阳历转农历

var CalendarData=new Array(100);var madd=new Array(12);var tgString=“甲乙丙丁戊己庚辛壬癸”;var dzString=“子丑寅卯辰巳午未申酉戌亥”;var numString=“一二三四五六七八九十”;var monString=“正二三四五六七八九十冬腊”;var weekString=“日一二三四五六”;var...

原创 微信小程序-客服消息及智能提示：您可能想要发送的内容

效果：直接在button里面加

原创 js-时间戳转成日期（想转什么格式都可以）

function formatTime(number,format) {var formateArr = [‘Y’,‘M’,‘D’,‘h’,‘m’,‘s’];var returnArr = [];var date = new Date(number * 1000);returnArr.push(date.getFullYear());returnArr.push(formatNum...

原创 微信小程-显示、获取用户头像、姓名

原生组件~open-data官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/open-data.html手动授权只能用button里面的open-type

原创 uni-app 微信小程序-放大缩小效果以及抖动解决办法

之前想着改变元素的宽高，来实现放大缩小，结果会出现一个抖动。后来换成transform:scale(1), 原始倍数，放大1.1倍，完美结局问题。

原创 vue-写全局变量

main.js里面：其他地方：this.$AgencyId (注意this一定要指向vue)

原创 js-常用方法大全

不定期补充~~~JS获取指定字符的前/后值str = "1234?78”str.split("?")[0] 输出为 1234str.split("?")[1] 输出为 78讲解：(split("?")为指定分割字符；[0]为分割后取前面的值，[1]为分割后取后面的值)...

原创 微信小程序-获取本小程序的appID

微信小程序：wx.getAccountInfoSync()uni-app：uni.getAccountInfoSync()uni.getAccountInfoSync().miniProgram.appId

原创 微信小程序-从一个小程序跳转到另一个小程序

微信小程序跳转到另一个小程序有一个条件！！这两个小程序被同一个微信公众号关联，否则不能跳转，会报错。官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/wx.navigateToMiniProgram.htmlwx.navigateToMiniProgram({appId: ‘’,path: ‘page/index/inde...

原创 vue-非常好用的地区选择

https://distpicker.pigjian.com/

原创 uniapp-开发调试技巧

在page.json里面添加一个对象conditioncurrent值代表List数组的索引，如果是0，则编译后自动刷新时跳转到途中的pages/agency/index页面，如果需要带参数，就在query里面加。微信开发者工具很友好的可以快捷选择...

原创 交互-前端跳转原生App

前端跳转原生APP页面actuive 是APP与前端的一种协议，建议安卓/IOS协议相同window.location.href = ‘actuive://data’; 打开APP首页window.location.href = ‘actuive://data/gotologin’ 打开APP的登录页面window.location.href = actuive://data/${...

原创 交互-前端js页面调用原生的方法

if (/android/i.test(navigator.userAgent)) {try {window.App.方法名(参数);} catch (e) {console.log(e)}} else if (/ios|iphone|ipod|pad/i.test(navigator.userAgent)) {try {window.webkit.messageHandlers....

原创 uniapp-城市选择插件

下载地址https://ext.dcloud.net.cn/plugin?id=115使用：1.将这5个文件夹放入component目录下2.引入city_picker.vue的路径import citypicker from ‘…/…/components/city_picker.vue’3.你懂的4.template：5.@city="cityword"返回的就是需要传给后台...

原创 调试-抓包工具charles

下载地址：https://www.charlesproxy.com/手机抓包设置：1.设置端口2.查看本机ip地址（也可以自行用喜欢的方式查看本机ip…）3.手机与电脑需要网路一致（连接wifi…）设置代理...

原创 微信小程序-分享给朋友的封面图片尺寸

5:4

原创 uniapp-避免请求数据未全部加载完成

添加v-if 如果此值没加载完成则不显示页面

原创 uniapp-存储/获取本地缓存数据

存:uni.setStorage({key:“属性名”，data:“值”})/---------------------------取uni.getStorage({key:“属性名”,success(e){e.data//这就是你想要取的token}})

原创 uniapp-获取用户code

在入口文件App.vue里面onlaunch里，发送请求uni.login{success: function(e){e.code//这个就是你要的code}}

原创 微信小程序-分享

作用：分享某页面，发送给某好友1.设置button的open-type属性=“share”，则可调出微信好友列表。2.js中写一个监听分享的事件。onShareAppMessage：function(e){title:“标题”,path:“页面地址”，imageUrl：“图片地址”}参数‘e’里面会携带button中的自定义属性（在这里我用自定义属性来传值）例：...

原创 微信小程序-发送模板消息

例：注：发送模板消息之前，必须取得form id，并且在提交订单时将form id传给后台，让后台控制何时发送模板消息给用户，必须在form表单提交时还有支付时才能触发的功能。作用：通过发送消息至微信聊天列表，提醒用户一些消息。第一步：上官网选择需要发送的模板消息字段第二部：在代码中拿到发送模板消息的form id（我举例的是在提交订单时发送，此项目没有支付需求）<form @s...

原创 关于image-七牛云返回的图片指定尺寸

在七牛云返回的图片路径后面加上?imageMogr2/auto-orient/thumbnail/!420x360r/gravity/Center/crop/420x360/interlace/1/blur/1x0/quality/80|imageslimPs：420x360是需要指定的图片尺寸...