自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(73)
  • 收藏
  • 关注

原创 微信小程序下载预览PDF并且分享出去

【代码】微信小程序下载预览PDF并且分享出去。

2024-07-25 10:07:15 514

原创 Beyond Compare 提示“缺少评估信息或损坏”,无法打开只要操作一行命令就可以了

在CMD 或者powershell下执行如下命令重新打开即可。重新打开,就ok 了。

2024-06-13 15:04:21 258

原创 微信小程序浮标,可以拖动,自动靠边隐藏一半客服图标功能

不多说,直接上代码。全屏拖动无抖动,中间停留自动靠边,拖动隐藏一半,可自己根据代码改动为自己想要的效果。

2024-04-16 10:43:08 513

原创 人工智能ai帮助我们做什么?

这个服务刚刚推出,目前处在推广期,优惠力度很大,只要278元,就可以买一送一使用,免除逐一访问 GPT4 / 文心一言 / Midjourney / DALL-E 的麻烦,而且访问速度快。总的来说,人工智能可以为我们提供更多的信息和洞察,帮助我们更好地理解和应对现实世界中的复杂问题。4,语音和图像识别:人工智能可以帮助我们识别语音和图像中的信息,从而提高生产力和效率。1,自动化任务:人工智能可以自动执行重复性任务,从而节省时间和精力。最近有去使用人工智能画图,做文案,写代码,优化代码,确实很好用。

2024-04-16 10:33:06 2780

原创 微信小程序webview嵌套H5页面,H5页面的二维码实现长按设别功能

为二维码 因为是定位,层级高出了其它元素。长按的时候就可以有效设别了。

2024-01-30 15:31:43 876

原创 本地安装多个node版本,gvnm来安装切换使用。vue2和vue3对node版本要求不一样

使用gvnm 来管理切换本地node 版本。首先,本地下载安装gvnm。里面有安装使用方式。

2023-10-10 15:41:06 343

原创 如何获取微信公众号关注主页地址

微信下打开就是这个页面了。如果是要手机短信连接打开。只能使用微信小程序中转页,调起小程序对应的webView页面直接打开这个地址,来推广关注。这个地址只能在微信app使用。在公众号后台发布一篇文章,(文章也可以关注公众号)2,浏览器打开文章地址。在页面找到_biz码。

2023-08-01 16:20:56 1554

原创 循环多张图片使用 ctx.draw 微信小程序上传图片添加水印,后面图片空白问题。

循环使用ctx.draw出现空白图片。微信小程序上传图片添加水印

2023-01-13 16:08:39 1154 1

原创 vue 项目下使用dataV和echarts 开发可视化大屏

非常好用的vue 项目下的可是化大屏功能。使用dataV 和echarts.js

2022-11-15 16:12:18 1635

原创 微信小程序 下载二进制流 预览PDF文件

【代码】微信小程序 下载二进制流 预览PDF文件。

2022-09-20 10:09:57 825

原创 微信小程序webview加载的H5页面 跳小程序问题

这套代码判断跳转 使用的是wx.miniProgram.redirectTo({url: ‘/pages/page/index/index’})。但是发现两个小程序。但引入入口跳H5的位置不一样。在index 跳H5的这样可以。其它页面跳H5不能这样跳回(但开发者工具上可以,真机又不行,醉了)。推测应该得按绝对路劲来。如果只是返回上一页。直接使用wx.miniProgram.navigateBack 是没有问题。...

2022-08-31 17:37:19 3104

原创 微信小程序添加水印重新画图。在苹果12.系统15.4 ctx.draw下没有回调问题

原有的上传加水印方式,赶着上需求,最后测出个兼容问题UploadImg_new.js ,上传组件请注意,小程序需要引入微信的绘图插件/** * (多)图片上传方法(该方法接受一个options) * @url: string,上传的路径(非必传)) * @count: number,允许单次上传的数量(非必传:1-9) * @fn: function,操作本地图片路径的回调函数(非必传) * failCallback:function,某张照片上传失败的回调函数(非必传) * @stora

2022-05-13 15:31:16 918 2

原创 微信小程序之webview H5以小程序 的跳回,传值触发动作

在小程序引入H5页面<web-view bindmessage="handleGetMessage" src="{{outSrc}}"></web-view> handleGetMessage: function(e) { // 获取webView 修改后传递的信息。判断调用用户信息接口 console.log('修改了用户信息', e.detail.data) if(e.detail.data && e.detail.data[0] &

2022-04-11 14:37:42 1451

原创 vue URL或接口请求拼接参数方法

新建个url.js 文件/** * 参数字符串转换成对象形式,如:a=1&b=2 转换成 {a:1, b:2} * @param {String} str 需要转换的字符串 * @param {String} [sep=&] 连接符,可选,默认 & * @param {String} [eq==] 键值间隔符,可选,默认 = * @returns {Object} */export function parse (str, sep, eq) { let obj =

2022-01-20 16:45:57 4844

原创 微信小程序之前端AES加密使用

1,加入crypto-js.js 文件 。可以去官网下载2,crypto.jsvar CryptoJS = require('/crypto-js.js');// key 和 iv 可以一致// key = CryptoJS.enc.Utf8.parse(key); // 密钥 // iv = CryptoJS.enc.Utf8.parse(iv);// param {string} mode 加密模式 BCB ECB CBC//加密 AESfunction encrypted(param

2021-12-27 11:44:44 1333 2

原创 微信小程序 服务通知之订阅消息授权公共方法

1,创建个js 文件 subscribeMessage.js// 订阅消息通知授权方法export const subscribeMessage = (val)=> { //需要订阅的消息模板,在微信公众平台手动配置获取模板ID let message = val; // 模板id //如果总是拒绝(subscriptionsSetting,2.10.1库才支持) if(versionCompare('2.10.1')){

2021-12-01 09:16:01 3112 2

原创 微信小程序跳转公众号(引导关注)之 使用公众号消息

1.首先 在微信公众号后台发送一条消息,这条消息你可以定向发送给自己看到就行。如图:内容里面放生产的公众号二维码;微信会提示你是否生产这个跳转连接,还是只是放二维码2:第二步在小程序里面使用src 使用这个微信公众号消息链接地址就行。展示的就是图二页面。用户点击,就会调起微信公众号关注。或是点击发消息进入...

2021-11-24 10:52:10 1785

原创 常用的正则表达式

01、手机机身码(IMEI) /^\d{15,17}$/02、必须带端口号的网址(或ip)/^((ht|f)tps?:\/\/)?[\w-]+(\.[\w-]+)+:\d{1,5}\/?$/03、网址(url,支持端口和"?+参数"和"#+参数) /^(((ht|f)tps?):\/\/)?[\w-]+(\.[\w-]+)+([\w.,@?^=%&:/~+#-]*[\w@?^=%&/~+#-])?$/04、统一社会信用代码(宽松匹配)(15位/18位/20位数字/字母)

2021-11-24 09:45:38 421

原创 vue driver.js引导页面效果

首先,先安装 npm install driver.jsnpm install driver.js页面再引用import Driver from 'driver.js';import 'driver.js/dist/driver.min.css';import steps from "./guide"; // 配置项 对应的HTML 上加上最好是id 可以是.class<div id="guide-menu"> <div></div>

2021-11-10 23:11:38 894

原创 模拟Cascader 单纯的显示

子组件: cascaderDiv.vue<template> <div class="cascader_div"> <div class="cascader_option" v-for="(val,index) in dataList" :key="index+'cas'"> <div @click="detail(val,index)"> <span>{{val.p

2021-11-05 09:32:38 168

原创 关于vue 项目防范XSS攻击问题

1.对于从接口请求的数据,尽量使用{{}}加载,而不是V-HTMLvue中的大括号会把数据解释为普通文本。通常如果要解释成html代码则要用v-html。而此指令相当于innerHTML。虽然像innerHTML一样不会直接输出script标签,但也可以输出img,iframe等标签。vue文档关于v-html的说明如下所示:2.对用V-HTML和INNERHTML加载的客户信息进行转义如果显示内容里面有html片段,一定需要用v-html或者innerHTML加载,例如:里面的message是

2021-11-03 16:10:25 12495

原创 van-calendar 组件 限制周六日等处理

<van-calendar title=“请选择预约日期” color="#61A3F2" v-model=“show” type=“single” :min-date=“minDate” first-day-of-week=“1”:max-date=“maxDate” @confirm=“timeConfirm” :formatter=“formatter”/> data() { return { servItemCname: '', week

2021-10-08 17:50:20 1077

原创 H5加app混合开发。关于H5页面使用高德定位功能,失败问题

因为是混合开发。app 加载H5页面使用的是webView控件。app 需要开启H5辅助定位功能。如安卓高德官方文档 https://lbs.amap.com/api/android-location-sdk/guide/android-location/new-assistant_location

2021-09-22 15:31:06 1162 2

原创 vue html页面script引用高德地图异步问题

<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=xxxx"></script> 在页面script 引入高德api . 如果在api 还没有返回是就去调用。会报错未获取到AMap所以需要异步处理在html 页面 <script> (function () { var url = `https://webapi.amap.com

2021-09-13 11:16:38 527

原创 vue 页面悬浮图标 滑动。和影响背景页面滑动问题等

直接上代码先 。组件 。次组件功能没有全部完善,需要自己改动 float.vue<template> <div class="ys-float-btn" :style="{'width':itemWidth+'px','height':itemHeight+'px','left':left+'px','top':top+'px'}" ref="div" @touchstart.stop="gtouchstart()" @touchmove.s

2021-09-06 16:24:01 674

原创 小程序保险行业投保,小程序支付需要先跳微支保实名处理问题

刚处理的时候,直接页面加载的时候就直接跳转微支保小程序。发现安卓还是可以,苹果就会报错提示 需要有操作动作才能跳转处理方式wx.showModal({title: ‘温馨提示’,content: ‘小程序支付需要微跳转微支保实名认证’,showCancel: false,//是否显示取消按钮cancelText: “取消”,//默认是“取消”cancelColor: ‘#000000’,//取消文字的颜色confirmText: “确定”,//默认是“确定”confirmColor: ‘

2021-08-24 11:41:09 3917 3

原创 js vue日期时间判断 大于某个日期时间

computed:{ isdateTime: function() { // 时间判断 首页更新跑马灯提示 let a= new Date() // console.log(a.getFullYear()) if (a.getFullYear() > 2021) { return false; } else if (a.getMonth() > 7) { // 月份,大于8月 ..

2021-08-19 16:09:15 2263

原创 H5页面,短信调起微信小程序方法

首先 第一步通过GET https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET小程序提供的接口 获取到 access_token。官方api:https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/access-token/auth.getAccessToken

2021-07-29 15:59:30 1130

原创 js 正则替换换行符和空格(&nbsp)

如数据是 let a = '↵换行个阿斯蒂芬↵换行个阿斯蒂芬↵ ABCD'; let b = a..replace(/[\r\n]/g,'<br/>').replace(/ /g, '&nbsp;');这样就搞定了。多个空格就会多个 替换

2021-07-13 18:08:52 2168

原创 关于JS运算,出现多余小数点尾数,浮点问题处理

js 计算 如3.6-3=0.6000000000000001。加减乘除,就不一一举例了。原因十进制的0.1和0.2都会被转换成二进制,但由于浮点数用二进制表达时是无穷的,例如。JavaScript 代码:0.1 -> 0.0001100110011001...(无限)0.2 -> 0.0011001100110011...(无限)整数的精度问题19571992547450991===19571992547450992 // true同样的原因,在 JavaScript 中

2021-06-15 09:45:34 6390

原创 关于textarea 自动撑高问题,设别换行问题

如果只是为了渲染,设别换行的话。我们可以换个思路来实现。把textarea 的换行符替换成div等元素能设别的。不就可以了吗<div class="text" v-html="actDetailInWxObj.actDesc.replace(/\n\r/g,'<br/>')"></div>搞定...

2021-05-21 17:34:14 236 2

原创 js vue 数据对象排序

attacheClick(val){ this.isAttache = val; let tableData = JSON.parse(JSON.stringify(this.tableData)); if (val == '0') { this.tableData = this.sortByKey(tableData,'premiumAll'); console.log('按保费', this.so

2021-05-21 14:59:02 356

原创 vue 使用Swiper.js 实现轮播 ,中间图还在两边显示一小段上下图

首先得安装依赖 再引入Swiper.js 。在main.js 引入// swiper 轮播样式import “swiper/swiper-bundle.min.css”;分装组件页面<template> <!-- 轮播组件 --> <div class="swiper_banner"> <div class="swiper-container"> <div class="swiper-

2021-04-16 17:52:08 978

原创 关于 cli2 打包配置多个入口index.html文件 及配置CopyWebpackPlugin 复制文件问题

多个入口配置关于 CopyWebpackPlugin 复制文件问题发现无法复制构建过程的文件,也就是无法复制打包后的静态文件。只有静态未构建的图片文件。也就是说。这个目录取的是项目文件目录

2021-04-16 17:29:49 206

原创 encodeURIComponent,encodeURI方法对url中的特殊字符进行转码

前端对拼接到url 的json 里面有特殊字符 ,如加号等进行编码处理,需要编码2次才行。因为浏览器会自动转码一次。如果只是编码一次,还是会有问题的。

2021-04-06 16:18:29 416

原创 微信公众号vue 项目H5页面后台有对前端页面重定向,本地环境调用问题

接口会报302。应为有重定向解决方式 :先打开测试环境。查看查询的后台是通过cookies 来判断重定向。 把测试kookies 赋值到http://localhost:8080/ 本地环境下的页面cookies 里面。就ok 了

2021-03-08 09:35:20 695

原创 H5 微信端分享功能模块各按钮禁用,打开处理,及分享组件

首先,路由切换是每个页面都默认调用微信方法关闭。看你要关闭那些https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#44 官方文档地址项目加载的时候需要去注入微信wx.config 。但要调用微信sdk .我这是通过后台拿的签名等数据 created(){ GET_CONFIG({appId:APP_ID,url:window.location.href.split("#")[0]}).then(.

2021-02-08 10:57:29 996

原创 数组对象,根据对象多个属性值,或单个判断,重组数组

首先 提供重组方法// let a = [{id: 1}, {id: 3}, {id: 2}, {id: 3}, {id: 1}]; // [[{id: 1}, {id: 1}], [{id: 2}], [{id: 3}, {id: 3}]]export function reduceList(val, src) { // 通过某个属性值相同判断—重组数组对象let b = val.reduce((r, x) => ((r[x[src]] || (r[x[src]] = [])).push(x

2021-02-05 15:36:15 357

原创 关于使用内网外网同时可以使用配置

1,首先 用管理员权限打开cmd命令符管理员权限下route print 查看所有route delete 0.0.0.0 删除所有route add -p 10.0.0.0 mask 255.0.0.0 9.3.33.250 wifi网络下 以10开头的都走内网网关9.3.33.250 为默认网关有时候无效的话 改成 route add -p 10.0.0.0 mask 255.255.255.0 9.3.33.2502,看图.........

2021-01-15 11:01:24 459

原创 H5跳转小程序点击按钮各种样式注入无法撑开问题

<div class="launch_btn_2"> <wx-open-launch-weapp username="gh_xxxxxx" :path="path" > <script type="text/wxtag-template"> <style>.btn {width: 180px; h.

2020-12-30 17:33:40 1222 3

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除