路虽远行则将至，事虽难做则必成。

node.js是没有提供内置的websocket模块，下载第三方包ws模块来完成注意的是这个模块好像在断开连接这一块是有点问题，需要自己补充代码通过内置url模块解决路径参数-逻辑代码解决断开连接问题-方便扩展业务需求可以不用-但不能没有这些。

最近在遇到消息提示语音播放出来，查了一圈文档发现并没有自带api后面想起支付宝收钱播报，不受限与系统环境和版本环境（后面查阅他是音频实现的）如果是由安卓端需要语音播放功能-直接使用Ba-TTs救急（需要付费20元）

最近在实际开发过程中，我们会发现在自己使用的app当中会根据系统无操作熄灭屏幕对于一下需要长时间保持屏幕的业务就很不友好，uni-app也是提供了相应方法加上代码之后-注意app端没报错-不生效就是权限问题-需要设置相对应权限-打自定义包。

后面发现是有个包配置文件这个包在uni-app中以另外一种形式放在static文件中。这几天在用uni-app搭建架子时候，突然发现一个报错。查阅很久都没说没什么。删除文件时不小心把他删除了，后面恢复就可以了。

最近在开发中需要根据经纬度获取当前位置信息，传递给后端，用来回显显示当前位置查阅uni-app文档，发现uni.getLocation () 可以获取到经纬度，但是在小程序环境没有地址信息思考怎么把经纬度换成地址，如果经纬度是key，那地址就是value，第三方地图就是数据库所以我们只要使用uni.getLocation （）获取经纬度配合地图api就可以解决这个需求报错一是因为微信小程序官方最近必须对相应api进行权限申请，询问用户。报错二是询问用户是否愿意获取当前位置信息。

最近突然发现uni-app上传组件，在微信开发者工具上传图片时候，打开不了文件资源，报错在体验版和上线版本一样的情况，上传图片的时候打开不了照相机和相册，报的错也是同样其实这是因为小程序后台没有完善用户隐私保护指引，和对应的api和组件的申请权限在查询这个问题过程中，发现很多说组件手动上传，设置，改基础库的等等后面排查问题越来越晕-下面是自己解决这个问题过程分享给大家。

最近在实际开发过程中发现项目的多选和单选选中之后都是只有颜色，没有钩子，或者是另外图案刚开始并不重视，猜测可能是微信基础库的bug，可能换个基础库就行了，或者是编辑器显示问题最后在查阅之后才发现，这个问题是可以解决的。是因为项目全局样式和隐藏影响到了。

手机号授权是获取用户信息api停用之后，经常使用的api。但是此api也是有很多坑手机号授权会出现调用不起来的情况，这是因为小程序后台没有进行微信认证导致的。

到我们进场使用微信开发者工具时，就会发现它经常会有bug，特别是在软件更新，组件库更新之后最近在更新微信开发者工具之后发现所有打印都不显示了，虽然是小问题-但对于强迫症很烦以为是代码配置问题-结果是更新之后打印开关开启不打印。

发现项目，在首次进入时打回登录页，原生导航栏左边会出现一个房子按钮可以直接返回首页最后查了一圈发现这个微信版本更新之后，当我们进入不是首页，或者tabbar页面时就会出现微信针对这个也是有解决方案的，可以在微信环境时把他禁用（在h5环境是不会出现的，只有微信有）还有一种办法，只有在原生导航栏时才会出现，我们如果禁用原生导航栏就从根本解决问题。

在实际开发中我们是根据需求，原型图，功能配色来开发，并不是考虑这个组件是不是能实现首页我们不需要跳转时，会出现标题左移，渐变色，输入框，等等布局，原生导航栏就不满足需求这时我们需要自定义导航栏，uni-app 确实提供了css变量，告诉我们手机系统栏高度，胶囊按钮高度，但我们写死时会因为不同的机型，导致页面的布局破坏，这是因为不同手机分辨率，缩放有差异，会导致系统栏，胶囊按钮差异，这是如果我们高度全局写死就会乱。换个角度思考，那为什么微信自己封装的代码，就可以适配这些问题-是因为它把高度写活了。

在实际开发中我们经常遇见树结构-比如楼层区域-组织架构-部门岗位-系统类型等情况往往需要把这个树结构当成条件来查询数据，在PC端可以使用Tree，table，Treeselect等组件展示在uni-app的内置组件中似乎没有提供这样组件来展示，但是是有第三方包tkiTree组件来解决这个问题我是基本使用，通过确认之后传递id和name形式来使用，据说深层次使用会有很多bug（需要自己尝试）

刚刚接触uni-app时候想着直接使用axios发请求，可以发送成功但是请求头有点问题后面发现教程都是使用@escookrequest-miniprogram三方包发送请求-是没有问题为什么不直接用uni.request（）发送请求，是因为每次请求都要写一次添加请求头不合理后面随着深入了解uni-app，发现开源框架，若依，芋道，都是封装一层uni.request发请求解决了统一添加请求头问题，使用uni.request比较合理，自己写可能不全面，可以直接搬。

这个报错会在uni-app使用uni-file-picker文件上传配合uni.uploadFile（）上传图片时才会出现出现这个报错先不要慌，我们先翻译一下发现是缺少参数filePath，这是应该去看文档最后发现H5上传和微信小程序上传uni.uploadFile（）传递参数不一样不能共存才会报这个错我们只要把filePath这个参数补上即可，小程序上传需要的是微信提供临时路径并不是文件对象。

需要在PC端生成二维码，用户扫码进到公众号关注，推送消息，用户扫码一次即可对于前端而言在PC端调用api获取到http路径二维码图片，通过img标签渲染，手机扫码即可对于后端而言可能操作比较麻烦，需要经过一些列操作，获取，解析，取数据，存储绑定。

在使用uni-app开发小程序时候发现axios添加请求头时在实际网络请求时并没有添加进去后面发现是有第三方包@escookrequest-miniprogram代替axios发送请求的，请求头也添加正常。注意是这个包也是在外层包了一层data，但好像并不能统一处理掉。

最近使用uni-app开发时，在使用加强表单时，使用表单验证的过程和PC端的区别uni-app文档说如果要使用自定义表单验证是需要去掉form中:rules="rules",使用ref绑定但最终我使用自定义校验规则，使用上面2种方式都会触发，个人觉得还是以官方文档为主，万一:rules="rules"失效导致错误就得不偿失。

最近在使用uni-app写H5移动端，有一个从手机拍摄从相册选择获取图片上传到文档服务器功能。查阅uni-app发现关于上传图片，uni-file-picker文件上传，uni.chooseImage，uni.uni.uploadFile它和pc端原理差不多，都是file对象上传，PC端是通过new file对象，uni-app是直接提供了。

这个问题已经解决uni-app和微信开发者工具兼容axios -- 主页文章有仔细查看。使用了网络上axios适配器方案，没有效果，问题没有解决，请求没发出去。uni-app 使用axios发请求-运行到微信开发者工具报错。

最近在使用uni-app写H5移动端时候，在pages.json文件配置导航栏的图标时发现不生效去官网查阅了很久，意思是不支持本地图片，支持iconfont.ttf（iconfont本地下载）格式图片意思是在导航栏的图标需要在iconfont图标库找好以下载本地形式放到项目资源文件夹titleNView配置实现过程1.登录iconfont图标库网站找图标下载-iconfont-阿里巴巴矢量图标库2.把下载解压的文件放在static文件下-里面文件结构如此。

经过上面操作，axios就可以兼容uni-app和卫星开发者工具，我们只需要在运到浏览器和微信开发者工具是切换基地址配置就可以2端都适配经过这一趟流程下来相信你也对 uni-app 使用axios发请求 运行到微信开发者工具报错 Adapter "http' is not available in the build 有了初步的深刻印象，但在实际开发中我 们遇到的情况肯定是不一样的，所以我们要理解它的原理，万变不离其宗。加油，打工人！

uni-app 实现H5登录页面布局样式。

最近使用uni-app开发h5时，使用uform布局登录界面时候，使用增强输入框发现一个报错。意思是它需要一个布尔类型，你却给了字符串类型。就是没有加：，加了之后有没效果。后面又回去仔细看了一眼文档说的，原来是他说了一个即可，我就没有想直接写上去。其实只用写一个 clearable 就行了（因为默认值时true可不写）- 搞了半天，没仔细看，哎。

之前我们使用了高德地图搜索地点，它是原生小程序写法，把它转换成uni-app（vue写法）。这篇文章记录一下搜索联想词的使用，转换成vue语法，详细的引入主页文章有。需要在uni-app配置SDK文件，和位置权限，主页文章有（uni-app 小程序使用腾讯地图完成搜索功能）引入完成之后，注意填写自己key，可以直接复制到uni-app代码如下--绑定输入事件-->--关键词输入提示列表渲染-->--绑定回填事件-->

使用uni-app开发小程序时候使用腾讯地图原生SDK是，要把原生写法转成vue写法在这记录一下。我们需要注意的是使用高德地图时我们不仅要引入SDK，还要再uni-app中配置允许使用。由于uni-app内置地图就是腾讯，所以获取位置的api，uni.getLocation坐标不用转换，直接使用。高德地图原生sdk搜索，我用地点搜索，渲染结果。达到联想值效果，点击跳转。

在开发小程序的时候我们会发现经常需要地图的使用，但是市面上主流的地图有腾讯，高德，百度。哪个好了其实在我看来这个3地图没有好坏之分，各有所长。只是说哪个地图写小程序更加轻便，更加低耦合。后面我把他们都试了一下发现，他们的使用方式都差不多，都是申请一个类似标识的东西，调用各自东西。uni-app官网好像说暂时不支持百度地图，腾讯和高德都是以原生sdk的方式引用。类似第三方js文件动态引入。

这几天在学习小程序的时候发现微信开发者工具构建npm包失败，在这里记录一下解决方案首先明白package.json与package-lock.json有什么区别，怎么构建和有什么用微信开发者版本更新原因没有miniprogram文件目录，和本地npm包构建选项（新版本不用选找不到）微信开发者工具也会有很多bug，会编译出错，所以会使用Hb开发原因package.json与package-lock.json区别vue的package.json与package-lock.json有什么区别？