很久没发文章了，一直都没有时间去总结，去年随便投了两家宁波的公司，本来是抱着试一试的心理，没想到刚去宁波第一个面试就过了，然后也懒得找，就同意了，我记得当时要的是1w，然后被老板一顿忽悠，一直画大饼，说基础工资8.5k＋奖金，但一直没看到过奖金，当时公司内就一位项目主管，一个产品经理，就我一个前端，我负责后台和小程序，项目是通过gitee上的开源项目，反正当时项目又多又乱，每天都在加班，每天都有事情做，明天都挺累的，差不多工作一个月后，两个领导都走了，公司老板又开始招人，陆陆续续扩招到了6个人，当两个领导都走了的时候，我也是准备走了，但被当时刚招来的新的产品留住了，当时是说会从零开发项目，我来负责后台或者小程序，当时的我也是很想自己从零开发项目，确实后面重新开发项目，但是新招的前端小伙伴不会小程序，虽然我也不会，但是还是让他开发后台，我负责小程序开发，那个时候也是时间比较赶，每天都很忙，虽然很忙，但也学到了很多，但是没有去记录下来，这确实挺后悔的，主要当时也没有时间去记录。到了12月份，十月份和十一月份的工资老板一直拖着不发，了解后才知道老板的合作伙伴不干了，原来老板一直都是空手套白狼，没出过钱，咱也不知道他为什么这么厉害，我怎么做不到，很困惑，所以就离开了
目前我是在杭州一家公司上班快一个月了，负责小程序开发，两个星期不到开发完第一个版，遇到的问题也稍微记录了一下，分享给大家！
如果大家遇到其他问题，可以在评论区分享一下，我也会记录下来的，喜欢的朋友可以点赞收藏！！！ ### 搭建项目 * uview组件库（下次准备使用vant-weapp组件库） * 请求封装（设置环境变量） * vuex ### uview组件中的u-button标签宽度100%，不受size限制找到uView-ui/components下的u-button样式将100%修改成auto给予外框，设置每个外框的大小 ### uview表单字体是竖着的设置labelWidth的宽度 ### 使用vant-weapp 1. 从github下载vant包，zip格式的vant组件包: 2. 项目根目录下新建wxcomponents/@vant 两个文件夹 3. 把下载好的压缩包解压，把dist放在刚才创建好的@vant文件下，并重命名为weapp 4. App.vue中引入vant的样式 // 引入vant-weapp样式 @import '/wxcomponents/@vant/weapp/common/index.wxss';` 5. 在pages.json文件下的 "globalStyle" 下的 "usingComponents" 中按需引入 "globalStyle": { ... "usingComponents": { "van-button": "/wxcomponents/@vant/weapp/button/index" } }, ### 适配方案布局是使用flex布局，单位是使用rpx，该单位是小程序专属的适配单位
如果是开发app或者h5，个人建议使用flexble.js和rem布局
下载地址：
### 小程序不能强制用户登录获取用户信息，另外用户应当拥有一部分的小程序体验权限，当用户操作到涉及登录的功能时，用户理应拥有自主选择是否登录的权利。所以我选择进入小程序是首页，当点击切换tab页面，或者点击按钮进去其他页面的时候都进行判断是否登录。 ### 若首次进入是登陆页面
1. 在vuex中设置变量管理登录状态 2. App.vue中的onLaunch生命周期钩子，根据登陆状态进行跳转（异步操作导致页面不展示，所以加上延时器） 3. 登陆界面，登陆按钮修改和储存登陆状态，不登陆按钮也需要将状态储存到本地，并返回上个页面操作 4. 其他tab页面在onshow中检查登陆状态
### 基础库2.27.1以上版本都无法通过getUserInfo接口或者getUserProfile接口获取用户头像和昵称了，最好还是使用头像昵称填写能力获取
``
在wxLogin中调用login方法，获取code，如果你使用点击时间调用该方法的话，会被提醒不符合规范，小程序不允许你在他不知道的情况下调用login方法
``
``
### 在线客服 `` ### 什么时候用onShow和onLoad - onLoad页面加载时调用，可以获取参数，通过options，只调用一次。 - onShow页面显示时调用(启动/页面从隐藏到启动)，可调用多次 ### 页面元素不够撑满整个屏幕，如何设置背景色
`width: 100vw; 和 min-height: 100vh`，如果不加min的话，超出的部分没有背景色 ### 小程序导航栏背景图如何设置 1. 在pages.json内去掉原生导航栏 "navigationStyle": "custom" 2. 自定义导航栏 ### 监听页面滚轮，给自定义导航栏修改背景色使用 onPageScroll 方法监听页面滚动事件
实现思路:默认导航栏其实一直存在，只需初始时把导航栏透明度设为0，随着滚动，改变透明度即可 ### 获取用户当前位置（经纬度获取省市区） 1. 使用 uni.getLocation() 方法获取用户的经纬度信息 2. 调用第三方地图服务的API，比如高德地图的逆地址解析服务（获取key和注册报名单） ### 隐私协议保护指引接入 * 在 app.json 中配置 **usePrivacyCheck**: true * wx.getPrivacySetting 查询隐私授权情况。 * wx.onNeedPrivacyAuthorization 监听隐私接口需要用户授权事件。 * wx.openPrivacyContract 跳转至隐私协议页面。 * wx.requirePrivacyAuthorize 模拟隐私接口调用，并触发隐私弹窗逻辑 ### 如果用户拒绝授权，怎么办 1. uni.getSetting 获取用户的当前设置，判断authSetting中是否有scope.userLocation 2. uni.authorize 向用户发起授权请求 3. uni.openSetting 返回用户设置的操作结果 ### 图片有白边 - 在uniapp中推荐使用image标签加载图片，使用img标签src不会联动 - 在 `App.vue` 文件中的 `