- 博客(24)
- 收藏
- 关注
RSS订阅原创 浅拷贝和深拷贝
对象的深拷贝是一个改变时另一个不会改变，因为两个对象对应的地址不一样。对象的浅拷贝是一个改变时另一个也会改变，它只拷贝一层对象的属性。方法二：简单但有缺点，这种方式不能复制函数和。下面记录一下深拷贝有哪些常用的方法。，以及日期和正则表达式对象。
2024-03-04 17:16:10
372
原创 echarts中国地图实现省市区下钻
实现下钻的的思路就是点击省份的时候拿到省份的区域编码然后再请求本地对应编码的json数据，点击市级也是拿到市级编码请求本地的json数据回来渲染地图就行，至于说json数据的话，网上有，但是可能不全，我下载的json数据包就是漏了一些区县的数据，最后我是自己在这上面缺哪个下载哪个的。首先看一下实现的效果图，本项目的需求是根据后端返回的数据，哪些地图有数据的要给颜色，点击省份下钻到市，同样请求后端接口将有数据的城市渲染成绿色，区县也是一样的需求。下面是实现地图下钻的全部代码，我项目里是封装成组件了。
2023-08-17 11:55:39
1980
原创 H5微信支付成功跳转商家小票
H5支付完成之后是直接把整个项目关闭的，以前可以跳转到指定的页面，但2020年微信出了点金计划，并且陆续回收了跳转指定页面的权限。如果真的想跳到某个页面，那么就要开通点金计划，把我们自定义的页面（商家小票）嵌套在点金页面。然后我有点怀疑是第三点超时问题，但是我的商家小票页面其实就是个静态页面，都没有做数据交互，应该不至于会超过3s。然后部署到测试环境，发现安卓支付成功后跳转点金页面可以正常显示商家小票内容，但是ios显示无法获取订单信息~以为可以了，但是ios的问题还是没有解决。网上的资料大概就这些。...
2022-08-03 16:17:58
3009
2
原创 H5中当页面滚动
开发中遇到这样一个需求，有两个div,当页面滚动时，第一个div隐藏，当页面停止滚动时，div显示，当滚动大于某个值时，第二个div显示（这种情景多用于商品列表，当用户点击按钮时，回到最顶部）首先先在data中定义变量（isshow:控制第一个div；btnFlag:控制第二个div） mounted() { window.addEventListener("scroll", this.scrollToTop); }, beforeDestroy() { //离开页面.
2022-05-12 10:00:22
2237
原创 uniapp中监听用户返回
业务需求：小程序中有一个index页面专门用来处理通过链接，然后拿到参数之后跳转相应的页面，跳转到指定页面之后，用户点击左上角返回，返回到首页。但是默认的返回按钮应该是按历史路径返回的，所以返回的时候一直会返回到启动页index页面。然后我就记得uniapp中有一个可以监听左上角返回按钮的方法（之前用uniapp开发app的时候使用过），onBackPress()跟onLoad()等生命周期同级，然后我就拿过来一放，一测果然不行，为什么不行呢，之前明明可以，再细看文档，发现人家只支持H5、app、支付宝
2022-04-27 10:20:46
10407
2
原创 小程序web-view中嵌套H5如何跳转其他小程序
首先web-view中H5是无法跳转到其他小程序的只能通过H5跳转回小程序，再让小程序跳转到其他小程序H5跳转回小程序使用wx.miniProgram.navigateTo()小程序跳转小程序使用wx.navigateToMiniProgram(),官方文档有示例，用法很简单，只需要传入appid,还有path(可选参数，不是必须的，不传则默认跳转到小程序首页)在小程序中我新建了一个页面用来做跳转其他小程序，逻辑是这样的，H5中跳回这个新建的页面（携带参数），然后在生命周期onLoad()中
2022-04-26 11:11:54
8508
4
原创 vue3 H5跳转小程序
需求：H5里面有商城列表，点击之后跳转对应的小程序微信jssdk有这个跳转小程序开发功能（仅限再微信浏览器中使用），简单查阅了一下文档和家人们的分享，似乎好像没啥难度，页面签名，点击的时候调用wx-open-launch-weapp这个开放标签，传入相应的值，就OK了！首先，先看看文档先（jssdk文档：目录 | 微信开放文档）再wx.config中一定要配置openTagList这是官网的示例，path路径要加.html（比如：pages/home/index.html?use..
2022-04-24 10:50:47
1943
原创 vue路由缓存（子路由缓存、动态路由缓存、滚动条相互影响）
移动端中，我们浏览商品列表的时候，点击进入详情页面，然后返回到商品列表，一般都是用户浏览到哪里，返回来的时候还是那个位置(试想一下，如果一返回，页面重新刷新，你又要往上滑不知道多少页才能找到你刚刚的那款商品，这么一想是不是很崩溃），但是vue很贴心，给我们设计了keep-alive<keep-alive>包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们keep-alive在vue2和vue3中还是有些区别的在vue2中<keep-alive> &.
2022-04-20 11:27:45
4709
2
原创 H5自定义分享
如果我们点击浏览器上三个点进行分享，分享出去无疑是一个链接，用户体验起来可能就没有那么好了，而且现在很多用户对链接都很警惕的这时候自定义分享出现了，在实现的过程中踩了挺多坑的，爬出一个又跌进另一个先说一下具体实现的方法，最后再说我踩的坑以及如何爬出来首先需要引入微信jssdk我这里通过npm的方式npm install weixin-js-sdk --save在需要用到的地方引入一下const wx = require("weixin-js-sdk");配置wx.co
2022-04-14 12:00:12
2053
4
原创 H5微信支付完成后点击完成，H5页面直接关闭
以为点击完成会返回到发起支付的页面，但是事实是整个H5页面直接关闭原因是微信支付将对JSAPI支付场景的“支付后跳转指定页面”功能进行升级 ，服务商jsapi支付后回到商家页面的能力，会陆续回收，由点金计划来承载。可以查看官方公告：服务商平台公告...
2022-04-13 09:57:17
4270
2
原创 vue项目部署后，ios部分图片不显示
在本地跑一切都挺好的，但是部署后，安卓图片可以正常显示，ios不行后来用微信调试工具调式发现报了警告，然后我就怀疑是这个警告导致的图片不显示Mixed Content:是为了浏览器的安全性而引入的，解释：在https中，如果引入了http资源，浏览器会认为这是不安全的资源，将会默认会阻止而且在开发H5中ios和android中存在一起区别，比如http 和https的混用。ios上http 和https不能混用，android上无影响。解决的办法是使用统一的协议。也看了一下接口返
2022-04-12 14:23:54
1579
原创 git tag查看、新建、删除
最近在部署项目的时候发现git tag是真的香，下面记录一下常用到的git tag 标签查看本地taggit tag -l查看远程taggit ls-remote --tags origin新建本地taggit tag -a '版本号' -m '备注xxxx'推送本地tag到远程taggit push origin '版本号'推送本地所有tag到远程git tag origin --tags删除本地taggit tag -d '版本号'删除本地
2022-04-11 10:50:29
7427
原创 vue H5中获取用户当前位置、城市（高德地图）
首先先在项目的public/index.html中引入高德地图（key值申请不懂的可以看官方文档：准备-入门-教程-地图 JS API v2.0 | 高德地图API<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=您申请的key值"></script>高德地图的引入在其他<script>之前，放前面先让高德地图先加载 ，不然会经常出现AMap is not
2022-03-31 23:06:03
7277
4
原创 vue在请求拦截中,this.$router.push跳转报Cannot read property ‘$router‘ of undefined
场景是这样的，当用户进来时，在请求拦截中判断token/ticket（这里我们项目用的是ticket）是否过期，过期的话就跳转到登录页面。请求拦截是这样的，红框就是我用来跳转到登录页面的然后就报Cannot read property '$router' of undefined网上我查到的都是说是this指向问题，但是我看我代码的方法都是用es6的箭头函数，应该不存在this指向问题，不过实在想不出为什么，我就死马当活马医，var that = this; but 还是报错Cannot r
2022-03-24 17:51:27
4256
3
原创 js检验身份证
isCardNo(num){if (num === null || num === '' || typeof num === 'undefined') { return false; } if (type === 1) { //内地身份证 num = num.toUpperCase(); //身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X。 if (!/(^\d{15}$)|(^\d{17}([0-9]|X)$)/.te.
2022-03-21 16:32:11
1120
2
原创 解决TypeError:Cannot read property ‘offsetWidth‘ of undefined
首先看一下我项目的需求，红框这里有很多种类，可以滑动查看，然后当上一个页面点击哪个进来的时候，这里就高亮显示哪个。项目是vue写的，没看到有什么好用的插件，百度看到下面的写法，我高兴的拿过来用了。start(index, item) { /** * 1)先让选中的元素滚到可视区域的最左边 scrollLeft * 2)接着向右移动容器一半的距离 containWidth / 2 * 3)最后向左移动item一半的距离 offsetWidt.
2022-03-21 14:10:48
4897
原创 web-view中H5如何拉起微信支付？
最近遇到一个需求，要把我正在开发的H5嵌入到某小程序中，所以我活来了，首先查阅资料得知，小程序中嵌入H5是无法拉起支付的，网上的做法是先让H5页面跳转到小程序这边，在小程序这边拉起微信支付。小程序的开放能力还是相当可以的，提供了web-view这样一个组件，是一个打开网页的容器。接着来看我项目的处理首先H5需要拿到token票据才能进行接口访问，所以小程序指定跳转到H5指定的一个页面，在跳转的时候携带需要的参数，我这里是让小程序跳转到H5的index页面，这个页面我主要用来处理url参数，拿到u
2022-03-19 23:20:14
1576
原创 如何创建VUE3项目？
我来新公司的第一个任务就是把用uniapp开发的小程序，把某个大模块抽离出来用H5开发。说真的，去年毕业到现在，我都没有正儿八经的用vue开发过项目，我都是用uniapp进行开发（一套代码，可以编译成安卓和ios,很方便很快速，但是其中的兼容性问题也是有的。)所以一进公司，我感觉我算是遇到挑战了～那么话不多说，我们先来搭建框架吧！首先，先查看你的vue版本，如果是vue3 ，那么久可以直接创建项目，如果你之前安装的是vue2，那你可能需要多操作几步，把vue2给删掉，安装vue3查看vu
2022-02-27 18:13:18
1344
1
原创 常用的垂直居中方法
在页面布局中，垂直居中可以说是非常常用了，下面记录五种我比较常用的垂直居中方法吧~方法一：flex布局（可是说是我的最爱了，简单粗暴）方法二：绝对定位+margin负值方法三： 绝对定位+ transform移动方法四：绝对定位+margin：auto方法五：绝对定位+cal计算 ，火狐浏览器不支持calc()...
2022-02-11 16:17:27
283
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人