qq_34672907的博客_前端-珊珊_CSDN博客-小程序,前端,前端 vue领域博主

原创对象浅谈深复制

最近由于男朋友的穷追猛打的学习。刚好聊到对象和数组深复制这个问题，就探讨了一下，互相分享文章，看优化点。现在有时间，写写博客。毕竟我这种人太懒。不是问题太坑都很少上博客。首先是比较浅的深复制，注意是比较浅的深复制不是浅复制。也就是单纯的只深复制一层（里面再嵌套嵌套的深复制不到），通用的有以下两种：var object = {a:2,b:"shanshan",c:333}var arr ...

2020-04-30 17:44:18 69

原创 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 936

原创 vue+elementUI导出数据为word文档

今天做项目遇到需求是在word文档里面增加数据，在已知文案里面加上用户签名和时间。我也按搜索到的做的。我做的时候主要参考了简书写的，具体链接：https://www.jianshu.com/p/0de31429b12a以下是我写的代码模块，步骤完全按简书写，如下：1.先下载相应的包// 安装 docxtemplateryarn add docxtemplater pizzip -...

2020-03-02 19:33:02 1444 15

原创 element-ui 在el-table的el-form里面添加el-tree导致表格错位问题

最近做管理后台的时候，遇到一个很恶心的事情，就是el-table的el-form里面加了el-tree导致表格错位，一开始定位是我的布局有问题，处理了几个小时都没有处理好。百度上也没有解决方案，可能我这坑掉的人比较少吧。具体情景如下：红色位置就是el_tree,左边是表格中的其他元素。搞了很久找不到问题的原因。后面在看代码的时候发现我表格里订单ID给了fixed属性。去掉即可。这个坑挖得真...

2019-10-23 14:57:13 923 1

原创小程序微信支付分

最近应公司市场部要求，在小程序上加上微信支付分。微信支付分到目前为止还在内测阶段，但已经开始试用了。文档如下：https://pay.weixin.qq.com/wiki/doc/apiv3/payscore.php?chapter=15_6&index=4因为是在内测阶段，所以肯定会有坑需要跳的。文档中提供确认订单的方法有2个，一个是wx.openBusinessView，不...

2019-07-05 20:16:49 2535 18

原创小程序自定义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 5190 6

原创 vue中echarts动态刷新数据（x轴y轴和title）

最近需求做一个数据表，根据筛选条件不一样，渲染不同的内容。，主要如下图如图，一开始什么都没有的时候默认显示title，当进行筛选的时候横轴和纵轴都显示相应的数据。问题就是，我按照其他百度问题说的做，直接赋值语句上this.chart.setOption(newVal);然而并没有什么屁用。。。。。因为需求是有数据时改变x轴和y轴数据，隐藏标题的渲染，百度到几乎都是差不多一样的解法之...

2019-05-30 18:56:29 3009 5

原创微信小程序ios和安卓扫码踩坑记(扫码时onshow调用的顺序不一致导致bug产生)

最近可被小程序扫码这搞得难受了，安卓和ios的手机执行代码顺序和扫码返回结果都不一样。刚刚好，我的就是安卓的，安卓按照正常情况走，一点问题都没有，但ios就不行了，各种问题，刚刚跳出这个坑又踩进另一个坑。所以我一定要把它这些坑写出来，避免更多人跟我一样跳下去。1.首先说简单的，扫码返回的结果，扫一个带有链接的二维码，安卓扫，result里面不会返回任何东西，这很ok是需求需要的，但ios就不一...

2019-05-29 10:03:56 1794

原创微信小程序获取电话号码模块弹出时会将onshow里面保存的参数变量清空

昨天在做需求的时候发现了微信小程序点击获取电话号码时也会将小程序onshow里面赋值的变量清空。自己查看了一下是弹出获取电话号码的时候微信小程序也调用了onhide和onshow，也就是说默认相当于跳出了当前页，跳出了当前页那肯定再次返回就调用了onshow啦。搞清楚原因肯定就是干啦。1.在onhide的时候设置一个变量，这个变量的用来判断是不是要把onshow里面的某个变量在onhide...

2019-05-28 17:20:59 427

原创小程序使用jsencrypt加密

由于项目需要，用到jsencrypt加密密码，于是就开工。中间百度了一下，但是最终都只是告诉我，不兼容，然后需要修改修改哪里。嗯，这个我跟着改了，那然后呢？？？？？没有文章告诉我怎么继续然后。so，我自己摸索吧。反正我也做了，分享一下，对那些需要用jsencrypt对称加密的小伙伴一个帮助，一看就会。1.由于小程序不支持window对象，所以，需要修改源码。将下载好的jsencrypt....

2019-04-27 19:20:09 2218 16

原创后台调getWXACodeUnlimit前端怎么获取值，直接用wx.scanCode怎么取值，怎么在模拟器模拟getWXACodeUnlimit传值

由于之前做的小程序带参数进入都是用芝麻小程序做的二维码，直接传参即可，现在项目老大说要后台调用getWXACodeUnlimit生成二维码前端去取值。然后自己这三个问题搞了好久（当然也有百度），有些压根答不到点上，有些只有前半部分，所以我自己在这里也写一个吧，把整个需要扫码的流程都写完。不同之处：有sence=这个参数。取值略微不同。1.先说后台调getWXACodeUnlimit生成二维...

2019-04-16 17:57:07 1142

原创微信小程序支付报签名错误后台签名跟调试工具返回的一样了，但是一直报签名错误

一个月前，小程序调试到微信支付。其实也不是第一次调支付，因为之前在上家公司都是后台全程配好我调参数就好所以我并不觉得有什么吃力。但这次是由0开始，因为只是开发小程序，登陆的都是小程序开发平台，所以跳了坑，很久跳不出来。现在有时间就记录一下这些坑，以防自己下次再做时忘记又跳一次这个坑。坑的起源：后台签名跟调试工具返回的一样了，但是一直报签名错误。归根结底就是开发流程没有按正确的文档流程调起微信支...

2019-03-19 14:45:58 881

原创 2019前端面试不可错过的好知识，你值得拥有

面试中会遇到各种问题（在这感谢我的小伙伴源源不断给我提供面试题），我在这只给问题和答案相关的链接(别人有写好的现成的解释得很好的，我就不一一自己再去写了)，你们可以点相应的链接进去查看答案，另外，有些问题我自己拓展了一下，所以会有两个链接或者是三个，请不要觉得奇怪。下面开始进入正题：1.typeof 和instance of有什么区别？ instanceof运算符用来测试一...

2019-03-12 20:35:22 110

原创小程序授权流程，小程序登录过期，小程序二次请求

写这篇文章，主要是因为前阵子（其实就是一两周前）被大佬要求画出授权时序图，然后我不出意外被教训了一顿，哈哈，经过一顿梳理，整出了下图：上图为相应的时序图（字丑，能看懂就好别介意哈！）为什么这图会有sessionId呢？因为小程序的请求wx.login返回的code是会过期的。根据是否过期去判断是否需要重新登录小程序。sessionId怎么来的呢？是根据小程序getAccessToke...

2019-01-03 18:50:39 3016 1

原创 echarts legend太多换行显示及legend每个标签文字过长分两行显示的间距调整问题

2018-10-15 22:45:28 29264 6

原创自适应问题的处理

之前用的自适应都是用rem或者em。最近觉得另一种方法不错，分享一下最近用vh和vw的用法。vh官方给的解释是: 相对于视口的高度，视口被均分为100单位的vh。vh官方给的解释是: 相对于视口的宽度。视口被均分为100单位的vw。看起来这个可以做些什么，又好像不是什么都可以做，毕竟百分比也可以达到一样的效果对吧。但是就是这个觉得鸡肋的东西让我最近觉得做自适应不错。声明一点...

2018-10-15 22:20:42 142

原创实时监听input的值，类似于实现模糊查询，处理输入中文问题

今天有个需求，根据input用户输入进行实时进行模糊查询。一想到这个需求就想到jQuery的input propertychange函数。但是做起来和想一般都不一样的，，，，，然后我就光荣跳坑了。实现实时监听其实有两套方案，下面废话少说，进入第一个方案1.使用input propertychange函数，结合compositionstart和compositionend监听输入法。不过缺点是要调用...

2018-05-17 18:16:01 1812 1

原创 better-scroll 轮播（1.0+版本）

最近因为vue不是很熟练，所以看了慕课网的移动端音乐app。但是在跟着做轮播图的时候发现很多问题，循环不出来，自动轮播不出来等问题，发现是版本不对。解决完之后做个mark，如果你们也遇到这样的问题，希望对你们有用首先是slider.vue import BScroll from 'better-scroll' imp

2018-04-28 18:14:53 198

原创 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 8335 3

原创小程序类似糗事百科一样左右滑的效果，每个页面有下拉加载

由于开发需要一开始加载一个页面，左滑出现一个页面右滑出现另一个页面的功能，一开始选择的是监听左滑调一个页面，右滑调一个页面。但是效果不好，因为小程序默认页面出来是从右边向左边出，所以右滑理应是右边出来的页面却从左边出来了。最后的解决方案是用小程序自带的swiper实现整个效果。由于除了首页，其他的页面都需要下拉加载，至于下拉加载部分，各位可以看我写的下拉加载部分的代码哦。

2017-12-15 17:21:13 292 2

原创小程序scroll-view上下滑的内部加左右滑，scroll-x生效的情况

今天做了下滑块里包含左右滑的效果，由于scroll-view 左右滑说的不够清楚，只能百度和看别人的例子了。还好scroll-view里面可以嵌套scroll-view，不然还要处理其他的问题。不啰嗦咯，上例子，由于例子的图片都不存在。所以就把图片注释掉了。复制粘贴看效果的呢需要自己添加点图片和数组哦。如果有不懂的可以评论，我记得会回复的。

2017-12-15 15:59:33 2266 4

原创小程序密码使用md5加密

因为某些原因，后台没有进行用户密码的加密，所以只能由我前端来搞定了。说干就干，经过一系列的折腾和小伙伴的支持下，找到了一个md5.js不基于jquery版本的。先说明，我是引用别人写好的md5非本人写的，我只是将它运用于小程序，让一些有需求做小程序的人也可以使用md5加密传值到后台的使用。不多说，上代码/* * A JavaScript implementation of the R

2017-12-12 11:07:32 1647 4

原创微信小程序wx.getlocation相邻两个页面连着的时候第二个页面一直显示定位中

今天一不小心就又活生生掉到小程序的坑去了。一开始需求是第一个页面需要定位而已，就调用一次wx.getlocation，跑起来完全没毛病。但是！！！需求是不断改的，so我一口气粘贴复制代码，运行。好了，一直加载不出来第二页的定位。。。。。一开始以为是网速，结果断了WiFi还是一样，各种百度，都没有答案。去官方论坛发现这是一个小程序的bug，那怎么办呢，程序又需要运行了，不能这样就不做了啊。（至少

2017-11-23 17:45:29 3409 1

原创小程序marker callout 遇到的坑

本来这几天赶项目都没有空上来博客看看的，但是！！不吐槽一下小程序marker callout 的坑我实在做不到啊，做得我超级无奈，百度居然没有详细的介绍。没办法自己闷头做吧。我也废话少说，直接上例子。首先 callout是气泡我想进来看的都知道，但怎么写呢。1.先看看callout在哪里写，看例子（这个例子是正确的，显示木问题的那种）var personMarkers = {

2017-11-17 10:58:18 16425 9

原创前端数组函数巧妙运用

这几天都在温习数组的知识，回头看看，才发现这么忘记那么多，当然也重新学到东西。所以就这几天学到的东西进行一个总结。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 209

原创微信小程序web-view用法

昨天晚上小程序有发布了一个新版本啦，不知道各位小伙伴有没有看，由于业务需要，我今早一来就进行了实验进行试用，就是简单的调用起来。但是在调用起来的时候因为文档写的不够细，所以还是遇到了几个问题。写一篇文章，希望对刚刚开始想要调起web-view的小伙伴有帮助。首先是域名的问题（很不要脸的说我卡这里卡了半个小时）步骤：先登录小程序开发平台，将页面需要跳转的域名写上去，注意了，域名不是指服务器的

2017-11-03 10:24:22 37862 23

原创前端输入密码显示**，点击某个控件显示数字

首先这个是回答别人问题的答案。但由于第一次粘贴的答案是有bug的，所以想进行第二次回复，结果被禁言了，一脸懵逼，好吧，禁就禁吧，我将答案写成博客不会被禁了吧？首先说明一下，这是基于jquery的最简单的是现有的可以用一下办法显示密码 $('#passWord').attr('type','text'); 隐藏密码 $('

2017-10-26 17:47:42 2629

2017-10-26 15:33:03 926

原创微信小程序 request请求封装（包括登录）

这段时间都在开发小程序。封装是少不了的部分。经过三轮的修改修改再修改之后，得到了下面现在一直在用的这版。如果小伙伴你只需要封装，不考虑需不需要重新登录的话可以把if(res.data.code ==5000)这段去掉。下面wxLogin也可以去掉了（强迫症，用不到的都喜欢去掉）。由于考虑到授权问，所以又加多了询问，这是我整个项目的都需要用的request函数。---------分割线-----...

2017-10-24 11:24:12 10292 5

原创前端根据某个时间获得它的时间戳，并实现某个时间段内倒现在时间的倒计时功能

首先啰嗦一段，我们想得到某个时间的时间戳，一般想到的是用 Date.parse(new Date("2017-10-23 16:35:22"))这样写对不。这样写的确是没毛病，符合逻辑，而且在安卓运行是杠杠的，但在ios呢，不好意思啦，我并不认识你这个是什么。从后台打印可以看见Date.parse(new Date("2017-10-23 16:35:22"))返回的是NaN。查了资料才发现原来是

2017-10-23 16:33:17 1612

原创微信小程序个人开发心得

接触了2个多月的小程序开发，踩了不少坑，写个小总结（本人第一次写博客，有解释不清楚的请多包涵）。1、说一下onLoad，onReady，onShow，onHide，onUnload怎么巧妙运用： onLoad和onReady只会在第一次一进入这个页面会运行，onShow官方给的意思是当小程序启动或者从后台进入前台显示（用我的理解就是要么就是第一次进来这个页面，要么就是从子页面

2017-10-21 17:33:44 4390