随笔分类 -  bug合集

摘要:背景 我们的项目通过重写 对象上的方法实现日志上报的功能,截取代码片段如下: 然而在极少部分手机(iPhone 5s 9.3.1)中,在页面上使用 打印内容,会导致页面渲染失败,也不会向后台发送任何内容。 fixed 经过排查,发现问题出现在 。由于我们重写了 对象上的方法,导致执行 等方法时,丢失 阅读全文
posted @ 2019-07-01 15:54 Liaofy 阅读(250) 评论(0) 推荐(0)
摘要:背景 在编写 .vue 组件时,可以将状态外置来获取一些额外的好处,譬如有这么一个组件(global components.vue): 将组件的状态外置,即 store.js 如下: 组件状态外置有两个好处: 单独的 js 文件,可以享受编辑器的代码提示功能 可以在任意地方,引入 store.js 阅读全文
posted @ 2019-06-25 10:55 Liaofy 阅读(422) 评论(0) 推荐(0)
摘要:在微信小程序开发过程中,会需要跳转到外部链接,微信提供了 ``组件供我们使用。 为减少重复代码,一般会将这个功能单独抽取为一个页面供大家使用: 如果上述的 url 携带了参数,那么参数需要经过 ,否则微信 ios 版可能出现页面无法打开的bug。 p.s.如果参数是一个对象,可以使用 这个 npm 阅读全文
posted @ 2019-01-24 17:17 Liaofy 阅读(6083) 评论(0) 推荐(0)
摘要:如题 成因:极大可能是template上有某个 函数 ,没有在 中声明导致的。 解决:找到那个未声明的函数名,写在 中。你可以使用二分法快速找到。 阅读全文
posted @ 2018-10-23 12:12 Liaofy 阅读(3620) 评论(0) 推荐(0)
摘要:首先,请原谅我做一次标题党; 但我觉得从发现问题到最后解决问题的过程还是蛮有意思的,特此记录一下; 背景 近两天开发的 是内嵌在客户端(android、ios)webview 中的 H5 页面。其中有部分内容需要前端排序后再显示。代码很简单: let m = [6,4,8,10,3,5] conso 阅读全文
posted @ 2018-05-11 10:36 Liaofy 阅读(1559) 评论(0) 推荐(0)
摘要:使用微信JSD做 分享功能时,显示配置成功,但分享出去的信息并不是配置中的信息。(p.s. ios 分享后只有一个当前的链接,androd连分享的图标都没有), 最终找的的原因是: 分享的链接中,参数带有 符号。 经过实际测试,当分享链接中含有 两个以上 符号时,会出现配置成功,但分享信息异常的情况 阅读全文
posted @ 2018-04-02 09:19 Liaofy 阅读(703) 评论(0) 推荐(0)
摘要:如果你在 template 中,使用了 es6 及以上的语法,那么,在部分ios、安卓、微信浏览器中,打开页面后显示一片空白内容。如下: 将 ES6 语法改为 ES5,即可解决。 ` ` 阅读全文
posted @ 2018-03-14 10:53 Liaofy 阅读(1231) 评论(0) 推荐(0)
摘要:背景 为了实现点点点动态loading效果,并且方便使用(只需要给一个空元素加一个.loading),有如下代码: 这样,只需要在页面中使用 即可出现点点点动态loading效果。 但是,在 iphone 真机上,如果``内有以上的 loading ,滑动页面时,会有强烈的抖动。 原因 猜测可能是 阅读全文
posted @ 2018-03-12 16:00 Liaofy 阅读(981) 评论(0) 推荐(0)
摘要:如题,解决方案有两种: 1、如果 弹出层没有滚动 事件,就直接在蒙板和弹出层上加 catchtouchmove;(方便快捷) 2、如果 弹出层有滚动 事件,有两种方法: 方法一 在弹出层出现的时候给底部的containerView加上一个class,消失的时候移除。 这种方法简单有效,但会改变页面原 阅读全文
posted @ 2018-02-23 14:23 Liaofy 阅读(2604) 评论(0) 推荐(0)
摘要:2/9更新 后来遇到float 元素也这样,改成flex布局就没问题。不知道具体原因。 描述: 使用 开发 时,遇到在小米部分机型(5x、mix2)中,文字/文字背景闪现然后消失。 如下, 的蓝色背景闪现一下,接着蓝色背景突然消失,只剩下文字。 html 结构: 部分css 修复: 在消失元素的父级 阅读全文
posted @ 2018-01-29 10:55 Liaofy 阅读(381) 评论(1) 推荐(0)
摘要:bug描述 在安卓浏览器中,有一个在页面底部的弹出层表单,样式如下: 当在这个弹出层输入内容,键盘自动弹出,弹出层的bottom值会改变成键盘的高度,有可能使输入框超出屏幕的高度。 bug解决 给弹出层添加一个高度 ` ` 阅读全文
posted @ 2017-05-08 18:03 Liaofy 阅读(310) 评论(0) 推荐(0)
摘要:接触了一个PC端网页开发的项目,要求兼容到IE 8,遇到不少坑,在这里记录下: 1、IE8 的兼容性视图 bug描述:IE8有许多新更新,但微软为了兼容以前的IE浏览器,提出了“兼容性视图”的概念,它可以使用低版本IE(6、7)内核,显然这并不是我们想要的,所以需要使用meta标签来强制IE8使用最 阅读全文
posted @ 2017-04-10 09:50 Liaofy 阅读(1261) 评论(1) 推荐(1)
摘要:` ` 阅读全文
posted @ 2017-03-22 11:12 Liaofy 阅读(299) 评论(0) 推荐(0)
摘要:首先我们观察一组案例: HTML结构很简单: 仔细观察图片,我们可以看到在图片的右侧和底部分别有4px、2px的空隙,一般来说,我们并不需要它们。那要怎么除掉呢? 方法一:display: block; 添加样式 就可以了,如图: 就此,我们还可以推断出下面的方案: 方法二:float:left; 阅读全文
posted @ 2017-03-20 11:31 Liaofy 阅读(639) 评论(0) 推荐(0)
摘要:写在最前的最后:整篇文章絮絮叨叨说了半天,我得出一个最佳实践:和button标签say goodbay,用 a 标签模拟之。 首先看一个在chrome 下的简单demo 这样的布局在组件开发中再常见不过了!我们先不管 css 圆角属性不兼容 IE 9 的问题,单论 继续添加 和 点击上传 这两个`` 阅读全文
posted @ 2017-03-16 10:02 Liaofy 阅读(200) 评论(0) 推荐(0)
摘要:BUG描述 在 ios 微信浏览器或原生浏览器中,主内容容器 在文档流内,并且 。在其之上有一个 fixed 定位的弹出层 ,滚动 到底部,继续滚动会触发底层容器 开始滚动。 期望结果 滚动弹出层 ,底层容器 不会触发滚动 解决方案 google搜的方案基本上都不能完全解决问题...... 经过各种 阅读全文
posted @ 2017-03-13 18:58 Liaofy 阅读(1653) 评论(0) 推荐(0)
摘要:IOS系统的惯性滑动效果非常6,但是当我们对div加overflow y:auto;后是不会出这个效果的,滑动的时候会感觉很生涩。怎么办? 方案一: 在滚动容器内加 但这个方案有一个问题,在页面内具有多个 的情况下,那些具有 绝对定位(absolute, fixed) 属性的元素,也会跟着滚动。 方 阅读全文
posted @ 2017-03-13 15:57 Liaofy 阅读(9250) 评论(0) 推荐(1)