娄渊洋-CSDN博客

原创个人学习笔记

1、js如何将136分钟转化为几小时，几分钟return (Math.floor(minutes/60) + "小时" + (minutes%60) + "分" );2、js如何根据index值删除数组中的指定对象deleteLabel(index){ //labelBox 为数组 this.labelBox.splice(index,1);//从数组中移除要删除的标签 },3、JSON字符串转换为JSON对象var str = '{ "name": "cxh", "sex": "m

2021-05-21 16:22:00 1559

原创 uniapp微信小程序报警告：DevTools failed to load SourceMap: Could not load content for data:application/json

DevTools failed to load SourceMap: Could not load content for data:application/json;charset=utf-8;base64

2022-06-23 16:02:26 5689 7

原创微信小程序，wx.chooseMessageFile 选择pdf文件，安卓可以找到，苹果找不到

解决苹果手机无法通过wx.chooseMessageFile 上传文件问题。

2022-06-23 15:56:47 1997 4

原创微信小程序，wx.chooseMessageFile 选择pdf文件，安卓可以找到，苹果找不到

解决苹果手机无法通过wx.chooseMessageFile 上传文件问题。

2022-06-20 16:17:23 864

原创 uview-ui打包后太大，严重占用主包体积如何解决

微信小程序编译完后，uview-ui的包依然很大，甚至达到1.5~2.0M,严重占用了主包体积，解决方案！

2022-06-20 14:21:18 6976

原创 uniapp 微信小程序通过 wx.openCustomerServiceChat对接客服。

直接上解决方案，直接在绑定的方法中调用wx.openCustomerServiceChat 方法即可。需要注意的几点。hbuilder x 需升级到 3.4.3 版本以上。使用的，微信开发者工具中是看不到效果的，需要打包后，在微信中扫码查看。（体验版，开发版都行）示例如下：//跳转到专家资讯expertConsultation(){//我这里用了全局封装的数据，方便后期修改。各位可以直接，放入自己的参数 wx.openCustomerServiceChat({ extInfo: {

2022-04-22 14:17:01 9520 16

原创被node环境变量坑死的一天（修改环境变量后报4048）

node.js 修改环境变量后 4048

2022-03-07 11:41:06 1918 10

原创 uniapp 微信小程序如何解决发版后,旧版本缓存问题

最近搞微信小程序,发现发布新版本后,微信小程序在低版本微信上面并没有同步过去,只有高版微信重新进入小程序界面会进行更新,低版本需要删除小程序,重新搜索进入才可以,非常的麻烦,带给用户的体验也非常的不好.再此给一个解决方案.我们可以在首页onshow中进行判断,监听当前微信小程序是否为最新版本,如果不是的话就下载最新版本,然后通知用户更新,具体代码如下. onShow() { this.listenForUpdates();//监听更新 }, methods:{ //监听

2021-09-30 09:57:21 2356

原创 uniapp APP项目提示用户有新版本更新

自己想的更新思路,有较好办法的欢迎指出 !我的思路是,通过接口判断,当前是否为最新版本,如果不是最新版本提示用户是否更新.这块版本判断是前端判断还是后端判断都无所谓,我这边例子是后端判断的,逻辑都是一样的,可以自行修改.目前主流app分为,安卓和苹果两大类.首先判断获取接口判断当前是否为最新版本 onLoad() { this.updateApp();//检测是否有新版本 },methods:{ //检查软件更新 updateApp() { let _this = th

2021-09-27 16:45:12 2330 1

原创 uniapp 小程序,腾讯视频插件 bindstatechange 等组件元素抛出的自定义事件不生效!!!!!

心理一群草泥马飞过,腾讯的文档是真的另类,最近调了一天属性不生效,最后发现文档上面写的参数值不对!!!在此给大家说一下避免踩坑.文档上的参数是:我按照上面给的参数进行定义,不生效,我靠找了半天问题,最后发现不应该带上bind.错误写法:我最初直接把参数粘贴过来进行触发,死活触发不了.最开始以为是版本问题,调试了多个版本后依然不生效,最后我试了一下原始参数timeupdate发现可以生效,然后对着文档看到了bindtimeupdate ,我操把bind去掉后就可以了!!! 然后我实测了一下确实o

2021-09-26 14:49:35 1927 2

原创 uniapp APP端如何自定义导航栏背景颜色(渐变)

效果如图需要注意的点,这个效果只能在真机调试下看见,在预览模式下是看不到的.而且只针对app 管用.代码如下:{ "path": "pages/shoppingMall/productDetails", "style": { "navigationBarTitleText": "商品详情", "navigationBarTextStyle":"white", // "enablePullDownRefresh": false, "app-plus": {

2021-08-30 18:39:20 7087 3

原创 echarts 手动引 map 组件后,开发中生效,build打包不生效

最近在写官网,地域分布模块要用到中国地图，还需要根据坐标，在地图中动态生成坐标点。我使用的是echarts来写地图，突然发现新版本echarts，没有地图中国地图组件，我就在网上找了一份，直接放入了，node_modules中echarts 文件中。然后开发中地图可以显示，但是打包后，地图没有了，原因是手动添加的map组件在echarts 中并没有配置路径，这造成了打包后，找不到地图的问题。解决方案如下打开项目中的node_modules文件夹，找到echarts 文件夹，打开后找到，package.js

2021-08-03 11:10:15 481 2

原创 vue element ui 走马灯轮播图（简单几句话实现自动缩放效果）

实现效果 element ui 简单实现轮播图本文，中间叙述的是过程，完整代码在最后面。最近在写公司官网，用的是element ui 走马灯组件写的轮播图，ui想要自动缩放的效果，如上视频。在这里详细叙述一下我实现的此功能的逻辑吧。程序员的通病，就是不喜欢麻烦，我更不喜欢麻烦，我个人喜欢大道至简，用最精简的代码完美的实现需求，是我对自己的要求，也是我个人编程的目标。跟很多人一样，

2021-07-30 17:30:44 12807 4

原创 vue pc 项目多环境配置(.env)

没接触多环境配置前，感觉好高大上，真正操作后感觉也就那么回事，在此把自己遇到的问题和解决方案叙述一下，有不对的地方欢迎各位大佬指出。什么是多环境配置,为什么要多环境配置?最常见的多环境配置，就是开发环境配置,和生产环境配置(也就是上线的配置)，很多情况下我们开发环境下的域名，和一些配置项,和我们生产模式下的不同，这个时候就需要我们进行多环境配置，不然每次发版都要改一波数据多麻烦。另一种情况就是你两个项目是用的一套代码，但是最后又要分别打成不同的包，那么这个时候多环境配置就大大提升了开发效率。.env

2021-07-16 19:36:10 935 4

原创 vue js 如何将数组评分成几个数组

直接看代码methods:{mounted(){let arr = [1,2,3,4,5,6,7,8,9,10,11,12]console.log(this.divideEqually(arr))//[[1,2,3],[4,5,6],[7.8.9],[10,11,12]]},divideEqually(originArr) { /*此函数用于，把数组平均分成4份。 * originArr，带分割的数组。*/ if (originArr.length >= 4) {

2021-07-07 14:12:50 1139

原创微信小程序如何引入视频插件,解决文娱资质问题(uni-app 同样适用) 解决bindtimeupdate 不生效问题!

如果你们近期在做微信小程序,可以先浏览一下,避免踩坑.如果你们的微信小程序,含有视频的话,首先你必须要有文娱资质,如果没有的话,一定要做开关,在审核前打开开关隐藏视频,审核通过后再放开.如果已经晚了的话现在有两种方案,一种是申请文娱资质,然后再提交审核,(这个资质特别难搞).要么就引入微信小程序第三方视频插件,下面我会详细叙述插件如何使用,和注意事项.第一步登录微信公众平台,进入微信小程序后台管理,点击设置–>点击第三方设置 -->插件管理–>添加插件,然后搜索腾讯视频,点击添加即可

2021-07-05 14:39:06 11054 7

原创谷歌打印html界面布局方法(当一页展示不完的情况下,在新的页面展示)

最近在写打印html 界面遇到了一些问题,一下是我们解决方案,希望对你有用.第一个是如何强制分页.比如我们有章节性的内容的时候,在某章节结束后,下一章节另起新的一页.第二个问题是,关联性较强的内容,当一页展示不完的情况下,在新的页面展示1.强制分页的方法例子如下,当我们想让B块的代码重新分页打印的话,那我们需要在A块代码中加入 page-break-after: always <div style="page-break-after: always;">A</div> &

2021-06-22 15:35:47 569

原创 uniapp 微信小程序如何在地图上跳转到指定坐标,或者在高德或者百度地图中前去导航

这块最开始我刚做的时候想的比较复杂,是不是需要引用高德,或者百度的地图api 啥的,其实这块完全没必要,简单几句代码就ok.这块要用到的uniapp的方法 uni.openLocation ,具体参数的信息可以去官网上查看一下直接看代码吧html<template> <view>  <view class="map" @tap="goMap"> </view> <

2021-06-08 20:23:49 2621 6

原创 uniapp微信小程序分享后，点击进入分享页面无法回到首页

最近在写微信小程序，写到分享的时候出现了问题，用户从分享点击进入后无法回到首页，退出小程序后再点击进去依然无法回到首页

2021-06-05 10:26:44 5344 1

原创 pc项目配置

如何运行项目1.首先电脑上面需要有node2. cmd 进入项目文件夹输入 npm install 安装插件过程有点慢,全部安装完成后 cmd路径会回到文件夹地址下3.输入 npm run serve 运行项目运行完进度地址就可以了如何请求接口1.首先配置你需要请求接口的地址,进入src -> api -> urls.js文件夹下2. put 请求 get 请求 post 请求 delete 请求调用方法 this.$getData 这就是get请求的调用方式 ,如

2021-06-04 11:23:32 451

原创 uniapp微信小程序开发如何解决input框或者（textarea）框输入时界面被顶起，输入法遮盖输入框的问题？

最近在写微信小程序开发，客服吐槽，点击输入时界面总是被顶起来，输入框也被遮挡了一半，以下是解决方案。首先将输入框设置为不向上顶页面的参数如下输入框参数:adjust-position="false" //键盘弹起时，是否自动上推页面默认的是true 将其改为false:show-confirm-bar="false" //这个是是否显示完成按钮的默认也是true 我这边不需要，看情况设置@focus="getHeight" //输入框聚焦的时候触发里面是触发的方法名称可以自行设置@b

2021-05-25 14:39:43 6030

原创 vue（uniapp)子组件如何监听数据变化（数据变化后执行方法）

适用场景是父组件html<template> <view> <cylindrical :haveTask="totals"></cylindrical> </view></template><script> import cylindrical from '@/pagesB/componentsB/cylindrical.vue' export default { compon

2021-05-24 20:06:52 10397

原创 uniapp 在微信小程序当中跳转微信小程序

在微信小程序中跳转到另一个微信小程序方法放入 methods 中go(){ uni.navigateToMiniProgram({ appId:'wx30821321432afd24',//这个是要跳转的小程序appid 值为示例 path: 'page/index/index?code='+this.code,//跳转到指定界面，可以传参如果多个参如下 //path: 'page/index/i

2021-05-24 18:16:07 887 11

原创微信小程序自定义分享（button）按钮样式，解决button按钮有边框的问题

html <view class="share-img-box"> <image src="../../static/home/share.png" style="width: 38upx;height: 38upx;" mode=""></image> <button open-type="share" bindcontact="handleContact" class="openChat"></button> &

2021-05-24 10:38:43 1216

原创 uniapp 如何获取当前时间,自定义时间格式（根据时间戳转换成时间，判断当前是上午还是下午）

废话不多说直接上代码methods: {//获取当前时间 getNewTime() { //new Date().getTime() 可以直接获取当前的时间戳 console.log(this.traversalTime(new Date().getTime()),'当前时间') }, addTimes(m){return m<10?'0'+m:m }, traversalTime(timestamp) {

2021-05-18 12:21:06 4045

原创微信小程序真机预览请求失败（已开启调试模式），但是开发工具中不校验域名可以请求成功。

直接说原因：域名安全证书无效最近在用uniapp开发微信小程序，遇到了一个问题，微信小程序真机预览请求失败（已开启调试模式），但是开发工具中不校验域名可以请求成功，一开始以为是没有在微信公众平台上配置安全域名的问题，但是手机预览已经打开了开发调试模式，按理说是回跳过校验域名的，但是依旧不行。妥协后去微信公众平台中配置了安全域名，然后重新编译预览测试，依旧不可以，最后我这边关闭了开发者工具中的域名校验，进行请求发现是，域名安全证书无效造成的问题，在此给各位踩个坑。如何在微信公众平台上配置安全域名进入微

2021-05-14 20:22:03 1543 1

空空如也

空空如也