- 博客(24)
- 收藏
- 关注
RSS订阅
原创 taro 开发微信小程序中map的自定义气泡 customCallout 的坑marker-id无法绑定
先看一下需求，最终也是实现了没做过地图的在做地图之前一定要花一些时间来看一下文档，这样可以更加快速的开发当我看到这个需求的时候，首先想到的就是标记点，markers于是就用了callout 可是实现不了我的需求之后用到了自定义 customCallout使用方法，带注释在markers中的对象里面加上customCallout属性，对象中加了customCallout，title和callout就无效了markersData=[{ iconPath:markerBg.
2020-10-21 20:31:36
8635
13
原创 对element-upload二次封装文件图片上传
起因：由于最近做的是CMS系统，上传文件，图片功能太多，使用element的文件上传组件，但是每次都需要写，感觉太繁琐，于是有了男人的想法………对 element 的文件上传组件进行了封装个人认为还是挺全的，如果不各位小哥有好的建议或意见欢迎评论区提出，我会根据实际情况进行更改组件组件已经上传到了 github 和 npm组件优势---------->使用方便，比例，大小，校验，一个参数搞定1：增加上传为空校验，可选择是否是必填项2：自定义为空提示2：增加上传图片的比例尺寸校验，例
2020-07-13 11:08:00
2606
11
转载 vue3中的对象时为proxy对象，如何获取值
使用vue3.0时，因为底层是使用proxy进行代理的所以当我们打印一些值得时候是proxy代理之后的是Proxy 对象，Proxy对象里边的[[Target]]才是真实的对象。第一种获取target值的方式：通过vue中的响应式对象可使用 toRaw() 方法获取原始对象//第一种获取target值的方式，通过vue中的响应式对象可使用toRaw()方法获取原始对象import { toRaw } from '@vue/reactivity'var list = toRaw(store.s.
2021-12-03 15:00:28
24171
5
原创 mac新电脑启动项目很慢
第一步先cd,一直cd到桌面第二步执行命令sudo vi /etc/hosts输入密码第三步在hosts下面加入这两个命令,pro前是你的电脑主机名（可以通过echo $HOSTNAME查看自己电脑主机名）****macBook-Pro这个然后重启服务就好了如果还是不行可能是你node版本和你的项目中的node-sass不一致导致不能启动...
2021-10-12 16:47:21
568
原创 微信小程序蓝牙打印以及打印二维码
方式一：通过微信与机器建立连接之后然后通过指定指令去进行打印方式二：不使用指令，使用微信api进行打印，先要进行转码，打印中文会有一个乱码的情况可以看一下下面的链接，乱码情况: https://blog.csdn.net/qq_38188047/article/details/105240273指令打印步骤具体步骤用户打开定位信息：wx.getLocation初始化蓝牙模块：wx.openBluetoothAdapter搜寻附近的蓝牙外围设备：wx.startBluetoothD
2021-05-26 19:50:37
3016
13
原创 axios封装之避免重复url请求
用途由于用户连续点击某个按钮或请求某个列表数据，导致同一个请求url进行多次http请求，数据是一样的，浪费不必要的性能，所以在axios中进行请求判断拦截吊实现方法使用 axios 中的 CancelToken 进行取消请求使用 Es6 中的 Map 进行数据判断处理在 axios 中进行 request 请求拦截具体代码第一步：在axios文件中 new 一个 map 对象因为const pending = new Map();第二步：写一个添加方法//接收两个参数，一个
2021-04-26 15:53:12
280
1
原创 H5获取用户位置信息，以及相关的坑
文章目录h5如何获取用户定位信息问题1：用户拒绝之后依然可以拿到位置信息问题2：app缓存用户信息，两次之后不在调起位置授权弹窗根据经纬度获取citycode等信息h5如何获取用户定位信息为了安全稳定一些，使用百度地图第一步: 创建应用登录百度开发者平台，创建应用第二步输入应用名称，选择浏览器端，完成之后，提交返回我的应用，会看到和上面一张图一样的，有一个AK，第三步：在项目中创建Bmap.jsexport default { init: function (){
2021-03-15 14:03:38
1702
原创 vue3.0 性能提升，基本语法，简单deom
vue3.0 性能提升一、diff 算法、静态标记vue2.0 在进行diff算法的时候会对每一层、每一个元素、进行对比，造成性能浪费。vue3.0 会在动态绑定的地方加上一个标记例如动态class和styel {{}} 等、会直接对标记的进行对比标记内容...
2020-12-23 17:24:04
486
1
原创 vue3.0 使用企图代替webpack的vite创建Vue3.0项目
第一步进行全局安装vite npm install -g create-vite-app第二步：通过命令进行创建create-viet-app demo第三步：cd demo，进行cnpm i 安装依赖然后npm run dev 或者yarn run 就好了，vue3.0兼容vue2.0但是个人感觉把所有的变量都放setup 里面会不会逻辑很乱。慢慢学吧...
2020-11-19 20:12:26
933
原创 手把手教你，如何在小程序上面画地图的polyline
最终效果做这个之前需要很多前戏，比如申请腾讯地图key和用户定位、引入qqmap-wx-jssdk.js等这些小儿科前戏就不在这里说了，主要说一下怎么划线的第一步建好对应文件之后，引入Map插件对地图进行绑定ID和设置宽高id很有用的比如点击某个按钮回到当前定位，通过moveToLocation什么的对地图的参数进行赋值setting、markers、polyline、longitude、latitude 等具体介绍请点击查看 微信开放文档 这里重点介绍 polyline
2020-10-22 20:32:13
7909
5
原创 taro 微信小程序使用地图逆向解析详细地址
在微信 小程序中使用定位服务，首先要用户授权，在app.json中加入相应代码，第一步在app.config.ts中加入下面代码,弹出用户授权地图权限 "permission":{ "scope.userLocation":{ "desc":"请点击允许" } },第二步在页面中插入wx.authorize开通用户授权 wx.authorize({//获取权限 scope: 'scope.userLocation',//位置权限 s.
2020-10-12 18:30:45
722
2
原创 通过 EventBus 完美解决微信手机号授权，第一次失败，第二次成功问题
之前遇到了这个问题，使用的是settimeout 解决的，但是当用户特别卡的时候，网速特别慢的时候1000是不够的，问题会复现，所以通过eventbug进行实时监听，拿到sessionkey进行触发事件，安排详细问题描述（settimeout解决方案）：点我啦1、先在项目中进行封装公共eventbus组件//创建EventBus对象let EventBus = function () { console.log("eventbus init..."); }; //准备数组容器 .
2020-08-20 21:30:56
788
原创 vue 项目内网穿透报错Invalid Host header
我在进行的时候遇到两个问题，一个是项目带不开，说服务器没有启动另外一个是Invalid Host header第一个问题解决：项目要有跳转地址第二个问题在vue-cli版本为2.x的情况下修改webpack.dev.conf.js中的devServer对象加入disableHostCheck: true即可转发成功devServer: { disableHostCheck: true, }vue-cli版本3.0的情况下修改vue.config.js的配置module.expo.
2020-08-18 20:01:30
438
原创 使用uni 微信登录第一次失败，第二次就成功，附带解决办法，绝对好使
必须吐槽，uni有点坑解决问题一共用了三套方案，本以为第二套也可以，当问题重现的时候我心态崩了我差点没心态了草了个DG需求：通过微信绑定手机号弹窗，获取用户信息，带到后台原因：sessionkey 过期了为啥过期：与微信官方交互了两次，sessionkey 更新导致 sessionkey 不一致最终解决思路：具体问题：使用框架使用的是 uni，写的是微信小程序，ul框架用的：thorui产品要点击微信一键登录，通过获取手机号在获取用户信息存放到数据库中，刚开始我也实现了，但是每次登录
2020-08-13 22:46:10
3159
1
转载 微信小程序适配iphonex iphone11底部tabbar
需求：由于iphonex及之后的机型底部有一根横线，导致tabbar比原来提升了一段高度。根据底部tabbar提升的高度，计算出页面需要在底部给整个tabbar留出的位置高度。PS：微信开发者工具iphonex与实际真机测试效果不同，底部并没有底部提升。iphone11截图app.js调用 wx.getSystemInfo接口获取页面信息，判断底部提升高度。官网文档：获取系统信息如图所示底部提升的高度 = screenHeight - safeArea.bottomtabbar为固定高度57
2020-07-18 18:32:00
4558
1
原创 element | vue升级后，使用el-tabs导致浏览器卡死问题
起因：由于前几天element的版本被我在项目中升级了，升级到了最新版本但是vue版本是2.6.11，两个版本不一致，导致el-tabs卡死百度了一些方法不好使无效的方法：1： el-tabs 外面加上 el-row 以及 el-col2：给el-tabs-span 加v-if3：给组件固定高度最后解决还是根据版本问题我决定降低elementUI的版本（也可以修改vue的版本）根据测试，element在2.10.1以下都不会出现卡死现象。但是版本太低（低于2.9.3）的话，有些方便的.
2020-07-13 17:01:38
1129
2
原创 vue 写 taro 启动 weapp时报错 Error: ENOENT: no such file or directory, scandir ‘xxx\node-sass\vendor‘
直接在下面执行npm rebuild node-sass重启命令即可
2020-07-13 14:30:14
677
转载 css实现鼠标悬停，光标出现小手
用css 添加手状样式,鼠标移上去变小手,变小手cursor:pointer;用JS使鼠标变小手onmouseover(鼠标越过的时候)οnmοuseοver="this.style.cursor='hand'"cursor其他取值auto ：标准光标 default ：标准箭头 pointer, hand ：手形光标 wait ：等待光
2020-07-10 15:47:45
3424
原创 npm如何上传自己封装的代码，绝对好使
绝对好使，我已经上传成功了1.注册npm账号在npm官网注册https://www.npmjs.com/注意邮箱要验证，会发送验证链接到你的注册邮箱，没有验证的话是不能发布代码的2.给你的代码库起个名字名字不能重复，在官网查询下是不是重复，重复的包名不能提交3.创建项目需要一个package.json文件，这个文件不仅仅是用来标明依赖和npm script脚本，也可以是一个npm包被外界识别的配置文件。因为配置文件内容比较多，可以选择自己手写，或者npm init根据提示写好你的
2020-07-09 19:05:20
821
1
原创 告诉你为什么const定义的内容不能更改
我们都知道const定义的是一个常量，不可以改变的let var都是可以改变的，为什么呢其实const 他定义的只是一个，在内存中的地址是不能改变的，也就是说我们的内存不改变就可以对const定义的内容进行赋值比如：复杂数据类型就可以 Array,Objectconst name='孔小弟'name="葫芦娃"这时候会报错name 存放的是一个地址，如果要赋值成葫芦娃就会在内存中开辟一个新的空间来保存葫芦娃，这样是不行的但是数组本身存放的就是一个地址，所以可进行增加和更改操.
2020-07-06 23:36:55
2173
原创 git连接远程仓库，git 分支合并,删除远程分支，版本回退，常用命令
此文档仅限于你的Git账号已经注册完毕，且本地已经登录Git账号，连接远程仓库链接远程仓库有两种方法：方发一：本地先 init进行连接、方法二：直接克隆远程仓库地址也可以方法一本地init第一步：在你的文件夹下面，打开终端输入以下明亮git init 此时你的文件下回出现一个.Git的文件，如果没有就是隐藏了：mac输入以下明亮之后重启访达（finder）window 查看MAC 终端输入 命令 defaults write com.apple.finder Apple.
2020-07-02 20:03:50
888
2
原创 vue项目版本升级以及项目中遇到的问题附带解决方案
起因：最近vue3.0已经更新，自己电脑也跟着安装了一波最新的处理，但是当你打开你老版本的项目时几乎每个页面打开的时候都会报一个warn（[Vue warn]: $attrs is readonly），虽然不会影响代码正常运行但是看着属实很难受，后来找了一下原来是版本问题，是本地的vue版本和你项目的vue版本,黑色是我本地的，解决办法解决问题的办法这里提供两种：1：降低版本2：升级版本早晚都带干的事，尽量早干，别拖。减低版本npm uninstall vuenpm i vue.
2020-07-01 19:59:02
3190
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人