mewmew1的博客

一开始猜测可能是页面还没加载完就先执行了hideOptionMenu导致界面没更新，尝试在app.vue文件mounted里监听页面加载事件load，将hideOptionMenu方法放进load事件方法和$nextTick里执行也不行，放进main.js里也不行，在安卓手机上都有同样的问题，但是放在某一个指定页面vue文件的mounted里执行是没问题的，可以隐藏当前页面按钮。好多年前的代码了，真是埋了个大坑。问题：此代码在苹果手机上没有问题，在安卓手机上刚进入页面仍然有分享按钮，刷新页面后不显示按钮。

ios微信公众号内嵌h5页面，底部按钮使用fixed定位在页面最底部，此时页面滑动到底部并上拉，底部按钮会被苹果自带背景页面覆盖，按钮会隐藏。正常进入页面不会有问题，进入页面后再点击苹果的控制中心圆形按钮或者下滑苹果顶部栏弹出苹果控制中心页面，再进行原页面操作就会有问题。最外层div设置 height:100vh;第二层div设置 overflow-y:auto。

服务介绍页返回到预约信息填写页，填写页只展示一半，下半部分空白，且页面无法正常下拉展示，服务介绍页正常慢慢滑动再返回上一页没问题，如果介绍页快速滑动到底部并多次上拉，再返回上一页会有问题。overflow-y:auto 即可解决。

ios 部分系统有时候不兼容，安卓没问题，需将日期格式改成’2023/09/09‘，此格式安卓苹果都兼容。ios h5页面使用new Date()转换日期格式时报错。

ios微信小程序环境下，门店列表页数据超过一屏可以滑动时，滑动到页面下方选择一个门店点击跳转到门店详情页，此时再返回上一页，列表页页面上半部分空白。ps:写在mounted里是不行的哦，要写在接口返回数据之后。（ios微信公众号里打开h5页面是正常的,安卓都是正常的）在门店列表页接口返回列表数据后添加。

1.在开放标签和插槽按钮上添加样式 -webkit-tap-highlight-color:transparent!2.插槽按钮需使用button标签，使用p标签点击时ios上会出现黑色小横条。

vue项目base64加密解密使用及解密乱码问题

vuecli项目动态配置不同环境变量

vue3项目埋点需求，需记录页面浏览时长，入口在第三方页面，从vue3页面返回到入口页时，onBeforeUnmount、onBeforeRouteLeave全部失效不执行，在vue3项目里组件之间跳转没问题。经测试，popstate事件监听pc端及移动端都失效；js的beforeUnload事件在pc端谷歌浏览器上返回第三方页面有效，vue项目内组件跳转无效，ios手机上全部无效。解决方法：监听js的pagehide事件，在pc端及移动端都有效，返回第三方页面和vue项目内跳转、vue项目里点击按钮跳

快速删除node_modules文件夹1.在项目根目录下执行：安装插件： npm i rimraf -g删除文件夹： rimraf node_modules即可删除。删除无用插件1.安装插件：npm i -g depcheck2.项目文件里 package .json同级下运行命令查看插件：depcheck结果如下：Unused dependenciesajvecharts-liquidfillelement-themeexpressrequsetstyle-l

var isAndroid=navigator.userAgent.indexOf(“Android”)>-1||navigator.userAgent.indexOf(“Adr”)>-1;var isIos=navigator.userAgent.match(/(i[^;]+;( U;)? CPU.+Mac OS X/);history.pushState(null,null,document.URL);//最好加这行window.addEventListener(“popstate”,

1.this.$router.push({name:“detail”,params:{id:id}})跳转路由时使用params传参，页面刷新参数就没了，可使用query传参，或者vuex持久化存储。

1.首页加载慢（1）.空白时显示loading。main.js文件里:router.afterEach((to,from,next)=>{Loading.close()}),new Vue({router,store,render:h=>h(App),created(){Loading.open();}}).$mount(’#app’)(2)蓝湖上下载ios视网膜@2x图片，开启压缩，选择高画质，比web@2X图片画质清晰，占用空间小。（3）将asstes里图片放在

1.npm install --save vuex-persistedstate2.vuecli2在store入口index.js文件中引入并进行对应配置import createPersistedState from “vuex-persistedstate”;export default new Vuex.Store({state,getters,actions,mutations,plugins: [createPersistedState({storage:window.ses

1.问题：van-uploader同时绑定after-read和before-read只能执行before-read解决方法：在before-read绑定的函数里加上return true才会执行after-read

1.问题：测试环境下，使用vconsole调试移动端，个别机型（iphone6s/个别vivo/个别huawei）和ipad调取接口失败，安卓机和部分苹果手机正常。经查找发现是前端传参问题，这些机型调取接口使用post方式传参时，参数转为json格式后最后一行会多个逗号，后端无法正确解析。解决方法：是因为引用了cdn的vconsole文件的问题，改成本地安装的vconsole即可。代码：npm install vconsole@3.0.0main.js里引入import Vconsole fr