03 2022 档案
摘要：1:、需求：之前的图片上传接口是，前端上传图片给后端，后端返回一个存放图片的web路径，现在后端出问题，返回的web路径无法使用，需要前端展示本地的文件 2、思路：把当前选择的图片文件转化成base64格式用backgroundImage来展示 3、实现： fileListChange(file)
阅读全文
摘要：1、需求：需要写一个新增商品的页面，主要难点就sku 2、思路：总体来说就是前端生成适合排版的sku属性数据，之后经过转换成符合接口的上传数据，刚开始转换的时候没有思路也是花了点时间，毕竟不设限制的sku可以有很多，层级也很深，所以主要用的是递归来处理 前端排版时的属性数据 [ { id: new
阅读全文
摘要：1、思路：就是把文件上传服务器并获得返回的存储地址的链接保存，比较简单，直接上代码了，主要就是wx.chooseImage和wx.uploadFile，官网上也有https://developers.weixin.qq.com/miniprogram/dev/api/network/upload/w
阅读全文
摘要：1、问题：一个自适应高度的view里面放一个固定高度的image会使view被撑大6px 2、原因：image的display默认是list-item，所以view的会被list-item样式撑大6px 3、解决：设置image的display为block就行了
阅读全文
摘要：1、需求：接手一个别人做的小程序，需要加上换肤的功能，看了网上几款换肤实现的思路，很麻烦了，工作量又大，于是自己想出这个比较好的解决方案 2、思路：利用css的属性选择器来设置不同的自定义变量，利用globalData和Behavior去实时获取主题并设置页面属性，然后在页面使用已经定义好的自定义变
阅读全文
摘要：1、问题：在微信小程序的双向绑定不能绑定对象，只能绑定单个的变量，对象的话需要通过setData来设置变量，当表单的input多的时候就很麻烦 2、解决： html <input placeholder-class="pla_text" placeholder='请填写区域名称' class="ce
阅读全文
摘要：1、当三元运算符和字符串拼接在一起时会导致路径错误的问题 比如以下代码 '/api/getTemplateIdByCode?code='+wx.getStorageSync('perId')?'audit-result':'personnel-register' 以为结果是/api/getTempl
阅读全文
摘要：1、问题：如下图所示，小程序苹果端有一段间距，如果设置页面高度为100vh，就会重合 2、解决：可以用到env(safe-area-inset-bottom)这个变量（注意：该变量是IOS 系统内核提供的，在IOS上正常使用；而安卓和开发工具上用的是 Chromium 内核，没有这个变量，所以不支持
阅读全文
摘要：1、需求：有些展示的数据是静态的，没有那么美观，就想着加点增长特效 2、思路：处理成一个组件，往里面传值的时候，会根据特效时长，特效间隔等逻辑处理并返回值 3、实现 <template> <span>{{ carrier }}</span> </template> <script> export d
阅读全文
摘要：1、需求：要求地图有阴影效果 2、思路：用geo创建一毛一样的底图加上阴影，放在series的图下面，缺点就是不能用鼠标移动放大缩小，不然就暴露了下面的geo底图。 3、实现： let option = { visualMap: { bottom: '10px', left: 'right', ri
阅读全文
摘要：arguments 是一个对应于传递给函数的参数的类数组对象。 简单来说就是包含所有传进函数的实参的一个集合。 var a=1; function fn2(a){ //arguments的某个数值就相当于某个形参 arguments[0]=3; alert(a); //弹出3 var a=2; al
阅读全文
摘要：提交方法： 接口经常要用到FormData提交文件，就记录一下 实现：new一个FormData类型，append如文件，提交的时候给接口请求头加上'Content-Type': 'multipart/form-data' upData(file){ const form = new FormDat
阅读全文
摘要：1、问题：之前小程序写某个页面的时候，总是要点好几次跳转进当前页面，现在发现可以设置编译模式，并配置跳转该页面的参数，并且可以设置跳转场景配置公众号等功能 2、解决： 点击添加编译模式 填写跳转页面参数等 选择该编译模式就可以愉快的写当前页面了
阅读全文
