- 博客(46)
- 收藏
- 关注
RSS订阅原创 微信小程序关闭首页广告
由于之前微信小程序默认开启了首页广告位。导致很多老人误入广告页的内容，所以想着怎么屏蔽广告。然后根据这个思路，程序员嘛，当然找代码解决方案，盲目的搜索了一下，发现真的没有一个合适的答案，怎么办呢？发现好像这个东西不是用代码控制的。哈哈哈，然后就开始慢慢找到解决方案啦，下面分三步，单单看截图不看文字也可以。如果不想设置关闭，那可以选择场景设置，设置哪些场景或者行业不显示。然后就没有然后啦，然后首页的广告就可以关闭啦。
2024-03-17 00:03:23
600
原创 使用动态创建pinia时报injection “Symbol(pinia)“ not found
injection "Symbol(pinia)" not found，动态创建节点在函数式调用
2023-02-02 20:00:00
1190
1
原创 vue3-ace-editor报Failed to execute ‘importScripts‘ on ‘WorkerGlobalScope‘错误处理
vue3-ace-editor 遇到Failed to execute 'importScripts' on 'WorkerGlobalScope'问题
2023-01-30 17:10:35
5340
2
原创 unity打包index里面共同维护的对象抽离
由于前期都是在unity的index页面里面写前端和unity共同维护的类。这样容易有个问题，就是如果unity不小心打包了index过来，一覆盖，那么之前写的就全部置空。index如图：引入前端写了派生事件，如下：JS_OnReceiveView: function (fovMin, fovMax, angleMin, angleMax) { // console.log(fovMin, fovMax, angleMin, angleMax); win
2022-04-30 01:57:00
1949
原创 vue将unity的canvas转成图片，并上传后台
需求：将unity目前的窗口形成截图并将其上传至后台。连干4篇文章。太累了。废话就少说了。直接来解决方案。首先，找到unity给的文件夹下的Build/Web.json。将"webglContextAttributes":{"preserveDrawingBuffer": false}, 改为"webglContextAttributes":{"preserveDrawingBuffer":true}, 这个主要是开放截图，不然截图是一片空白这个改为true一开始是我手动改的，后期unity已...
2022-04-30 01:44:20
1251
原创 vue与unity进行交互，包括unity发收，unity自动获取数据等
对于前端对接unity我是从事前端来都没有接触过的，所以是我的知识盲区。所以只能不断的百度和谷歌去找解决方案。有文章不错，有文章写得模棱两可。真正做起来的时候，即使有部分文章可以，但该踩的坑那是一个不漏的踩上了，哈哈。因为自己曾经踩进去，写这篇文章，就是希望大家能在我踩的坑上，更加顺利的和unity进行对接。废话不多说了，入正题吧。我用的是iframe做的开发，所以解决方案都是iframe的。如你要的是vue-unity-webgl可以不往下看，转移下一篇文章首先是要获取unity的实例，如图，
2022-04-30 01:24:49
7247
6
原创 vue对接unity
业务需求需要前端对接unity,百度一通怎么操作引入。好家伙，是有很多。但是十篇我都没能成功导入unity。所以我决定我踩完坑，自己写一篇分享出来。首先，方案有两个。一个是引入vue-unity-webgl，一个是直接用iframe引入。ok。知道方案，怎么做呢，因为vue-unity-webgl和iframe都需要路径，怎么引入成了问题。有些个博客叫我新建个static文件专门放unity文件夹。好家伙，一通操作下来，直呼好家伙，全屏错误。两种方式都错，so,求人不行，就求己呗。上个wc放个水，回归思
2022-04-30 00:24:18
5369
10
原创 基于element-ui el-slider实现滑动限位器
应需求需要，要做一个滑动限位器，一通百度，一通谷歌，没有相对应的解决方案，所以只能自己上。过程有丢丢曲折，比较细的东西。所以耗时也长写。写出来有需要的可以参考需求图如下：上面的滑块是可以在区间【50-100】之间随意切换的。左边和右边也是可以随意拉动，区间可以随意变动，上面的滑块也可以跟着区间的范围不停的在变动。当然，也是有限制的，我这边的限制是30-150。需求拿到手，那就是开始开工了。看了看element-ui没有现成的，只能自己用css组合啦。废话就少说了，上代码html模
2022-04-29 23:44:29
4815
原创 vue-admin-template框架下修改svg的颜色
嘿嘿，好久不更博客啦。突然记起这个修改svg颜色这个挺好玩的，记录一下。哈哈哈哈，没想到svg还能这样玩。需求：vue-admin-template里面某个模块鼠标滑过时里面的图标变颜色首先解决方案有很多，改background-image,改img的路径。我都觉得这些最终都是要换图片，有没有直接在图片的基础上改个颜色就ok的。哈哈，svg一下子映入脑子。这玩意阿里icon-font都可以改颜色，啧啧，那么我是不是也可以尝试。说干就干。百度走一波，首先看到一个哥们的博客。如图：https:/
2022-04-05 19:17:45
2163
2
原创 微信小程序 解决iOS复制通讯录号码带unicode问题
昨晚老板们丢了个问题出来，在复制粘贴号码搜索的时候，搜索不到用户订单，这就很尴尬了，查了后台。发现老板输入发送给后台的是'<202d>159xxxx8x9<202c>',我寻思着是不是复制错了。问了具体情况，就是手机直接粘贴的，这就奇怪了，用我安卓机测试没这个问题，定位到问题发生在ios系统上。果然百度了一下是因为自带了Unicode编码，而且这个编码是不可见的。所以接下来就一顿搜索这个问题的解决方案，找了很多，都是告诉我这个问题的出现，比如：https://juejin.c
2021-04-01 12:04:48
386
2
原创 服务商模式下，微信小程序的h5调起支付总结
这篇文章主要是根据前阵子小程序嵌入h5商城遇到的问题进行总结而发的，希望遇到这种问题的对你有帮助。首先嵌入h5页面浏览什么的都正常，支付失败。度娘问了一下，原因是小程序不支持H5的jssdk的支付，然后百度到一个帅哥的博客是很详细的，你们看我这篇文章前建议先看他的，链接如下：https://blog.csdn.net/tm7796/article/details/108076250我照他的做完之后，有了以下疑问1、一个公众号可能有多个小程序，每个人进入不同的小程序，openId肯定是不一样的，我
2021-02-01 18:00:58
1151
原创 微信小程序跳转到客服会话，将内容带到服务窗口并发送给客服(只是曲线救国)
最近有需求是这样的：通过微信小程序里面带的客服会话功能，将用户选择的不适症状发送给客服。拿到需求我首先进行了分析。发现接入客服不难，只需要将按钮给上，设置open-type="contact"就可以打开微信自带的客服会话。怎么将选中的内容发送给客服呢？我逛了一圈社区没答案，所以我又逛了一圈百度，也没答案。没办法，只能自己想想看看有没有办法解决。然后我就想到了一个曲线救国的办法，我的需求如下：（1）首先看图，我要将下面选项中选中的数据获取到发送给客服：选中完之后，没有接口开放直接发送给客服
2021-01-29 11:35:02
4020
4
原创 小程序scene=多个参数设置
小程序的scene参数设置经常会忘记，所以我自己备忘一下1、只传一个参数写法scene=hid%3D34//34是参数值 %3D是=符号2、传2个参数的情况scene=hid%3D34%26pcid%3D1 //%26是&符号，hid和pcid是键名，34和1是键值怎么设置如下：得到url的通用字符对应的值搞定。...
2021-01-15 16:39:43
6141
4
原创 利用webpack-chain配置happypack和DllReferencePlugin
好久不发博文，最近主要是攻考试去了，积累的几篇文章都懒得写。今天抽空写一下webpack的打包优化，由于我的框架是基于vue-admin-template做的，框架用的是webpack-chain命令做的，所以也导致了我做webpack优化走了不少弯路。我的优化主要做了happypack多线程打包和DllReferencePlugin抽离依赖库。1、先介绍happypack的步骤（1）安装相关插件，os和happypack，安装的命令根据自己喜欢，我用的是yarn add os 和yarn
2021-01-06 16:47:12
1142
原创 对象浅谈深复制
最近由于男朋友的穷追猛打的学习。刚好聊到对象和数组深复制这个问题，就探讨了一下，互相分享文章，看优化点。现在有时间，写写博客。毕竟我这种人太懒。不是问题太坑都很少上博客。首先是比较浅的深复制，注意是比较浅的深复制不是浅复制。也就是单纯的只深复制一层（里面再嵌套嵌套的深复制不到），通用的有以下两种：var object = {a:2,b:"shanshan",c:333}var arr ...
2020-04-30 17:44:18
191
1
原创 We're sorry but vue_blog doesn't work properly without JavaScript enabled. Please enable it to.....
今天打包的时候遇到了这个We're sorry but vue_blog doesn't work properly without JavaScript enabled. Please enable it to continue.问题。然后百度解决方案，几乎百分之八十告诉我，你要在router文件夹的index.js文件中，将mode修改为hash模式即可。我也以为不是什么大事，一检查我默认就是...
2020-04-01 11:16:25
11302
7
原创 vue+elementUI导出数据为word文档
今天做项目遇到需求是在word文档里面增加数据，在已知文案里面加上用户签名和时间。我也按搜索到的做的。我做的时候主要参考了简书写的，具体链接：https://www.jianshu.com/p/0de31429b12a以下是我写的代码模块，步骤完全按简书写，如下：1.先下载相应的包// 安装 docxtemplateryarn add docxtemplater pizzip -...
2020-03-02 19:33:02
10504
32
原创 element-ui 在el-table的el-form里面添加el-tree导致表格错位问题
最近做管理后台的时候，遇到一个很恶心的事情，就是el-table的el-form里面加了el-tree导致表格错位，一开始定位是我的布局有问题，处理了几个小时都没有处理好。百度上也没有解决方案，可能我这坑掉的人比较少吧。具体情景如下：红色位置就是el_tree,左边是表格中的其他元素。搞了很久找不到问题的原因。后面在看代码的时候发现我表格里订单ID给了fixed属性。去掉即可。这个坑挖得真...
2019-10-23 14:57:13
3258
3
原创 小程序 微信支付分
最近应公司市场部要求，在小程序上加上微信支付分。微信支付分到目前为止还在内测阶段，但已经开始试用了。文档如下：https://pay.weixin.qq.com/wiki/doc/apiv3/payscore.php?chapter=15_6&index=4因为是在内测阶段，所以肯定会有坑需要跳的。文档中提供确认订单的方法有2个，一个是wx.openBusinessView，不...
2019-07-05 20:16:49
7351
24
原创 小程序自定义tabbar报Component is not found in path "custom-tab-bar/index"
最近由于小程序改版，用到了自定义导航，这可好了，这坑一波一波的。首先是Component is not found in path "custom-tab-bar/index"，首先官方文档没有说明这个是说明鬼错？百度也没有人告诉我所以然，所以自己爬坑。1、需要把报错去掉的话。只需要在app.json 里面设置的tabbar的custom这个变量去掉。如图：2、报错，但是想要自定义...
2019-06-25 16:11:04
12369
13
原创 vue中echarts动态刷新数据（x轴y轴和title）
最近需求做一个数据表，根据筛选条件不一样，渲染不同的内容。，主要如下图如图，一开始什么都没有的时候默认显示title，当进行筛选的时候横轴和纵轴都显示相应的数据。问题就是，我按照其他百度问题说的做，直接赋值语句上this.chart.setOption(newVal);然而并没有什么屁用。。。。。因为需求是有数据时改变x轴和y轴数据，隐藏标题的渲染，百度到几乎都是差不多一样的解法之...
2019-05-30 18:56:29
11354
7
原创 微信小程序ios和安卓扫码踩坑记(扫码时onshow调用的顺序不一致导致bug产生)
最近可被小程序扫码这搞得难受了，安卓和ios的手机执行代码顺序和扫码返回结果都不一样。刚刚好，我的就是安卓的，安卓按照正常情况走，一点问题都没有，但ios就不行了，各种问题，刚刚跳出这个坑又踩进另一个坑。所以我一定要把它这些坑写出来，避免更多人跟我一样跳下去。1.首先说简单的，扫码返回的结果，扫一个带有链接的二维码，安卓扫，result里面不会返回任何东西，这很ok是需求需要的，但ios就不一...
2019-05-29 10:03:56
5368
原创 微信小程序获取电话号码模块弹出时会将onshow里面保存的参数变量清空
昨天在做需求的时候发现了微信小程序点击获取电话号码时也会将小程序onshow里面赋值的变量清空。自己查看了一下是弹出获取电话号码的时候微信小程序也调用了onhide和onshow，也就是说默认相当于跳出了当前页，跳出了当前页那肯定再次返回就调用了onshow啦。搞清楚原因肯定就是干啦。1.在onhide的时候设置一个变量，这个变量的用来判断是不是要把onshow里面的某个变量在onhide...
2019-05-28 17:20:59
1065
原创 小程序使用jsencrypt加密
由于项目需要，用到jsencrypt加密密码，于是就开工。中间百度了一下，但是最终都只是告诉我，不兼容，然后需要修改修改哪里。嗯，这个我跟着改了，那然后呢？？？？？没有文章告诉我怎么继续然后。so，我自己摸索吧。反正我也做了，分享一下，对那些需要用jsencrypt对称加密的小伙伴一个帮助，一看就会。1.由于小程序不支持window对象，所以，需要修改源码。将下载好的jsencrypt....
2019-04-27 19:20:09
8366
28
原创 后台调getWXACodeUnlimit前端怎么获取值，直接用wx.scanCode怎么取值，怎么在模拟器模拟getWXACodeUnlimit传值
由于之前做的小程序带参数进入都是用芝麻小程序做的二维码，直接传参即可，现在项目老大说要后台调用getWXACodeUnlimit生成二维码前端去取值。然后自己这三个问题搞了好久（当然也有百度），有些压根答不到点上，有些只有前半部分，所以我自己在这里也写一个吧，把整个需要扫码的流程都写完。不同之处：有sence=这个参数。取值略微不同。1.先说后台调getWXACodeUnlimit生成二维...
2019-04-16 17:57:07
3744
原创 微信小程序支付报签名错误 后台签名跟调试工具返回的一样了，但是一直报签名错误
一个月前，小程序调试到微信支付。其实也不是第一次调支付，因为之前在上家公司都是后台全程配好我调参数就好所以我并不觉得有什么吃力。但这次是由0开始，因为只是开发小程序，登陆的都是小程序开发平台，所以跳了坑，很久跳不出来。现在有时间就记录一下这些坑，以防自己下次再做时忘记又跳一次这个坑。坑的起源：后台签名跟调试工具返回的一样了，但是一直报签名错误。归根结底就是开发流程没有按正确的文档流程调起微信支...
2019-03-19 14:45:58
2146
原创 2019前端面试不可错过的好知识，你值得拥有
面试中会遇到各种问题（在这感谢我的小伙伴源源不断给我提供面试题），我在这只给问题和答案相关的链接(别人有写好的现成的解释得很好的，我就不一一自己再去写了)，你们可以点相应的链接进去查看答案，另外，有些问题我自己拓展了一下，所以会有两个链接或者是三个，请不要觉得奇怪。下面开始进入正题：1.typeof 和instance of有什么区别？ instanceof运算符用来测试一...
2019-03-12 20:35:22
303
原创 小程序授权流程，小程序登录过期，小程序二次请求
写这篇文章，主要是因为前阵子（其实就是一两周前）被大佬要求画出授权时序图，然后我不出意外被教训了一顿，哈哈，经过一顿梳理，整出了下图：上图为相应的时序图（字丑，能看懂就好别介意哈！）为什么这图会有sessionId呢？因为小程序的请求wx.login返回的code是会过期的。根据是否过期去判断是否需要重新登录小程序。sessionId怎么来的呢？是根据小程序getAccessToke...
2019-01-03 18:50:39
5938
2
原创 echarts legend太多换行显示及legend每个标签文字过长分两行显示的间距调整问题
最近在做大数据相关的东西，用到了echarts，然后遇到了有10个legend，要分左右显示，并且每五个字换行显示问题。前者很快就解决出来了，后者换行显示的话文字挨得很近，怎么办呢，第一反应自己搞不定，那就百度看看有没有解决方案，结果一大堆都是说前者分左右换行显示，后者没有百度到做法，所以只能自己上啦。废话不多说上代码"legend": [{ "icon": "circle", "r...
2018-10-15 22:45:28
51771
12
原创 自适应问题的处理
之前用的自适应都是用rem或者em。最近觉得另一种方法不错，分享一下最近用vh和vw的用法。vh官方给的解释是: 相对于视口的高度，视口被均分为100单位的vh。vh官方给的解释是: 相对于视口的宽度。视口被均分为100单位的vw。看起来这个可以做些什么，又好像不是什么都可以做，毕竟百分比也可以达到一样的效果对吧。但是就是这个觉得鸡肋的东西让我最近觉得做自适应不错。声明一点...
2018-10-15 22:20:42
564
原创 实时监听input的值，类似于实现模糊查询，处理输入中文问题
今天有个需求，根据input用户输入进行实时进行模糊查询。一想到这个需求就想到jQuery的input propertychange函数。但是做起来和想一般都不一样的，，，，，然后我就光荣跳坑了。实现实时监听其实有两套方案，下面废话少说，进入第一个方案1.使用input propertychange函数，结合compositionstart和compositionend监听输入法。不过缺点是要调用...
2018-05-17 18:16:01
2655
1
原创 better-scroll 轮播（1.0+版本）
最近因为vue不是很熟练，所以看了慕课网的移动端音乐app。但是在跟着做轮播图的时候发现很多问题，循环不出来，自动轮播不出来等问题，发现是版本不对。解决完之后做个mark，如果你们也遇到这样的问题，希望对你们有用首先是slider.vue import BScroll from 'better-scroll' imp
2018-04-28 18:14:53
489
原创 webpack3+和extract-text-webpack-plugin 时遇到 Cannot read property 'thisCompilation' of undefined 错误
最近接手公司前端外包出去的的项目，然后在npm run build的时候遇到了两个问题。第一点是 A complete log of this run can be found in:npm ERR! C:\Users\90422\AppData\Roaming\npm-cache\_logs\2018-04-28T09_26_42_435Z-debug.log这个问题很简单
2018-04-28 17:56:40
10328
3
原创 小程序类似糗事百科一样左右滑的效果，每个页面有下拉加载
由于开发需要一开始加载一个页面，左滑出现一个页面右滑出现另一个页面的功能，一开始选择的是监听左滑调一个页面，右滑调一个页面。但是效果不好，因为小程序默认页面出来是从右边向左边出，所以右滑理应是右边出来的页面却从左边出来了。最后的解决方案是用小程序自带的swiper实现整个效果。由于除了首页，其他的页面都需要下拉加载，至于下拉加载部分，各位可以看我写的下拉加载部分的代码哦。
2017-12-15 17:21:13
472
2
原创 小程序scroll-view上下滑的内部加左右滑，scroll-x生效的情况
今天做了下滑块里包含左右滑的效果，由于scroll-view 左右滑说的不够清楚，只能百度和看别人的例子了。还好scroll-view里面可以嵌套scroll-view，不然还要处理其他的问题。不啰嗦咯，上例子，由于例子的图片都不存在。所以就把图片注释掉了。复制粘贴看效果的呢需要自己添加点图片和数组哦。如果有不懂的可以评论，我记得会回复的。
2017-12-15 15:59:33
2935
4
原创 小程序密码使用md5加密
因为某些原因，后台没有进行用户密码的加密，所以只能由我前端来搞定了。说干就干，经过一系列的折腾和小伙伴的支持下，找到了一个md5.js不基于jquery版本的。先说明，我是引用别人写好的md5非本人写的，我只是将它运用于小程序，让一些有需求做小程序的人也可以使用md5加密传值到后台的使用。不多说，上代码/* * A JavaScript implementation of the R
2017-12-12 11:07:32
2898
5
原创 微信小程序wx.getlocation相邻两个页面连着的时候第二个页面一直显示定位中
今天一不小心就又活生生掉到小程序的坑去了。一开始需求是第一个页面需要定位而已，就调用一次wx.getlocation，跑起来完全没毛病。但是！！！需求是不断改的，so我一口气粘贴复制代码，运行。好了，一直加载不出来第二页的定位。。。。。一开始以为是网速，结果断了WiFi还是一样，各种百度，都没有答案。去官方论坛发现这是一个小程序的bug，那怎么办呢，程序又需要运行了，不能这样就不做了啊。（至少
2017-11-23 17:45:29
4294
1
原创 小程序marker callout 遇到的坑
本来这几天赶项目都没有空上来博客看看的，但是！！不吐槽一下小程序marker callout 的坑我实在做不到啊，做得我超级无奈，百度居然没有详细的介绍。没办法自己闷头做吧。我也废话少说，直接上例子。首先 callout是气泡我想进来看的都知道，但怎么写呢。1.先看看callout在哪里写，看例子（这个例子是正确的，显示木问题的那种）var personMarkers = {
2017-11-17 10:58:18
20952
14
原创 前端数组函数巧妙运用
这几天都在温习数组的知识，回头看看，才发现这么忘记那么多，当然也重新学到东西。所以就这几天学到的东西进行一个总结。1.判断某个值是否在一个数组里除了有query的$.inArray()之外还可以用js自带的some函数。var array = [1, 2, 3, 45, 5] var num = 2; var or = array.some(function (it
2017-11-04 16:50:29
382
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人