2020年1月9日
记录在ios系统上，自研app，灰度环境遇到的一个vue页面dom节点已渲染，但是显示部分空白的情况
摘要： 一、问题产生背景： 在ios系统上，自研app，灰度环境，进入到前端页面后，从不同入口进入到适配车型页面，部分页面显示正常，部分页面显示异常，而适配车型页面的代码逻辑仅仅是请求接口，获取到数据后进行for循环渲染而已 1、vue页面代码如下： 2、js代码如下（请求数据，有缓存先取缓存，没有取接口请 阅读全文
posted @ 2020-01-09 12:13 奋斗中的小人物 阅读(950) 评论(0) 推荐(0) 编辑
记录在苹果6p/6sp，10版本上，app内交互token等用户信息丢失的问题
摘要： 一、问题产生背景： 在app内进入前端页面的时候，会在链接上携带token，以及在window对象全局添加字段，附带所有需要的基础信息，而此次问题就在于，初次进入没有问题，而在苹果6p/6sp，10版本上，调用支付宝app支付后，再返回app内，出现了window对象里所需要的信息丢失的情况，结果从 阅读全文
posted @ 2020-01-09 11:20 奋斗中的小人物 阅读(420) 评论(0) 推荐(0) 编辑
2019年12月21日
记录在苹果X手机上运行遇到的代码Dom被阻塞不更新的一个坑
摘要： 一、问题产生背景： 开发支付功能，代码逻辑如下：点击支付后，请求后台接口得到流水号以及第三方支付台链接，跳转支付台（在苹果手机则是弹出支付台层）；支付完毕后返回支付页面，或中途退出支付台返回支付页面；弹出查单框，让用户选择触发查单；查单结果未支付，则直接关闭查单框，或关闭查单框后再弹层提示支付失败。 阅读全文
posted @ 2019-12-21 13:16 奋斗中的小人物 阅读(443) 评论(0) 推荐(0) 编辑
2019年9月18日
巧用flex（一）
摘要： 在开发中我们经常遇到一个页面头部内容固定顶部，中间内容可滚动的需求，一般的逻辑就是把头部内容通过position以及z-index固定位置，提高层级，然后中间内容设置距离顶部一定距离，这样的效果是侧边滚动条的位置是从顶部开始的： 如果我们不想用定位，且要求滚动条位置从需要滚动的区域开始，这是flex 阅读全文
posted @ 2019-09-18 11:01 奋斗中的小人物 阅读(159) 评论(0) 推荐(0) 编辑
2019年8月15日
谷歌浏览器调试手机app内置网页
摘要： 当自己的H5项目内置于手机app内时，遇到了样式问题或者想查看H5页面代码、数据交互以及缓存等情况来检查数据，此时可以使用谷歌浏览器的控制台远程调试手机，步骤如下： 一、手机开启允许usb调试 二、手机通过数据线与电脑连接，允许授权调试（有的手机可能不会弹框提示） 三、打开谷歌浏览器控制台，找到Re 阅读全文
posted @ 2019-08-15 16:17 奋斗中的小人物 阅读(4411) 评论(0) 推荐(0) 编辑
与app交互因异步造成的坑记录
摘要： 一、问题产生背景： 在app内跳转到H5页面，初始页面获取用户等各种信息，前端除了可以获取链接上的参数去请求接口，接着进行数据的缓存等，也可以去获取app写入window的数据，然后进行其他的操作。公司采用的后者，于是在正常情况下，直接从app内进入H5页面以及刷新页面都可以取到window的数据， 阅读全文
posted @ 2019-08-15 12:03 奋斗中的小人物 阅读(254) 评论(0) 推荐(0) 编辑
组件内或者vuex数据已变化但是页面显示或许不正常
摘要： 一、问题产生背景： 组件内的数据比较复杂，涉及多层次的数组和对象的情况下，某些值发生变化但是页面值没有变化；更新vuex的数据，同样在涉及多层次的数组和对象的情况下，某些值发生变化但是页面值没有变化；某些环境下，比如本地、测试等没有出现此问题，但是灰度和正式却出现此问题；总而言之，经过检查后台接口数 阅读全文
posted @ 2019-08-15 11:40 奋斗中的小人物 阅读(1376) 评论(0) 推荐(0) 编辑
2019年7月18日
vue的$nextTick使用后的js代码执行顺序问题
摘要： 一、问题产生背景： 父组件已经获得子组件实例，并能直接触发子组件的方法，在父组件中调用了子组件的两个方法 阅读全文
posted @ 2019-07-18 11:47 奋斗中的小人物 阅读(1881) 评论(0) 推荐(0) 编辑
2019年7月17日
vue中使用ts后，父组件获取执行子组件方法报错问题
摘要： 一、问题产生背景： 子组件的一个方法： 父组件通过ref获取执行子组件的方法： TS报错： 二、尝试解决 （1）将整个子组件实例发送给父组件接受，再调用 阅读全文
posted @ 2019-07-17 16:07 奋斗中的小人物 阅读(1792) 评论(0) 推荐(0) 编辑
2019年7月12日
向子组件传递动态的多级数组对象，子组件内初始时获取不到深层级属性值的解决方法
摘要： 一、问题产生背景： 向子组件传一个动态生成的数组，数组中包含着多级的对象数组 打印结果如下： 发现页面是正常渲染的所有数据，但是在js中，获取数组对象中更深层次的数组值时，发现this.slots[0].values拿到的是原先的父组件的slots数组中默认的值，而不是有34个内容的Array。 二 阅读全文
posted @ 2019-07-12 16:18 奋斗中的小人物 阅读(1383) 评论(0) 推荐(0) 编辑
下一页