不会写代码的前端

原生的小程序的wx.showModel组件没有直接关闭的方法，原生组件比较坑就是了，所以只能用其他方法，目前的需求就是一个页面会显示多个弹窗确认，但我只需要显示一个即可，确认关闭后，只要不刷新就不会再触发。

在日常开发中，有很多需要全局注册的方法，这样子不用每个页面都引入，挺方便的先说下vue2的回顾下：比如引入全局axios。

之前做得项目有vue2和vue3,使用echarts的方式大同小异，这篇文章就先介绍vue3的用法。

【代码】微信小程序webview安卓机不能打开pdf问题。

效果如下：<el-selectplaceholder="请选择"clearablefilterable<el-option// 自定义搜索// 这里是用的value选项筛选，默认是label});},

【代码】el-date-picker如果超过限制跨度则提示。

难点：默认选中当前时分秒。设置当前默认结束时间。

这里使用element ui得el-select组件，思路是使用监听。

重点：这里必须把canvas挪出屏幕外，而且宽高必须限制，不然显示不出来。

微信小程序实现图片压缩

【代码】vue3+vite 实现ref、element-plus组件等自动带入。

【代码】vue3+js-md5密码加密使用。

相比vue2的vuex，vue3更推荐使用pinia来对数据进行共享化处理，下面是pina使用的案例，这里分成几个模块并导出使用，这样方便各个模块数据管理，如果不对，欢迎大家来指出。

这里就已经生成二维码成功了。

功能：滚轮滚动图片放大、还原图片、左旋转、右旋转、上一张、下一张、删除图片、预览大图参数传入：是否显示图片、图片的url、图片预览图的宽度、图片预览图的宽度、预览列表。

其实在npm中使用已经说得很明白了，我这里记录一下跟element ui上传组件配合使用。上传前方法中处理压缩逻辑，压缩质量参数，我单独封装了。

这里使用storage监听本地数据 ，首先在登录后把数据存入本地，这里我用的是sessionStorage和localStorage中的数据做对比，因为localStorage数据是可共享的，如果不一致则刷新。3、vuex中定义一个属性控制TrialDialog.vue弹窗组件的显示和隐藏。有些时候用户点进详情页，刷新时出现弹窗提示用户当前页面已丢失，点击跳回首页即可。4、在监听数据不一致时更新vuex中的数据即可。1、首先定义一个弹窗组件，这里我就不写了。2、在home.vue组件中引入。

这里使用得是window的一个属性navigator。如果断网直接提示，并不走请求逻辑。这里需要在响应拦截器中做判断。

vue2打包优化

uniapp 实现tabs切换